#4286BC

#4286BC

#BC7842

#BC7842

Contrast Ratio

1.1:1

Delta E

79.13

Very Different

50:50 Mix

#957F80

Color Values

Format #4286BC #BC7842
HEX #4286BC #BC7842
RGB 66, 134, 188 188, 120, 66
HSL 206.6, 48.0%, 49.8% 26.6, 48.0%, 49.8%
HSV 206.6, 64.9%, 73.7% 26.6, 64.9%, 73.7%
CMYK 64.9%, 28.7%, 0.0%, 26.3% 0.0%, 36.2%, 64.9%, 26.3%
OKLCH 0.5997 0.1077 245.0 0.6339 0.1101 57.4

Contrast & Accessibility

1.1:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #BC7842 → Background: #4286BC

The quick brown fox jumps over the lazy dog

Text: #4286BC → Background: #BC7842

Color Difference (Delta E)

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

Gradient

#4286BC #6984A8 #828194 #957F80 #A47D6C #B17A57 #BC7842

Color Mixing

#4286BC

100%

#77839E

75:25

#957F80

50:50

#AB7C62

25:75

#BC7842

100%

CSS Gradient Code

background: linear-gradient(to right, #4286BC, #BC7842);
background: linear-gradient(135deg, #4286BC, #BC7842);

Explore Each Color

#4286BC

View full color details

#BC7842

View full color details

Related Comparisons