#667AAA

#667AAA

#AA9666

#AA9666

Contrast Ratio

1.47:1

Delta E

57.28

Very Different

50:50 Mix

#8E8789

Color Values

Format #667AAA #AA9666
HEX #667AAA #AA9666
RGB 102, 122, 170 170, 150, 102
HSL 222.4, 28.6%, 53.3% 42.4, 28.6%, 53.3%
HSV 222.4, 40.0%, 66.7% 42.4, 40.0%, 66.7%
CMYK 40.0%, 28.2%, 0.0%, 33.3% 0.0%, 11.8%, 40.0%, 33.3%
OKLCH 0.583 0.0779 266.6 0.6793 0.0692 87.9

Contrast & Accessibility

1.47:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #AA9666 → Background: #667AAA

The quick brown fox jumps over the lazy dog

Text: #667AAA → Background: #AA9666

Color Difference (Delta E)

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

Gradient

#667AAA #767E9F #838394 #8E8789 #988C7E #A29172 #AA9666

Color Mixing

#667AAA

100%

#7C819A

75:25

#8E8789

50:50

#9D8F78

25:75

#AA9666

100%

CSS Gradient Code

background: linear-gradient(to right, #667AAA, #AA9666);
background: linear-gradient(135deg, #667AAA, #AA9666);

Explore Each Color

#667AAA

View full color details

#AA9666

View full color details

Related Comparisons