#2221DD
#2221DD
#DCDD21
#DCDD21
Color Values
| Format | #2221DD | #DCDD21 |
|---|---|---|
| HEX | #2221DD | #DCDD21 |
| RGB | 34, 33, 221 | 220, 221, 33 |
| HSL | 240.3, 74.0%, 49.8% | 60.3, 74.0%, 49.8% |
| HSV | 240.3, 85.1%, 86.7% | 60.3, 85.1%, 86.7% |
| CMYK | 84.6%, 85.1%, 0.0%, 13.3% | 0.5%, 0.0%, 85.1%, 13.3% |
| OKLCH | 0.4329 0.2627 268.3 | 0.8686 0.1836 110.0 |
Contrast & Accessibility
6.18:1
AA Pass
AA Large Pass
AAA Fail
AAA Large Pass
Text Readability
The quick brown fox jumps over the lazy dog
Text: #DCDD21 → Background: #2221DD
The quick brown fox jumps over the lazy dog
Text: #2221DD → Background: #DCDD21
Color Difference (Delta E)
197.81
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #2221DD, #DCDD21);
background: linear-gradient(135deg, #2221DD, #DCDD21);