Przejdź do próbnika kolorów

Kolor #228bad: Żywy błękitny

#228bad to rgb(34, 139, 173) w RGB i oklch(59.495% 0.10344 225.145) w OKLCH. Wszystkie inne formaty, odcienie i kontrast znajdziesz niżej.

Rozpoznano: HEX

195°
100%

59,5%
0,103
225°
  • Błękitny
  • Średni
  • Żywy
  • Chłodny
  • ≈ Stalowoniebieski
  • cyan-600
  • Czerń 32%

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

Biały tekst
3.91:1Słabo czytelny
Lc -72
Czarny tekst
5.36:1Czytelny · AA
Lc 38

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 #228bad

#228bad to kolor żywy błękitny. W OKLCH ma jasność 59,5%, chromę 0.103 i barwę 225°.

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

Biały tekst osiąga na nim kontrast 3.91:1, a czarny 5.36:1, więc lepiej czyta się biały 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: #228bad zmieszany z bielą

Ciemniejsze: #228bad zmieszany z czernią

Spokojniejsze: #228bad z mniejszym nasyceniem

Podobne kolory z nazwami

Kolory, które pasują do #228bad

Komplementarne
Analogiczne
Triada
Rozszczepione

Pytania o kolor #228bad

Jaki to kolor: #228bad?

#228bad to kolor żywy błękitny. Najbliższy kolor z nazwą to Żywy błękitny. W RGB to rgb(34, 139, 173), w HSL hsl(194.68, 67.15%, 40.59%), a w OKLCH oklch(59.495% 0.10344 225.145).

Jakie kolory pasują do #228bad?

Kolor komplementarny dla #228bad to #b16a48. Spokojniejsze połączenie dadzą kolory analogiczne #009192 i #5381bb. Kolory triady to #aa648d i #888230.

Który tekst jest czytelniejszy na #228bad: biały czy czarny?

Biały tekst czyta się lepiej na #228bad: biały daje kontrast 3.91:1, a czarny 5.36:1. WCAG AA wymaga dla tekstu głównego co najmniej 4,5:1.

Czy #228bad to kolor ciepły czy chłodny?

#228bad to kolor chłodny. W OKLCH jego barwa to 225 stopni, jasność 59,5%, a chroma 0.103.