#217FB2

#217FB2

#B25421

#B25421

Contrast Ratio

1.13:1

Delta E

91.24

Very Different

50:50 Mix

Color Values

Format #217FB2 #B25421
HEX #217FB2 #B25421
RGB 33, 127, 178 178, 84, 33
HSL 201.1, 68.7%, 41.4% 21.1, 68.7%, 41.4%
HSV 201.1, 81.5%, 69.8% 21.1, 81.5%, 69.8%
CMYK 81.5%, 28.7%, 0.0%, 30.2% 0.0%, 52.8%, 81.5%, 30.2%
OKLCH 0.5678 0.1145 238.3 0.5551 0.1374 45.7

Contrast & Accessibility

1.13:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #B25421 → Background: #217FB2

The quick brown fox jumps over the lazy dog

Text: #217FB2 → Background: #B25421

Color Difference (Delta E)

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

Gradient

Color Mixing

CSS Gradient Code

background: linear-gradient(to right, #217FB2, #B25421);
background: linear-gradient(135deg, #217FB2, #B25421);

Explore Each Color

Related Comparisons