#66A4DF

#66A4DF

#DFA166

#DFA166

Contrast Ratio

1.19:1

Delta E

78.24

Very Different

50:50 Mix

#B4A2A3

Color Values

Format #66A4DF #DFA166
HEX #66A4DF #DFA166
RGB 102, 164, 223 223, 161, 102
HSL 209.3, 65.4%, 63.7% 29.3, 65.4%, 63.7%
HSV 209.3, 54.3%, 87.5% 29.3, 54.3%, 87.5%
CMYK 54.3%, 26.5%, 0.0%, 12.5% 0.0%, 27.8%, 54.3%, 12.5%
OKLCH 0.7008 0.1083 248.5 0.7558 0.1057 63.7

Contrast & Accessibility

1.19:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #DFA166 → Background: #66A4DF

The quick brown fox jumps over the lazy dog

Text: #66A4DF → Background: #DFA166

Color Difference (Delta E)

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

Gradient

#66A4DF #88A3CB #A1A3B7 #B4A2A3 #C4A28F #D2A17B #DFA166

Color Mixing

#66A4DF

100%

#95A3C1

75:25

#B4A2A3

50:50

#CCA285

25:75

#DFA166

100%

CSS Gradient Code

background: linear-gradient(to right, #66A4DF, #DFA166);
background: linear-gradient(135deg, #66A4DF, #DFA166);

Explore Each Color

#66A4DF

View full color details

#DFA166

View full color details

Related Comparisons