#669AAA

#669AAA

#AA7666

#AA7666

Contrast Ratio

1.23:1

Delta E

44.41

Very Different

50:50 Mix

Color Values

Format #669AAA #AA7666
HEX #669AAA #AA7666
RGB 102, 154, 170 170, 118, 102
HSL 194.1, 28.6%, 53.3% 14.1, 28.6%, 53.3%
HSV 194.1, 40.0%, 66.7% 14.1, 40.0%, 66.7%
CMYK 40.0%, 9.4%, 0.0%, 33.3% 0.0%, 30.6%, 40.0%, 33.3%
OKLCH 0.6556 0.0601 219.2 0.6148 0.0702 37.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: #AA7666 β†’ Background: #669AAA

The quick brown fox jumps over the lazy dog

Text: #669AAA β†’ Background: #AA7666

Color Difference (Delta E)

44.41 Very Different
0 β€” Identical 5 β€” Similar 25 β€” Noticeable 100 β€” Very Different

Gradient

Color Mixing

CSS Gradient Code

background: linear-gradient(to right, #669AAA, #AA7666);
background: linear-gradient(135deg, #669AAA, #AA7666);

Explore Each Color

Related Comparisons