#57ECB2
#57ECB2
#EC5791
#EC5791
Color Values
| Format | #57ECB2 | #EC5791 |
|---|---|---|
| HEX | #57ECB2 | #EC5791 |
| RGB | 87, 236, 178 | 236, 87, 145 |
| HSL | 156.6, 79.7%, 63.3% | 336.6, 79.7%, 63.3% |
| HSV | 156.6, 63.1%, 92.5% | 336.6, 63.1%, 92.5% |
| CMYK | 63.1%, 0.0%, 24.6%, 7.5% | 0.0%, 63.1%, 38.6%, 7.5% |
| OKLCH | 0.8486 0.1518 163.7 | 0.6687 0.1902 359.5 |
Contrast & Accessibility
2.22:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #EC5791 → Background: #57ECB2
The quick brown fox jumps over the lazy dog
Text: #57ECB2 → Background: #EC5791
Color Difference (Delta E)
119.3
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #57ECB2, #EC5791);
background: linear-gradient(135deg, #57ECB2, #EC5791);