Przejdź do próbnika kolorów

Kolor #338fa5: Żywy błękitny

#338fa5 to rgb(51, 143, 165) w RGB i oklch(60.544% 0.09065 216.816) w OKLCH. Wszystkie inne formaty, odcienie i kontrast znajdziesz niżej.

Rozpoznano: HEX

192°
100%

60,5%
0,091
217°
  • Błękitny
  • Średni
  • Żywy
  • Chłodny
  • ≈ Stalowoniebieski
  • cyan-600
  • Czerń 35%

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

Biały tekst
3.74:1Słabo czytelny
Lc -70
Czarny tekst
5.61:1Czytelny · AA
Lc 39

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 #338fa5

#338fa5 to kolor żywy błękitny. W OKLCH ma jasność 60,5%, chromę 0.091 i barwę 217°.

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

Biały tekst osiąga na nim kontrast 3.74:1, a czarny 5.61: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: #338fa5 zmieszany z bielą

Ciemniejsze: #338fa5 zmieszany z czernią

Spokojniejsze: #338fa5 z mniejszym nasyceniem

Podobne kolory z nazwami

Kolory, które pasują do #338fa5

Komplementarne
Analogiczne
Triada
Rozszczepione

Pytania o kolor #338fa5

Jaki to kolor: #338fa5?

#338fa5 to kolor żywy błękitny. Najbliższy kolor z nazwą to Żywy błękitny. W RGB to rgb(51, 143, 165), w HSL hsl(191.58, 52.78%, 42.35%), a w OKLCH oklch(60.544% 0.09065 216.816).

Jakie kolory pasują do #338fa5?

Kolor komplementarny dla #338fa5 to #b16e5b. Spokojniejsze połączenie dadzą kolory analogiczne #31938b i #5387b5. Kolory triady to #a56c96 i #91823e.

Który tekst jest czytelniejszy na #338fa5: biały czy czarny?

Biały tekst czyta się lepiej na #338fa5: biały daje kontrast 3.74:1, a czarny 5.61:1. WCAG AA wymaga dla tekstu głównego co najmniej 4,5:1.

Czy #338fa5 to kolor ciepły czy chłodny?

#338fa5 to kolor chłodny. W OKLCH jego barwa to 217 stopni, jasność 60,5%, a chroma 0.091.