#10C697
#10C697
#C6103F
#C6103F
Color Values
| Format | #10C697 | #C6103F |
|---|---|---|
| HEX | #10C697 | #C6103F |
| RGB | 16, 198, 151 | 198, 16, 63 |
| HSL | 164.5, 85.0%, 42.0% | 344.5, 85.0%, 42.0% |
| HSV | 164.5, 91.9%, 77.6% | 344.5, 91.9%, 77.6% |
| CMYK | 91.9%, 0.0%, 23.7%, 22.4% | 0.0%, 91.9%, 68.2%, 22.4% |
| OKLCH | 0.7349 0.1471 167.8 | 0.5292 0.2053 16.7 |
Contrast & Accessibility
2.69:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #C6103F → Background: #10C697
The quick brown fox jumps over the lazy dog
Text: #10C697 → Background: #C6103F
Color Difference (Delta E)
122.33
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #10C697, #C6103F);
background: linear-gradient(135deg, #10C697, #C6103F);