#5ABCCC

#5ABCCC

#CC6A5A

#CC6A5A

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

1,64:1

Delta E

76,74

Very Different

Смешение 50:50

#A99692

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

Формат #5ABCCC #CC6A5A
HEX #5ABCCC #CC6A5A
RGB 90, 188, 204 204, 106, 90
HSL 188,4, 52,8%, 57,6% 8,4, 52,8%, 57,6%
HSV 188,4, 55,9%, 80,0% 8,4, 55,9%, 80,0%
CMYK 55,9%, 7,8%, 0,0%, 20,0% 0,0%, 48,0%, 55,9%, 20,0%
OKLCH 0,7425 0,0942 209,5 0,6346 0,1274 30,6

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

1,64:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

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

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

Текст: #CC6A5A → Фон: #5ABCCC

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

Текст: #5ABCCC → Фон: #CC6A5A

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

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

Градиент

#5ABCCC #7FB0B8 #97A3A5 #A99692 #B8887F #C37A6C #CC6A5A

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

#5ABCCC

100%

#8CA9AE

75:25

#A99692

50:50

#BD8175

25:75

#CC6A5A

100%

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

background: linear-gradient(to right, #5ABCCC, #CC6A5A);
background: linear-gradient(135deg, #5ABCCC, #CC6A5A);

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

#5ABCCC

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

#CC6A5A

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

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