#351CE3
#351CE3
#CAE31C
#CAE31C
Color Values
| Format | #351CE3 | #CAE31C |
|---|---|---|
| HEX | #351CE3 | #CAE31C |
| RGB | 53, 28, 227 | 202, 227, 28 |
| HSL | 247.5, 78.0%, 50.0% | 67.5, 78.0%, 50.0% |
| HSV | 247.5, 87.7%, 89.0% | 67.5, 87.7%, 89.0% |
| CMYK | 76.7%, 87.7%, 0.0%, 11.0% | 11.0%, 0.0%, 87.7%, 11.0% |
| OKLCH | 0.4452 0.267 272.6 | 0.8674 0.1962 117.6 |
Contrast & Accessibility
5.98:1
AA Pass
AA Large Pass
AAA Fail
AAA Large Pass
Text Readability
The quick brown fox jumps over the lazy dog
Text: #CAE31C → Background: #351CE3
The quick brown fox jumps over the lazy dog
Text: #351CE3 → Background: #CAE31C
Color Difference (Delta E)
205.9
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #351CE3, #CAE31C);
background: linear-gradient(135deg, #351CE3, #CAE31C);