#45DFFF
#45DFFF
#FF6545
#FF6545
Значения цвета
| Формат | #45DFFF | #FF6545 |
|---|---|---|
| HEX | #45DFFF | #FF6545 |
| RGB | 69, 223, 255 | 255, 101, 69 |
| HSL | 190,3, 100,0%, 63,5% | 10,3, 100,0%, 63,5% |
| HSV | 190,3, 72,9%, 100,0% | 10,3, 72,9%, 100,0% |
| CMYK | 72,9%, 12,5%, 0,0%, 0,0% | 0,0%, 60,4%, 72,9%, 0,0% |
| OKLCH | 0,8375 0,1317 215,0 | 0,6984 0,1941 33,5 |
Контраст и доступность
1,84:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Читаемость текста
Съешь же ещё этих мягких французских булок, да выпей чаю
Текст: #FF6545 → Фон: #45DFFF
Съешь же ещё этих мягких французских булок, да выпей чаю
Текст: #45DFFF → Фон: #FF6545
Разница цветов (Delta E)
116,11
Very Different
0 — Идентичный
5 — Схожий
25 — Заметное различие
100 — Очень разные
Градиент
Смешивание цветов
CSS-код градиента
background: linear-gradient(to right, #45DFFF, #FF6545);
background: linear-gradient(135deg, #45DFFF, #FF6545);