#2198B4

#2198B4

#B43D21

#B43D21

Contrast Ratio

1.71:1

Delta E

96.03

Very Different

50:50 Mix

#937069

Color Values

Format #2198B4 #B43D21
HEX #2198B4 #B43D21
RGB 33, 152, 180 180, 61, 33
HSL 191.4, 69.0%, 41.8% 11.4, 69.0%, 41.8%
HSV 191.4, 81.7%, 70.6% 11.4, 81.7%, 70.6%
CMYK 81.7%, 15.6%, 0.0%, 29.4% 0.0%, 66.1%, 81.7%, 29.4%
OKLCH 0.6301 0.106 218.4 0.5264 0.1597 34.4

Contrast & Accessibility

1.71:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #B43D21 → Background: #2198B4

The quick brown fox jumps over the lazy dog

Text: #2198B4 → Background: #B43D21

Color Difference (Delta E)

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

Gradient

#2198B4 #628B9B #807E82 #937069 #A16151 #AC5139 #B43D21

Color Mixing

#2198B4

100%

#73858E

75:25

#937069

50:50

#A75945

25:75

#B43D21

100%

CSS Gradient Code

background: linear-gradient(to right, #2198B4, #B43D21);
background: linear-gradient(135deg, #2198B4, #B43D21);

Explore Each Color

#2198B4

View full color details

#B43D21

View full color details

Related Comparisons