#124C5A
#124C5A
#5A2012
#5A2012
Color Values
| Format | #124C5A | #5A2012 |
|---|---|---|
| HEX | #124C5A | #5A2012 |
| RGB | 18, 76, 90 | 90, 32, 18 |
| HSL | 191.7, 66.7%, 21.2% | 11.7, 66.7%, 21.2% |
| HSV | 191.7, 80.0%, 35.3% | 11.7, 80.0%, 35.3% |
| CMYK | 80.0%, 15.6%, 0.0%, 64.7% | 0.0%, 64.4%, 80.0%, 64.7% |
| OKLCH | 0.3871 0.0616 217.8 | 0.3289 0.0891 34.8 |
Contrast & Accessibility
1.34:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #5A2012 → Background: #124C5A
The quick brown fox jumps over the lazy dog
Text: #124C5A → Background: #5A2012
Color Difference (Delta E)
53.67
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #124C5A, #5A2012);
background: linear-gradient(135deg, #124C5A, #5A2012);