#66AC21
#66AC21
#6721AC
#6721AC
Color Values
| Format | #66AC21 | #6721AC |
|---|---|---|
| HEX | #66AC21 | #6721AC |
| RGB | 102, 172, 33 | 103, 33, 172 |
| HSL | 90.2, 67.8%, 40.2% | 270.2, 67.8%, 40.2% |
| HSV | 90.2, 80.8%, 67.5% | 270.2, 80.8%, 67.5% |
| CMYK | 40.7%, 0.0%, 80.8%, 32.5% | 40.1%, 80.8%, 0.0%, 32.5% |
| OKLCH | 0.6725 0.1787 133.5 | 0.4367 0.2015 300.7 |
Contrast & Accessibility
3.13:1
AA Fail
AA Large Pass
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #6721AC → Background: #66AC21
The quick brown fox jumps over the lazy dog
Text: #66AC21 → Background: #6721AC
Color Difference (Delta E)
158.66
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #66AC21, #6721AC);
background: linear-gradient(135deg, #66AC21, #6721AC);