#24655A
#24655A
#65242F
#65242F
Color Values
| Format | #24655A | #65242F |
|---|---|---|
| HEX | #24655A | #65242F |
| RGB | 36, 101, 90 | 101, 36, 47 |
| HSL | 169.8, 47.4%, 26.9% | 349.8, 47.4%, 26.9% |
| HSV | 169.8, 64.4%, 39.6% | 349.8, 64.4%, 39.6% |
| CMYK | 64.4%, 0.0%, 10.9%, 60.4% | 0.0%, 64.4%, 53.5%, 60.4% |
| OKLCH | 0.462 0.0681 180.1 | 0.3604 0.094 12.9 |
Contrast & Accessibility
1.67:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #65242F → Background: #24655A
The quick brown fox jumps over the lazy dog
Text: #24655A → Background: #65242F
Color Difference (Delta E)
56.2
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #24655A, #65242F);
background: linear-gradient(135deg, #24655A, #65242F);