#45C4CE
#45C4CE
#CE4F45
#CE4F45
Значения цвета
| Формат | #45C4CE | #CE4F45 |
|---|---|---|
| HEX | #45C4CE | #CE4F45 |
| RGB | 69, 196, 206 | 206, 79, 69 |
| HSL | 184,4, 58,3%, 53,9% | 4,4, 58,3%, 53,9% |
| HSV | 184,4, 66,5%, 80,8% | 4,4, 66,5%, 80,8% |
| CMYK | 66,5%, 4,9%, 0,0%, 19,2% | 0,0%, 61,7%, 66,5%, 19,2% |
| OKLCH | 0,7556 0,1097 202,6 | 0,5954 0,1632 27,6 |
Контраст и доступность
2,08:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Читаемость текста
Съешь же ещё этих мягких французских булок, да выпей чаю
Текст: #CE4F45 → Фон: #45C4CE
Съешь же ещё этих мягких французских булок, да выпей чаю
Текст: #45C4CE → Фон: #CE4F45
Разница цветов (Delta E)
96,32
Very Different
0 — Идентичный
5 — Схожий
25 — Заметное различие
100 — Очень разные
Градиент
Смешивание цветов
CSS-код градиента
background: linear-gradient(to right, #45C4CE, #CE4F45);
background: linear-gradient(135deg, #45C4CE, #CE4F45);