#5046F4
#5046F4
#EAF446
#EAF446
Color Values
| Format | #5046F4 | #EAF446 |
|---|---|---|
| HEX | #5046F4 | #EAF446 |
| RGB | 80, 70, 244 | 234, 244, 70 |
| HSL | 243.4, 88.8%, 61.6% | 63.4, 88.8%, 61.6% |
| HSV | 243.4, 71.3%, 95.7% | 63.4, 71.3%, 95.7% |
| CMYK | 67.2%, 71.3%, 0.0%, 4.3% | 4.1%, 0.0%, 71.3%, 4.3% |
| OKLCH | 0.5252 0.2476 276.2 | 0.9304 0.186 112.8 |
Contrast & Accessibility
4.97:1
AA Pass
AA Large Pass
AAA Fail
AAA Large Pass
Text Readability
The quick brown fox jumps over the lazy dog
Text: #EAF446 → Background: #5046F4
The quick brown fox jumps over the lazy dog
Text: #5046F4 → Background: #EAF446
Color Difference (Delta E)
187.73
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #5046F4, #EAF446);
background: linear-gradient(135deg, #5046F4, #EAF446);