#66AC76
#66AC76
#AC669C
#AC669C
Color Values
| Format | #66AC76 | #AC669C |
|---|---|---|
| HEX | #66AC76 | #AC669C |
| RGB | 102, 172, 118 | 172, 102, 156 |
| HSL | 133.7, 29.7%, 53.7% | 313.7, 29.7%, 53.7% |
| HSV | 133.7, 40.7%, 67.5% | 313.7, 40.7%, 67.5% |
| CMYK | 40.7%, 0.0%, 31.4%, 32.5% | 0.0%, 40.7%, 9.3%, 32.5% |
| OKLCH | 0.6836 0.1067 150.1 | 0.6058 0.1142 335.8 |
Contrast & Accessibility
1.5:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #AC669C β Background: #66AC76
The quick brown fox jumps over the lazy dog
Text: #66AC76 β Background: #AC669C
Color Difference (Delta E)
80.77
Very Different
0 β Identical
5 β Similar
25 β Noticeable
100 β Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #66AC76, #AC669C);
background: linear-gradient(135deg, #66AC76, #AC669C);