Przejdź do próbnika kolorów

Kolor #3aa5c2: Żywy błękitny

#3aa5c2 to rgb(58, 165, 194) w RGB i oklch(67.346% 0.1039 219.555) w OKLCH. Wszystkie inne formaty, odcienie i kontrast znajdziesz niżej.

Rozpoznano: HEX

193°
100%

67,3%
0,104
220°
  • Błękitny
  • Średni
  • Żywy
  • Chłodny
  • ≈ Stalowoniebieski
  • cyan-500
  • Czerń 24%

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

Biały tekst
2.86:1Słabo czytelny
Lc -60
Czarny tekst
7.34:1Czytelny · AA
Lc 50

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 #3aa5c2

#3aa5c2 to kolor żywy błękitny. W OKLCH ma jasność 67,3%, chromę 0.104 i barwę 220°.

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

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

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

Więcej: średnie błękitne kolory

Jaśniejsze: #3aa5c2 zmieszany z bielą

Ciemniejsze: #3aa5c2 zmieszany z czernią

Spokojniejsze: #3aa5c2 z mniejszym nasyceniem

Podobne kolory z nazwami

Kolory, które pasują do #3aa5c2

Komplementarne
Analogiczne
Triada
Rozszczepione

Pytania o kolor #3aa5c2

Jaki to kolor: #3aa5c2?

#3aa5c2 to kolor żywy błękitny. Najbliższy kolor z nazwą to Żywy błękitny. W RGB to rgb(58, 165, 194), w HSL hsl(192.79, 53.97%, 49.41%), a w OKLCH oklch(67.346% 0.1039 219.555).

Jakie kolory pasują do #3aa5c2?

Kolor komplementarny dla #3aa5c2 to #cd7f65. Spokojniejsze połączenie dadzą kolory analogiczne #31aba4 i #629bd4. Kolory triady to #c17cab i #a69746.

Który tekst jest czytelniejszy na #3aa5c2: biały czy czarny?

Czarny tekst czyta się lepiej na #3aa5c2: biały daje kontrast 2.86:1, a czarny 7.34:1. WCAG AA wymaga dla tekstu głównego co najmniej 4,5:1.

Czy #3aa5c2 to kolor ciepły czy chłodny?

#3aa5c2 to kolor chłodny. W OKLCH jego barwa to 220 stopni, jasność 67,3%, a chroma 0.104.