#212DC2

#212DC2

#C2B621

#C2B621

Contrast Ratio

4.51:1

Delta E

164.16

Very Different

50:50 Mix

Color Values

Format #212DC2 #C2B621
HEX #212DC2 #C2B621
RGB 33, 45, 194 194, 182, 33
HSL 235.5, 70.9%, 44.5% 55.5, 70.9%, 44.5%
HSV 235.5, 83.0%, 76.1% 55.5, 83.0%, 76.1%
CMYK 83.0%, 76.8%, 0.0%, 23.9% 0.0%, 6.2%, 83.0%, 23.9%
OKLCH 0.4142 0.2239 268.5 0.7628 0.1538 104.4

Contrast & Accessibility

4.51:1
AA Pass AA Large Pass AAA Fail AAA Large Pass

Text Readability

The quick brown fox jumps over the lazy dog

Text: #C2B621 β†’ Background: #212DC2

The quick brown fox jumps over the lazy dog

Text: #212DC2 β†’ Background: #C2B621

Color Difference (Delta E)

164.16 Very Different
0 β€” Identical 5 β€” Similar 25 β€” Noticeable 100 β€” Very Different

Gradient

Color Mixing

CSS Gradient Code

background: linear-gradient(to right, #212DC2, #C2B621);
background: linear-gradient(135deg, #212DC2, #C2B621);

Explore Each Color

Related Comparisons