#0ECCB9
#0ECCB9
#CC0E21
#CC0E21
Color Values
| Format | #0ECCB9 | #CC0E21 |
|---|---|---|
| HEX | #0ECCB9 | #CC0E21 |
| RGB | 14, 204, 185 | 204, 14, 33 |
| HSL | 174.0, 87.2%, 42.7% | 354.0, 87.2%, 42.7% |
| HSV | 174.0, 93.1%, 80.0% | 354.0, 93.1%, 80.0% |
| CMYK | 93.1%, 0.0%, 9.3%, 20.0% | 0.0%, 93.1%, 83.8%, 20.0% |
| OKLCH | 0.7596 0.1338 183.1 | 0.536 0.2123 25.6 |
Contrast & Accessibility
2.84:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #CC0E21 → Background: #0ECCB9
The quick brown fox jumps over the lazy dog
Text: #0ECCB9 → Background: #CC0E21
Color Difference (Delta E)
125.53
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #0ECCB9, #CC0E21);
background: linear-gradient(135deg, #0ECCB9, #CC0E21);