#9AFE6F
#9AFE6F
#D36FFE
#D36FFE
Color Values
| Format | #9AFE6F | #D36FFE |
|---|---|---|
| HEX | #9AFE6F | #D36FFE |
| RGB | 154, 254, 111 | 211, 111, 254 |
| HSL | 102.0, 98.6%, 71.6% | 282.0, 98.6%, 71.6% |
| HSV | 102.0, 56.3%, 99.6% | 282.0, 56.3%, 99.6% |
| CMYK | 39.4%, 0.0%, 56.3%, 0.4% | 16.9%, 56.3%, 0.0%, 0.4% |
| OKLCH | 0.9057 0.2026 137.3 | 0.7127 0.2173 314.5 |
Contrast & Accessibility
2.24:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #D36FFE → Background: #9AFE6F
The quick brown fox jumps over the lazy dog
Text: #9AFE6F → Background: #D36FFE
Color Difference (Delta E)
164.38
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #9AFE6F, #D36FFE);
background: linear-gradient(135deg, #9AFE6F, #D36FFE);