#6155D6
#6155D6
#CAD655
#CAD655
Color Values
| Format | #6155D6 | #CAD655 |
|---|---|---|
| HEX | #6155D6 | #CAD655 |
| RGB | 97, 85, 214 | 202, 214, 85 |
| HSL | 245.6, 61.1%, 58.6% | 65.6, 61.1%, 58.6% |
| HSV | 245.6, 60.3%, 83.9% | 65.6, 60.3%, 83.9% |
| CMYK | 54.7%, 60.3%, 0.0%, 16.1% | 5.6%, 0.0%, 60.3%, 16.1% |
| OKLCH | 0.5345 0.1907 282.0 | 0.8423 0.1521 114.2 |
Contrast & Accessibility
3.51:1
AA Fail
AA Large Pass
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #CAD655 → Background: #6155D6
The quick brown fox jumps over the lazy dog
Text: #6155D6 → Background: #CAD655
Color Difference (Delta E)
144.81
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #6155D6, #CAD655);
background: linear-gradient(135deg, #6155D6, #CAD655);