#510DCD
#510DCD
#89CD0D
#89CD0D
Color Values
| Format | #510DCD | #89CD0D |
|---|---|---|
| HEX | #510DCD | #89CD0D |
| RGB | 81, 13, 205 | 137, 205, 13 |
| HSL | 261.2, 88.1%, 42.7% | 81.2, 88.1%, 42.7% |
| HSV | 261.2, 93.7%, 80.4% | 81.2, 93.7%, 80.4% |
| CMYK | 60.5%, 93.7%, 0.0%, 19.6% | 33.2%, 0.0%, 93.7%, 19.6% |
| OKLCH | 0.4327 0.2452 285.2 | 0.7732 0.2049 129.8 |
Contrast & Accessibility
4.72:1
AA Pass
AA Large Pass
AAA Fail
AAA Large Pass
Text Readability
The quick brown fox jumps over the lazy dog
Text: #89CD0D → Background: #510DCD
The quick brown fox jumps over the lazy dog
Text: #510DCD → Background: #89CD0D
Color Difference (Delta E)
197.25
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #510DCD, #89CD0D);
background: linear-gradient(135deg, #510DCD, #89CD0D);