#98DFDD
#98DFDD
#DF989A
#DF989A
Color Values
| Format | #98DFDD | #DF989A |
|---|---|---|
| HEX | #98DFDD | #DF989A |
| RGB | 152, 223, 221 | 223, 152, 154 |
| HSL | 178.3, 52.6%, 73.5% | 358.3, 52.6%, 73.5% |
| HSV | 178.3, 31.8%, 87.5% | 358.3, 31.8%, 87.5% |
| CMYK | 31.8%, 0.0%, 0.9%, 12.5% | 0.0%, 31.8%, 30.9%, 12.5% |
| OKLCH | 0.8563 0.0709 193.7 | 0.75 0.0857 17.4 |
Contrast & Accessibility
1.53:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #DF989A → Background: #98DFDD
The quick brown fox jumps over the lazy dog
Text: #98DFDD → Background: #DF989A
Color Difference (Delta E)
53.82
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #98DFDD, #DF989A);
background: linear-gradient(135deg, #98DFDD, #DF989A);