#66A5BC

#66A5BC

#BC7D66

#BC7D66

Contrast Ratio

1.23:1

Delta E

54.57

Very Different

50:50 Mix

Color Values

Format #66A5BC #BC7D66
HEX #66A5BC #BC7D66
RGB 102, 165, 188 188, 125, 102
HSL 196.0, 39.1%, 56.9% 16.0, 39.1%, 56.9%
HSV 196.0, 45.7%, 73.7% 16.0, 45.7%, 73.7%
CMYK 45.7%, 12.2%, 0.0%, 26.3% 0.0%, 33.5%, 45.7%, 26.3%
OKLCH 0.688 0.073 223.3 0.649 0.0859 40.8

Contrast & Accessibility

1.23:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #BC7D66 → Background: #66A5BC

The quick brown fox jumps over the lazy dog

Text: #66A5BC → Background: #BC7D66

Color Difference (Delta E)

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

Gradient

Color Mixing

CSS Gradient Code

background: linear-gradient(to right, #66A5BC, #BC7D66);
background: linear-gradient(135deg, #66A5BC, #BC7D66);

Explore Each Color

Related Comparisons