#531CC0
#531CC0
#89C01C
#89C01C
Color Values
| Format | #531CC0 | #89C01C |
|---|---|---|
| HEX | #531CC0 | #89C01C |
| RGB | 83, 28, 192 | 137, 192, 28 |
| HSL | 260.1, 74.5%, 43.1% | 80.1, 74.5%, 43.1% |
| HSV | 260.1, 85.4%, 75.3% | 80.1, 85.4%, 75.3% |
| CMYK | 56.8%, 85.4%, 0.0%, 24.7% | 28.6%, 0.0%, 85.4%, 24.7% |
| OKLCH | 0.4294 0.2247 287.6 | 0.742 0.1864 127.9 |
Contrast & Accessibility
4.19:1
AA Fail
AA Large Pass
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #89C01C → Background: #531CC0
The quick brown fox jumps over the lazy dog
Text: #531CC0 → Background: #89C01C
Color Difference (Delta E)
178.42
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #531CC0, #89C01C);
background: linear-gradient(135deg, #531CC0, #89C01C);