#523FFF
#523FFF
#ECFF3F
#ECFF3F
Color Values
| Format | #523FFF | #ECFF3F |
|---|---|---|
| HEX | #523FFF | #ECFF3F |
| RGB | 82, 63, 255 | 236, 255, 63 |
| HSL | 245.9, 100.0%, 62.4% | 65.9, 100.0%, 62.4% |
| HSV | 245.9, 75.3%, 100.0% | 65.9, 75.3%, 100.0% |
| CMYK | 67.8%, 75.3%, 0.0%, 0.0% | 7.5%, 0.0%, 75.3%, 0.0% |
| OKLCH | 0.5282 0.2661 276.6 | 0.9549 0.2002 115.3 |
Contrast & Accessibility
5.39:1
AA Pass
AA Large Pass
AAA Fail
AAA Large Pass
Text Readability
The quick brown fox jumps over the lazy dog
Text: #ECFF3F → Background: #523FFF
The quick brown fox jumps over the lazy dog
Text: #523FFF → Background: #ECFF3F
Color Difference (Delta E)
203.42
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #523FFF, #ECFF3F);
background: linear-gradient(135deg, #523FFF, #ECFF3F);