#186F85
#186F85
#852E18
#852E18
Color Values
| Format | #186F85 | #852E18 |
|---|---|---|
| HEX | #186F85 | #852E18 |
| RGB | 24, 111, 133 | 133, 46, 24 |
| HSL | 192.1, 69.4%, 30.8% | 12.1, 69.4%, 30.8% |
| HSV | 192.1, 82.0%, 52.2% | 12.1, 82.0%, 52.2% |
| CMYK | 82.0%, 16.5%, 0.0%, 47.8% | 0.0%, 65.4%, 82.0%, 47.8% |
| OKLCH | 0.5031 0.0842 219.6 | 0.426 0.1243 35.1 |
Contrast & Accessibility
1.52:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #852E18 → Background: #186F85
The quick brown fox jumps over the lazy dog
Text: #186F85 → Background: #852E18
Color Difference (Delta E)
75.06
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #186F85, #852E18);
background: linear-gradient(135deg, #186F85, #852E18);