#9AF97A
#9AF97A
#D97AF9
#D97AF9
Color Values
| Format | #9AF97A | #D97AF9 |
|---|---|---|
| HEX | #9AF97A | #D97AF9 |
| RGB | 154, 249, 122 | 217, 122, 249 |
| HSL | 104.9, 91.4%, 72.7% | 284.9, 91.4%, 72.7% |
| HSV | 104.9, 51.0%, 97.6% | 284.9, 51.0%, 97.6% |
| CMYK | 38.2%, 0.0%, 51.0%, 2.4% | 12.9%, 51.0%, 0.0%, 2.4% |
| OKLCH | 0.8953 0.1866 138.4 | 0.7318 0.1982 317.0 |
Contrast & Accessibility
2.0:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #D97AF9 → Background: #9AF97A
The quick brown fox jumps over the lazy dog
Text: #9AF97A → Background: #D97AF9
Color Difference (Delta E)
148.93
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #9AF97A, #D97AF9);
background: linear-gradient(135deg, #9AF97A, #D97AF9);