#7CEBC4
#7CEBC4
#EB7CA3
#EB7CA3
Color Values
| Format | #7CEBC4 | #EB7CA3 |
|---|---|---|
| HEX | #7CEBC4 | #EB7CA3 |
| RGB | 124, 235, 196 | 235, 124, 163 |
| HSL | 158.9, 73.5%, 70.4% | 338.9, 73.5%, 70.4% |
| HSV | 158.9, 47.2%, 92.2% | 338.9, 47.2%, 92.2% |
| CMYK | 47.2%, 0.0%, 16.6%, 7.8% | 0.0%, 47.2%, 30.6%, 7.8% |
| OKLCH | 0.8633 0.1174 168.4 | 0.7213 0.1424 358.9 |
Contrast & Accessibility
1.83:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #EB7CA3 → Background: #7CEBC4
The quick brown fox jumps over the lazy dog
Text: #7CEBC4 → Background: #EB7CA3
Color Difference (Delta E)
90.75
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #7CEBC4, #EB7CA3);
background: linear-gradient(135deg, #7CEBC4, #EB7CA3);