#557AAA
#557AAA
white
#FFFFFF
Значения цвета
| Формат | #557AAA | #FFFFFF |
|---|---|---|
| HEX | #557AAA | #FFFFFF |
| RGB | 85, 122, 170 | 255, 255, 255 |
| HSL | 213,9, 33,3%, 50,0% | 0,0, 0,0%, 100,0% |
| HSV | 213,9, 50,0%, 66,7% | 0,0, 0,0%, 100,0% |
| CMYK | 50,0%, 28,2%, 0,0%, 33,3% | 0,0%, 0,0%, 0,0%, 0,0% |
| OKLCH | 0,5722 0,0857 255,3 | 1,0 0,0 89,9 |
Контраст и доступность
4,42:1
AA Fail
AA Large Pass
AAA Fail
AAA Large Fail
Читаемость текста
Съешь же ещё этих мягких французских булок, да выпей чаю
Текст: #FFFFFF → Фон: #557AAA
Съешь же ещё этих мягких французских булок, да выпей чаю
Текст: #557AAA → Фон: #FFFFFF
Разница цветов (Delta E)
57,76
Very Different
0 — Идентичный
5 — Схожий
25 — Заметное различие
100 — Очень разные
Градиент
Смешивание цветов
CSS-код градиента
background: linear-gradient(to right, #557AAA, #FFFFFF);
background: linear-gradient(135deg, #557AAA, #FFFFFF);