#216DA2

#216DA2

#A25621

#A25621

Contrast Ratio

1.03:1

Delta E

83.91

Very Different

50:50 Mix

#7F6263

Color Values

Format #216DA2 #A25621
HEX #216DA2 #A25621
RGB 33, 109, 162 162, 86, 33
HSL 204.7, 66.2%, 38.2% 24.7, 66.2%, 38.2%
HSV 204.7, 79.6%, 63.5% 24.7, 79.6%, 63.5%
CMYK 79.6%, 32.7%, 0.0%, 36.5% 0.0%, 46.9%, 79.6%, 36.5%
OKLCH 0.5152 0.1106 244.0 0.5349 0.1192 51.6

Contrast & Accessibility

1.03:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #A25621 → Background: #216DA2

The quick brown fox jumps over the lazy dog

Text: #216DA2 → Background: #A25621

Color Difference (Delta E)

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

Gradient

#216DA2 #53698D #6D6678 #7F6263 #8D5E4E #985A39 #A25621

Color Mixing

#216DA2

100%

#626882

75:25

#7F6263

50:50

#935C44

25:75

#A25621

100%

CSS Gradient Code

background: linear-gradient(to right, #216DA2, #A25621);
background: linear-gradient(135deg, #216DA2, #A25621);

Explore Each Color

#216DA2

View full color details

#A25621

View full color details

Related Comparisons