#531CE3
#531CE3
#ACE31C
#ACE31C
Color Values
| Format | #531CE3 | #ACE31C |
|---|---|---|
| HEX | #531CE3 | #ACE31C |
| RGB | 83, 28, 227 | 172, 227, 28 |
| HSL | 256.6, 78.0%, 50.0% | 76.6, 78.0%, 50.0% |
| HSV | 256.6, 87.7%, 89.0% | 76.6, 87.7%, 89.0% |
| CMYK | 63.4%, 87.7%, 0.0%, 11.0% | 24.2%, 0.0%, 87.7%, 11.0% |
| OKLCH | 0.4668 0.2606 282.1 | 0.8468 0.2089 125.6 |
Contrast & Accessibility
5.21:1
AA Pass
AA Large Pass
AAA Fail
AAA Large Pass
Text Readability
The quick brown fox jumps over the lazy dog
Text: #ACE31C → Background: #531CE3
The quick brown fox jumps over the lazy dog
Text: #531CE3 → Background: #ACE31C
Color Difference (Delta E)
206.46
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #531CE3, #ACE31C);
background: linear-gradient(135deg, #531CE3, #ACE31C);