#554FD8
#554FD8
#D2D84F
#D2D84F
Color Values
| Format | #554FD8 | #D2D84F |
|---|---|---|
| HEX | #554FD8 | #D2D84F |
| RGB | 85, 79, 216 | 210, 216, 79 |
| HSL | 242.6, 63.7%, 57.8% | 62.6, 63.7%, 57.8% |
| HSV | 242.6, 63.4%, 84.7% | 62.6, 63.4%, 84.7% |
| CMYK | 60.6%, 63.4%, 0.0%, 15.3% | 2.8%, 0.0%, 63.4%, 15.3% |
| OKLCH | 0.5172 0.2027 278.5 | 0.8524 0.157 111.7 |
Contrast & Accessibility
3.91:1
AA Fail
AA Large Pass
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #D2D84F → Background: #554FD8
The quick brown fox jumps over the lazy dog
Text: #554FD8 → Background: #D2D84F
Color Difference (Delta E)
153.14
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #554FD8, #D2D84F);
background: linear-gradient(135deg, #554FD8, #D2D84F);