#3516D0
#3516D0
#B1D016
#B1D016
Color Values
| Format | #3516D0 | #B1D016 |
|---|---|---|
| HEX | #3516D0 | #B1D016 |
| RGB | 53, 22, 208 | 177, 208, 22 |
| HSL | 250.0, 80.9%, 45.1% | 70.0, 80.9%, 45.1% |
| HSV | 250.0, 89.4%, 81.6% | 70.0, 89.4%, 81.6% |
| CMYK | 74.5%, 89.4%, 0.0%, 18.4% | 14.9%, 0.0%, 89.4%, 18.4% |
| OKLCH | 0.4183 0.2499 274.3 | 0.8063 0.1875 120.1 |
Contrast & Accessibility
5.47:1
AA Pass
AA Large Pass
AAA Fail
AAA Large Pass
Text Readability
The quick brown fox jumps over the lazy dog
Text: #B1D016 → Background: #3516D0
The quick brown fox jumps over the lazy dog
Text: #3516D0 → Background: #B1D016
Color Difference (Delta E)
194.46
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #3516D0, #B1D016);
background: linear-gradient(135deg, #3516D0, #B1D016);