#7DEEE4
#7DEEE4
#EE7D87
#EE7D87
Color Values
| Format | #7DEEE4 | #EE7D87 |
|---|---|---|
| HEX | #7DEEE4 | #EE7D87 |
| RGB | 125, 238, 228 | 238, 125, 135 |
| HSL | 174.7, 76.9%, 71.2% | 354.7, 76.9%, 71.2% |
| HSV | 174.7, 47.5%, 93.3% | 354.7, 47.5%, 93.3% |
| CMYK | 47.5%, 0.0%, 4.2%, 6.7% | 0.0%, 47.5%, 43.3%, 6.7% |
| OKLCH | 0.8797 0.1049 187.9 | 0.7191 0.1389 15.6 |
Contrast & Accessibility
1.92:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #EE7D87 → Background: #7DEEE4
The quick brown fox jumps over the lazy dog
Text: #7DEEE4 → Background: #EE7D87
Color Difference (Delta E)
84.33
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #7DEEE4, #EE7D87);
background: linear-gradient(135deg, #7DEEE4, #EE7D87);