#178AC8
#178AC8
#C85517
#C85517
Color Values
| Format | #178AC8 | #C85517 |
|---|---|---|
| HEX | #178AC8 | #C85517 |
| RGB | 23, 138, 200 | 200, 85, 23 |
| HSL | 201.0, 79.4%, 43.7% | 21.0, 79.4%, 43.7% |
| HSV | 201.0, 88.5%, 78.4% | 21.0, 88.5%, 78.4% |
| CMYK | 88.5%, 31.0%, 0.0%, 21.6% | 0.0%, 57.5%, 88.5%, 21.6% |
| OKLCH | 0.6044 0.1323 240.0 | 0.5894 0.1617 43.8 |
Contrast & Accessibility
1.15:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #C85517 → Background: #178AC8
The quick brown fox jumps over the lazy dog
Text: #178AC8 → Background: #C85517
Color Difference (Delta E)
107.24
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #178AC8, #C85517);
background: linear-gradient(135deg, #178AC8, #C85517);