#645CE4
#645CE4
#DCE45C
#DCE45C
Color Values
| Format | #645CE4 | #DCE45C |
|---|---|---|
| HEX | #645CE4 | #DCE45C |
| RGB | 100, 92, 228 | 220, 228, 92 |
| HSL | 243.5, 71.6%, 62.7% | 63.5, 71.6%, 62.7% |
| HSV | 243.5, 59.6%, 89.4% | 63.5, 59.6%, 89.4% |
| CMYK | 56.1%, 59.6%, 0.0%, 10.6% | 3.5%, 0.0%, 59.6%, 10.6% |
| OKLCH | 0.5592 0.1995 280.4 | 0.8872 0.1577 112.4 |
Contrast & Accessibility
3.65:1
AA Fail
AA Large Pass
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #DCE45C → Background: #645CE4
The quick brown fox jumps over the lazy dog
Text: #645CE4 → Background: #DCE45C
Color Difference (Delta E)
150.9
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #645CE4, #DCE45C);
background: linear-gradient(135deg, #645CE4, #DCE45C);