#A460FE
#A460FE
#BAFE60
#BAFE60
Color Values
| Format | #A460FE | #BAFE60 |
|---|---|---|
| HEX | #A460FE | #BAFE60 |
| RGB | 164, 96, 254 | 186, 254, 96 |
| HSL | 265.8, 98.8%, 68.6% | 85.8, 98.8%, 68.6% |
| HSV | 265.8, 62.2%, 99.6% | 85.8, 62.2%, 99.6% |
| CMYK | 35.4%, 62.2%, 0.0%, 0.4% | 26.8%, 0.0%, 62.2%, 0.4% |
| OKLCH | 0.6415 0.2252 299.8 | 0.9214 0.1987 129.4 |
Contrast & Accessibility
3.07:1
AA Fail
AA Large Pass
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #BAFE60 → Background: #A460FE
The quick brown fox jumps over the lazy dog
Text: #A460FE → Background: #BAFE60
Color Difference (Delta E)
174.06
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #A460FE, #BAFE60);
background: linear-gradient(135deg, #A460FE, #BAFE60);