#187EAD
#187EAD
#AD4718
#AD4718
Color Values
| Format | #187EAD | #AD4718 |
|---|---|---|
| HEX | #187EAD | #AD4718 |
| RGB | 24, 126, 173 | 173, 71, 24 |
| HSL | 198.9, 75.6%, 38.6% | 18.9, 75.6%, 38.6% |
| HSV | 198.9, 86.1%, 67.8% | 18.9, 86.1%, 67.8% |
| CMYK | 86.1%, 27.2%, 0.0%, 32.2% | 0.0%, 59.0%, 86.1%, 32.2% |
| OKLCH | 0.561 0.1124 235.2 | 0.5273 0.1452 41.9 |
Contrast & Accessibility
1.25:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #AD4718 → Background: #187EAD
The quick brown fox jumps over the lazy dog
Text: #187EAD → Background: #AD4718
Color Difference (Delta E)
93.56
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #187EAD, #AD4718);
background: linear-gradient(135deg, #187EAD, #AD4718);