#214DA9

#214DA9

#A97D21

#A97D21

Contrast Ratio

2.09:1

Delta E

109.11

Very Different

50:50 Mix

#82636C

Color Values

Format #214DA9 #A97D21
HEX #214DA9 #A97D21
RGB 33, 77, 169 169, 125, 33
HSL 220.6, 67.3%, 39.6% 40.6, 67.3%, 39.6%
HSV 220.6, 80.5%, 66.3% 40.6, 80.5%, 66.3%
CMYK 80.5%, 54.4%, 0.0%, 33.7% 0.0%, 26.0%, 80.5%, 33.7%
OKLCH 0.4464 0.156 262.6 0.6178 0.1163 81.0

Contrast & Accessibility

2.09:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #A97D21 → Background: #214DA9

The quick brown fox jumps over the lazy dog

Text: #214DA9 → Background: #A97D21

Color Difference (Delta E)

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

Gradient

#214DA9 #545395 #6F5B80 #82636C #916B56 #9E743F #A97D21

Color Mixing

#214DA9

100%

#63578B

75:25

#82636C

50:50

#986F4B

25:75

#A97D21

100%

CSS Gradient Code

background: linear-gradient(to right, #214DA9, #A97D21);
background: linear-gradient(135deg, #214DA9, #A97D21);

Explore Each Color

#214DA9

View full color details

#A97D21

View full color details

Related Comparisons