#2166BC

#2166BC

#BC7721

#BC7721

Contrast Ratio

1.57:1

Delta E

106.95

Very Different

50:50 Mix

Color Values

Format #2166BC #BC7721
HEX #2166BC #BC7721
RGB 33, 102, 188 188, 119, 33
HSL 213.3, 70.1%, 43.3% 33.3, 70.1%, 43.3%
HSV 213.3, 82.4%, 73.7% 33.3, 82.4%, 73.7%
CMYK 82.4%, 45.7%, 0.0%, 26.3% 0.0%, 36.7%, 82.4%, 26.3%
OKLCH 0.5154 0.1514 256.2 0.6289 0.1279 66.2

Contrast & Accessibility

1.57:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #BC7721 → Background: #2166BC

The quick brown fox jumps over the lazy dog

Text: #2166BC → Background: #BC7721

Color Difference (Delta E)

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

Gradient

Color Mixing

CSS Gradient Code

background: linear-gradient(to right, #2166BC, #BC7721);
background: linear-gradient(135deg, #2166BC, #BC7721);

Explore Each Color

Related Comparisons