#6F6CD5
#6F6CD5
#D2D56C
#D2D56C
Color Values
| Format | #6F6CD5 | #D2D56C |
|---|---|---|
| HEX | #6F6CD5 | #D2D56C |
| RGB | 111, 108, 213 | 210, 213, 108 |
| HSL | 241.7, 55.6%, 62.9% | 61.7, 55.6%, 62.9% |
| HSV | 241.7, 49.3%, 83.5% | 61.7, 49.3%, 83.5% |
| CMYK | 47.9%, 49.3%, 0.0%, 16.5% | 1.4%, 0.0%, 49.3%, 16.5% |
| OKLCH | 0.5853 0.1566 281.7 | 0.849 0.1287 110.3 |
Contrast & Accessibility
2.82:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #D2D56C → Background: #6F6CD5
The quick brown fox jumps over the lazy dog
Text: #6F6CD5 → Background: #D2D56C
Color Difference (Delta E)
118.4
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #6F6CD5, #D2D56C);
background: linear-gradient(135deg, #6F6CD5, #D2D56C);