#526DDF
#526DDF
#DFC452
#DFC452
Color Values
| Format | #526DDF | #DFC452 |
|---|---|---|
| HEX | #526DDF | #DFC452 |
| RGB | 82, 109, 223 | 223, 196, 82 |
| HSL | 228.5, 68.8%, 59.8% | 48.5, 68.8%, 59.8% |
| HSV | 228.5, 63.2%, 87.5% | 48.5, 63.2%, 87.5% |
| CMYK | 63.2%, 51.1%, 0.0%, 12.5% | 0.0%, 12.1%, 63.2%, 12.5% |
| OKLCH | 0.5748 0.1758 270.0 | 0.822 0.1354 95.9 |
Contrast & Accessibility
2.64:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #DFC452 → Background: #526DDF
The quick brown fox jumps over the lazy dog
Text: #526DDF → Background: #DFC452
Color Difference (Delta E)
127.35
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #526DDF, #DFC452);
background: linear-gradient(135deg, #526DDF, #DFC452);