#66CC01
#66CC01
#6701CC
#6701CC
Color Values
| Format | #66CC01 | #6701CC |
|---|---|---|
| HEX | #66CC01 | #6701CC |
| RGB | 102, 204, 1 | 103, 1, 204 |
| HSL | 90.1, 99.0%, 40.2% | 270.1, 99.0%, 40.2% |
| HSV | 90.1, 99.5%, 80.0% | 270.1, 99.5%, 80.0% |
| CMYK | 50.0%, 0.0%, 99.5%, 20.0% | 49.5%, 99.5%, 0.0%, 20.0% |
| OKLCH | 0.7532 0.2229 135.8 | 0.4509 0.2475 294.7 |
Contrast & Accessibility
4.16:1
AA Fail
AA Large Pass
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #6701CC → Background: #66CC01
The quick brown fox jumps over the lazy dog
Text: #66CC01 → Background: #6701CC
Color Difference (Delta E)
201.62
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #66CC01, #6701CC);
background: linear-gradient(135deg, #66CC01, #6701CC);