#2181A5

#2181A5

#A54521

#A54521

Contrast Ratio

1.37:1

Delta E

85.12

Very Different

50:50 Mix

#846663

Color Values

Format #2181A5 #A54521
HEX #2181A5 #A54521
RGB 33, 129, 165 165, 69, 33
HSL 196.4, 66.7%, 38.8% 16.4, 66.7%, 38.8%
HSV 196.4, 80.0%, 64.7% 16.4, 80.0%, 64.7%
CMYK 80.0%, 21.8%, 0.0%, 35.3% 0.0%, 58.2%, 80.0%, 35.3%
OKLCH 0.5661 0.1007 228.6 0.5124 0.1361 39.8

Contrast & Accessibility

1.37:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #A54521 → Background: #2181A5

The quick brown fox jumps over the lazy dog

Text: #2181A5 → Background: #A54521

Color Difference (Delta E)

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

Gradient

#2181A5 #58788E #726F78 #846663 #925C4D #9C5138 #A54521

Color Mixing

#2181A5

100%

#677483

75:25

#846663

50:50

#975742

25:75

#A54521

100%

CSS Gradient Code

background: linear-gradient(to right, #2181A5, #A54521);
background: linear-gradient(135deg, #2181A5, #A54521);

Explore Each Color

#2181A5

View full color details

#A54521

View full color details

Related Comparisons