#55D6DC
#55D6DC
#DC5B55
#DC5B55
Color Values
| Format | #55D6DC | #DC5B55 |
|---|---|---|
| HEX | #55D6DC | #DC5B55 |
| RGB | 85, 214, 220 | 220, 91, 85 |
| HSL | 182.7, 65.9%, 59.8% | 2.7, 65.9%, 59.8% |
| HSV | 182.7, 61.4%, 86.3% | 2.7, 61.4%, 86.3% |
| CMYK | 61.4%, 2.7%, 0.0%, 13.7% | 0.0%, 58.6%, 61.4%, 13.7% |
| OKLCH | 0.8077 0.1122 199.5 | 0.6351 0.1632 25.5 |
Contrast & Accessibility
2.12:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #DC5B55 → Background: #55D6DC
The quick brown fox jumps over the lazy dog
Text: #55D6DC → Background: #DC5B55
Color Difference (Delta E)
96.65
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #55D6DC, #DC5B55);
background: linear-gradient(135deg, #55D6DC, #DC5B55);