#5AE585
#5AE585
#E55ABA
#E55ABA
Color Values
| Format | #5AE585 | #E55ABA |
|---|---|---|
| HEX | #5AE585 | #E55ABA |
| RGB | 90, 229, 133 | 229, 90, 186 |
| HSL | 138.6, 72.8%, 62.5% | 318.6, 72.8%, 62.5% |
| HSV | 138.6, 60.7%, 89.8% | 318.6, 60.7%, 89.8% |
| CMYK | 60.7%, 0.0%, 41.9%, 10.2% | 0.0%, 60.7%, 18.8%, 10.2% |
| OKLCH | 0.8231 0.1804 150.6 | 0.6768 0.2009 341.7 |
Contrast & Accessibility
2.0:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #E55ABA → Background: #5AE585
The quick brown fox jumps over the lazy dog
Text: #5AE585 → Background: #E55ABA
Color Difference (Delta E)
137.68
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #5AE585, #E55ABA);
background: linear-gradient(135deg, #5AE585, #E55ABA);