#20B2AA

lightseagreen

%
Otwórz stronę koloru

Kody kolorów

HEX#20B2AA
RGBrgb(32, 178, 170)
HSLhsl(176.71°, 69.52%, 41.18%)
HSVhsv(176.71°, 82.02%, 69.8%)
CMYKcmyk(82.02%, 0%, 4.49%, 30.2%)
XYZxyz(23.77, 35.05, 43.53)
LABlab(65.79, -37.51, -6.33)
LCHlch(65.79, 38.04, 189.58°)

Kody kolorów

HEX#20B2AA
RGBrgb(32, 178, 170)
HSLhsl(176.71°, 69.52%, 41.18%)
HSVhsv(176.71°, 82.02%, 69.8%)
CMYKcmyk(82.02%, 0%, 4.49%, 30.2%)
XYZxyz(23.77, 35.05, 43.53)
LABlab(65.79, -37.51, -6.33)
LCHlch(65.79, 38.04, 189.58°)

Dostępność

Na białym2.62:1AA ✗AAA ✗
Na czarnym8.01:1AA ✓AAA ✓

Zażółć gęślą jaźń

Tekst na kolorze, żebyś mógł ocenić czytelność, zanim się na niego zdecydujesz.

Warianty i zestawienia kolorów

Rozjaśnienia mieszają kolor z czystą bielą, a przyciemnienia z czystą czernią. Obie skale liczone są co 10%, więc możesz rozjaśnić lub pogłębić barwę, nie zmieniając jej odcienia.

Przyciemnienia

Rozjaśnienia

Harmonie kolorów

Harmonie dobierają kolory towarzyszące według ich położenia na kole barw. Każda reguła daje inny nastrój, od mocnego kontrastu po łagodne przejścia między sąsiadami.

#20B2AA
#B22028

Dopełniająca

Odcień naprzeciwko na kole, o 180°. Największy kontrast; działa najlepiej, gdy jeden kolor prowadzi, a drugi akcentuje.

Utwórz gradient
#20B2AA
#B22071
#B26120

Dopełniająca dzielona

Kolor bazowy i dwaj sąsiedzi jego przeciwieństwa, po około 30° z każdej strony. Zachowuje kontrast, łagodzi ostrość.

Utwórz gradient
#20B2AA
#AA20B2
#B2AA20

Triadyczna

Trzy odcienie co 120°. Żywa i wyważona; niech jeden dominuje, a pozostałe będą akcentem.

Utwórz gradient
#20B261
#20B2AA
#2071B2

Analogiczna

Trzy sąsiednie odcienie co 30°. Niski kontrast, łagodna dla oka, świetna do spokojnych teł i gradientów.

Utwórz gradient
#0D4643
#177E78
#20B2AA
#35DBD2
#6DE5DE

Monochromatyczna

Jeden odcień w kilku poziomach jasności. Spójna z natury i najpewniejsza droga do jednolitego interfejsu.

Utwórz gradient
#20B2AA
#2028B2
#B22028
#B2AA20

Tetradyczna

Dwie pary dopełniające tworzące prostokąt na kole. Najbogatszy schemat i ten wymagający najwięcej umiaru.

Utwórz gradient

Więcej kolorów na czasie