#551DD0
#551DD0
#98D01D
#98D01D
Color Values
| Format | #551DD0 | #98D01D |
|---|---|---|
| HEX | #551DD0 | #98D01D |
| RGB | 85, 29, 208 | 152, 208, 29 |
| HSL | 258.8, 75.5%, 46.5% | 78.8, 75.5%, 46.5% |
| HSV | 258.8, 86.1%, 81.6% | 78.8, 86.1%, 81.6% |
| CMYK | 59.1%, 86.1%, 0.0%, 18.4% | 26.9%, 0.0%, 86.1%, 18.4% |
| OKLCH | 0.4489 0.2404 285.6 | 0.7897 0.197 127.1 |
Contrast & Accessibility
4.6:1
AA Pass
AA Large Pass
AAA Fail
AAA Large Pass
Text Readability
The quick brown fox jumps over the lazy dog
Text: #98D01D → Background: #551DD0
The quick brown fox jumps over the lazy dog
Text: #551DD0 → Background: #98D01D
Color Difference (Delta E)
190.81
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #551DD0, #98D01D);
background: linear-gradient(135deg, #551DD0, #98D01D);