#2F2FE2
#2F2FE2
#E2E22F
#E2E22F
Color Values
| Format | #2F2FE2 | #E2E22F |
|---|---|---|
| HEX | #2F2FE2 | #E2E22F |
| RGB | 47, 47, 226 | 226, 226, 47 |
| HSL | 240.0, 75.5%, 53.5% | 60.0, 75.5%, 53.5% |
| HSV | 240.0, 79.2%, 88.6% | 60.0, 79.2%, 88.6% |
| CMYK | 79.2%, 79.2%, 0.0%, 11.4% | 0.0%, 0.0%, 79.2%, 11.4% |
| OKLCH | 0.4587 0.2552 270.4 | 0.8847 0.1818 109.6 |
Contrast & Accessibility
5.77:1
AA Pass
AA Large Pass
AAA Fail
AAA Large Pass
Text Readability
The quick brown fox jumps over the lazy dog
Text: #E2E22F → Background: #2F2FE2
The quick brown fox jumps over the lazy dog
Text: #2F2FE2 → Background: #E2E22F
Color Difference (Delta E)
192.02
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #2F2FE2, #E2E22F);
background: linear-gradient(135deg, #2F2FE2, #E2E22F);