#5A9DA3

#5A9DA3

white

#FFFFFF

Коэффициент контрастности

3,09:1

Delta E

45,0

Very Different

Смешение 50:50

#AECDD0

Значения цвета

Формат #5A9DA3 #FFFFFF
HEX #5A9DA3 #FFFFFF
RGB 90, 157, 163 255, 255, 255
HSL 184,9, 28,9%, 49,6% 0,0, 0,0%, 100,0%
HSV 184,9, 44,8%, 63,9% 0,0, 0,0%, 100,0%
CMYK 44,8%, 3,7%, 0,0%, 36,1% 0,0%, 0,0%, 0,0%, 0,0%
OKLCH 0,6539 0,0688 203,1 1,0 0,0 89,9

Контраст и доступность

3,09:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

Читаемость текста

Съешь же ещё этих мягких французских булок, да выпей чаю

Текст: #FFFFFF → Фон: #5A9DA3

Съешь же ещё этих мягких французских булок, да выпей чаю

Текст: #5A9DA3 → Фон: #FFFFFF

Разница цветов (Delta E)

45,0 Very Different
0 — Идентичный 5 — Схожий 25 — Заметное различие 100 — Очень разные

Градиент

#5A9DA3 #77ADB2 #93BDC1 #AECDD0 #C9DEE0 #E4EEEF #FFFFFF

Смешивание цветов

#5A9DA3

100%

#85B5B9

75:25

#AECDD0

50:50

#D6E6E7

25:75

#FFFFFF

100%

CSS-код градиента

background: linear-gradient(to right, #5A9DA3, #FFFFFF);
background: linear-gradient(135deg, #5A9DA3, #FFFFFF);

Изучить каждый цвет

#5A9DA3

Просмотреть все данные о цвете

white

Просмотреть все данные о цвете

Связанные сравнения