Przejdź do próbnika kolorów

Kolor #36a0bb: Żywy błękitny

#36a0bb to rgb(54, 160, 187) w RGB i oklch(65.733% 0.10177 218.404) w OKLCH. Wszystkie inne formaty, odcienie i kontrast znajdziesz niżej.

Rozpoznano: HEX

192°
100%

65,7%
0,102
218°
  • Błękitny
  • Średni
  • Żywy
  • Chłodny
  • ≈ Stalowoniebieski
  • cyan-600
  • Czerń 27%

W gamucie sRGB: wygląda tak samo na każdym ekranie.

Biały tekst
3.04:1Słabo czytelny
Lc -62
Czarny tekst
6.90:1Czytelny · AA
Lc 47

Odcienie

Od najjaśniejszego do najciemniejszego. Kliknij odcień, aby go użyć.

Harmonie

Ostatnie

Tu pojawią się kolory, przy których się zatrzymasz lub które skopiujesz. Zostają na tym urządzeniu.

O kolorze #36a0bb

#36a0bb to kolor żywy błękitny. W OKLCH ma jasność 65,7%, chromę 0.102 i barwę 218°.

W gamucie sRGB: wygląda tak samo na każdym ekranie.

Biały tekst osiąga na nim kontrast 3.04:1, a czarny 6.9:1, więc lepiej czyta się czarny tekst.

Najbliższy kolor z nazwą to Stalowoniebieski (#4682b4). Najbliższy kolor w Tailwind CSS to cyan-600.

Więcej: średnie błękitne kolory

Jaśniejsze: #36a0bb zmieszany z bielą

Ciemniejsze: #36a0bb zmieszany z czernią

Spokojniejsze: #36a0bb z mniejszym nasyceniem

Podobne kolory z nazwami

Kolory, które pasują do #36a0bb

Komplementarne
Analogiczne
Triada
Rozszczepione

Pytania o kolor #36a0bb

Jaki to kolor: #36a0bb?

#36a0bb to kolor żywy błękitny. Najbliższy kolor z nazwą to Żywy błękitny. W RGB to rgb(54, 160, 187), w HSL hsl(192.18, 55.19%, 47.25%), a w OKLCH oklch(65.733% 0.10177 218.404).

Jakie kolory pasują do #36a0bb?

Kolor komplementarny dla #36a0bb to #c77b63. Spokojniejsze połączenie dadzą kolory analogiczne #30a59d i #5d96cd. Kolory triady to #ba78a7 i #a29243.

Który tekst jest czytelniejszy na #36a0bb: biały czy czarny?

Czarny tekst czyta się lepiej na #36a0bb: biały daje kontrast 3.04:1, a czarny 6.9:1. WCAG AA wymaga dla tekstu głównego co najmniej 4,5:1.

Czy #36a0bb to kolor ciepły czy chłodny?

#36a0bb to kolor chłodny. W OKLCH jego barwa to 218 stopni, jasność 65,7%, a chroma 0.102.