#45AE62
#45AE62
#AE4591
#AE4591
Color Values
| Format | #45AE62 | #AE4591 |
|---|---|---|
| HEX | #45AE62 | #AE4591 |
| RGB | 69, 174, 98 | 174, 69, 145 |
| HSL | 136.6, 43.2%, 47.6% | 316.6, 43.2%, 47.6% |
| HSV | 136.6, 60.3%, 68.2% | 316.6, 60.3%, 68.2% |
| CMYK | 60.3%, 0.0%, 43.7%, 31.8% | 0.0%, 60.3%, 16.7%, 31.8% |
| OKLCH | 0.6709 0.1475 149.7 | 0.5561 0.1628 339.8 |
Contrast & Accessibility
1.84:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #AE4591 β Background: #45AE62
The quick brown fox jumps over the lazy dog
Text: #45AE62 β Background: #AE4591
Color Difference (Delta E)
112.54
Very Different
0 β Identical
5 β Similar
25 β Noticeable
100 β Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #45AE62, #AE4591);
background: linear-gradient(135deg, #45AE62, #AE4591);