#2232DD

#2232DD

#DDCD22

#DDCD22

Contrast Ratio

5.0:1

Delta E

182.62

Very Different

50:50 Mix

Color Values

Format #2232DD #DDCD22
HEX #2232DD #DDCD22
RGB 34, 50, 221 221, 205, 34
HSL 234.9, 73.3%, 50.0% 54.9, 73.3%, 50.0%
HSV 234.9, 84.6%, 86.7% 54.9, 84.6%, 86.7%
CMYK 84.6%, 77.4%, 0.0%, 13.3% 0.0%, 7.2%, 84.6%, 13.3%
OKLCH 0.4514 0.2503 267.7 0.8357 0.1694 103.5

Contrast & Accessibility

5.0:1
AA Pass AA Large Pass AAA Fail AAA Large Pass

Text Readability

The quick brown fox jumps over the lazy dog

Text: #DDCD22 → Background: #2232DD

The quick brown fox jumps over the lazy dog

Text: #2232DD → Background: #DDCD22

Color Difference (Delta E)

182.62 Very Different
0 — Identical 5 — Similar 25 — Noticeable 100 — Very Different

Gradient

Color Mixing

CSS Gradient Code

background: linear-gradient(to right, #2232DD, #DDCD22);
background: linear-gradient(135deg, #2232DD, #DDCD22);

Explore Each Color

Related Comparisons