#36CEB7
#36CEB7
#CE364D
#CE364D
Color Values
| Format | #36CEB7 | #CE364D |
|---|---|---|
| HEX | #36CEB7 | #CE364D |
| RGB | 54, 206, 183 | 206, 54, 77 |
| HSL | 170.9, 60.8%, 51.0% | 350.9, 60.8%, 51.0% |
| HSV | 170.9, 73.8%, 80.8% | 350.9, 73.8%, 80.8% |
| CMYK | 73.8%, 0.0%, 11.2%, 19.2% | 0.0%, 73.8%, 62.6%, 19.2% |
| OKLCH | 0.7689 0.1275 180.1 | 0.5697 0.1875 17.3 |
Contrast & Accessibility
2.5:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #CE364D → Background: #36CEB7
The quick brown fox jumps over the lazy dog
Text: #36CEB7 → Background: #CE364D
Color Difference (Delta E)
110.14
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #36CEB7, #CE364D);
background: linear-gradient(135deg, #36CEB7, #CE364D);