#6D35F2
#6D35F2
#BAF235
#BAF235
Color Values
| Format | #6D35F2 | #BAF235 |
|---|---|---|
| HEX | #6D35F2 | #BAF235 |
| RGB | 109, 53, 242 | 186, 242, 53 |
| HSL | 257.8, 87.9%, 57.8% | 77.8, 87.9%, 57.8% |
| HSV | 257.8, 78.1%, 94.9% | 77.8, 78.1%, 94.9% |
| CMYK | 55.0%, 78.1%, 0.0%, 5.1% | 23.1%, 0.0%, 78.1%, 5.1% |
| OKLCH | 0.5261 0.2565 287.4 | 0.8911 0.2103 125.5 |
Contrast & Accessibility
4.6:1
AA Pass
AA Large Pass
AAA Fail
AAA Large Pass
Text Readability
The quick brown fox jumps over the lazy dog
Text: #BAF235 → Background: #6D35F2
The quick brown fox jumps over the lazy dog
Text: #6D35F2 → Background: #BAF235
Color Difference (Delta E)
201.34
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #6D35F2, #BAF235);
background: linear-gradient(135deg, #6D35F2, #BAF235);