#20B2AA

lightseagreen

%
Открыть страницу цвета

Коды цвета

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°)

Коды цвета

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°)

Доступность

На белом2.62:1AA ✗AAA ✗
На чёрном8.01:1AA ✓AAA ✓

Съешь ещё этих булок

Основной текст на цвете, чтобы оценить читаемость до окончательного выбора.

Вариации и сочетания цвета

Светлые оттенки смешивают цвет с чистым белым, тёмные — с чистым чёрным. Обе шкалы рассчитаны с шагом 10%, чтобы осветлить или затемнить тон, не покидая его.

Затемнения

Осветления

Цветовые гармонии

Гармонии подбирают сопутствующие цвета по их положению на цветовом круге. Каждое правило создаёт своё настроение — от резкого контраста до мягких переходов между соседями.

#20B2AA
#B22028

Комплементарная

Оттенок напротив на круге, на 180°. Максимальный контраст: лучше всего, когда один цвет ведущий, а другой — акцент.

Создать градиент
#20B2AA
#B22071
#B26120

Раздельно-комплементарная

Базовый цвет и два соседа его противоположности, примерно по 30° с каждой стороны. Сохраняет контраст и смягчает резкость.

Создать градиент
#20B2AA
#AA20B2
#B2AA20

Триадная

Три оттенка через 120°. Живо и сбалансированно: дайте одному доминировать, остальные используйте как акценты.

Создать градиент
#20B261
#20B2AA
#2071B2

Аналоговая

Три соседних оттенка через 30°.Низкий контраст и спокойствие для глаз, отлично для фонов и градиентов.

Создать градиент
#0D4643
#177E78
#20B2AA
#35DBD2
#6DE5DE

Монохромная

Один оттенок на нескольких уровнях светлоты. Согласованность заложена в самой схеме — самый надёжный путь к единообразному интерфейсу.

Создать градиент
#20B2AA
#2028B2
#B22028
#B2AA20

Тетрадная

Две комплементарные пары, образующие прямоугольник на круге. Самая насыщенная схема и требующая наибольшей сдержанности.

Создать градиент

Ещё популярные цвета