#534FF0
#534FF0
#ECF04F
#ECF04F
Color Values
| Format | #534FF0 | #ECF04F |
|---|---|---|
| HEX | #534FF0 | #ECF04F |
| RGB | 83, 79, 240 | 236, 240, 79 |
| HSL | 241.5, 84.3%, 62.5% | 61.5, 84.3%, 62.5% |
| HSV | 241.5, 67.1%, 94.1% | 61.5, 67.1%, 94.1% |
| CMYK | 65.4%, 67.1%, 0.0%, 5.9% | 1.7%, 0.0%, 67.1%, 5.9% |
| OKLCH | 0.5365 0.2329 276.2 | 0.9241 0.1761 110.8 |
Contrast & Accessibility
4.58:1
AA Pass
AA Large Pass
AAA Fail
AAA Large Pass
Text Readability
The quick brown fox jumps over the lazy dog
Text: #ECF04F → Background: #534FF0
The quick brown fox jumps over the lazy dog
Text: #534FF0 → Background: #ECF04F
Color Difference (Delta E)
175.6
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #534FF0, #ECF04F);
background: linear-gradient(135deg, #534FF0, #ECF04F);