#199DCE
#199DCE
#CE4A19
#CE4A19
Color Values
| Format | #199DCE | #CE4A19 |
|---|---|---|
| HEX | #199DCE | #CE4A19 |
| RGB | 25, 157, 206 | 206, 74, 25 |
| HSL | 196.2, 78.4%, 45.3% | 16.2, 78.4%, 45.3% |
| HSV | 196.2, 87.9%, 80.8% | 16.2, 87.9%, 80.8% |
| CMYK | 87.9%, 23.8%, 0.0%, 19.2% | 0.0%, 64.1%, 87.9%, 19.2% |
| OKLCH | 0.6532 0.1257 230.4 | 0.5846 0.1766 38.3 |
Contrast & Accessibility
1.46:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #CE4A19 → Background: #199DCE
The quick brown fox jumps over the lazy dog
Text: #199DCE → Background: #CE4A19
Color Difference (Delta E)
110.2
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #199DCE, #CE4A19);
background: linear-gradient(135deg, #199DCE, #CE4A19);