#214BA3

#214BA3

#A37921

#A37921

Contrast Ratio

2.04:1

Delta E

105.23

Very Different

50:50 Mix

#7D6068

Color Values

Format #214BA3 #A37921
HEX #214BA3 #A37921
RGB 33, 75, 163 163, 121, 33
HSL 220.6, 66.3%, 38.4% 40.6, 66.3%, 38.4%
HSV 220.6, 79.8%, 63.9% 40.6, 79.8%, 63.9%
CMYK 79.8%, 54.0%, 0.0%, 36.1% 0.0%, 25.8%, 79.8%, 36.1%
OKLCH 0.4373 0.1503 262.7 0.6027 0.1126 81.2

Contrast & Accessibility

2.04:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #A37921 → Background: #214BA3

The quick brown fox jumps over the lazy dog

Text: #214BA3 → Background: #A37921

Color Difference (Delta E)

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

Gradient

#214BA3 #515190 #6B587C #7D6068 #8C6854 #98703D #A37921

Color Mixing

#214BA3

100%

#5F5586

75:25

#7D6068

50:50

#926C49

25:75

#A37921

100%

CSS Gradient Code

background: linear-gradient(to right, #214BA3, #A37921);
background: linear-gradient(135deg, #214BA3, #A37921);

Explore Each Color

#214BA3

View full color details

#A37921

View full color details

Related Comparisons