#669BDF

#669BDF

#DFAA66

#DFAA66

Contrast Ratio

1.38:1

Delta E

83.32

Very Different

50:50 Mix

#B3A2A4

Color Values

Format #669BDF #DFAA66
HEX #669BDF #DFAA66
RGB 102, 155, 223 223, 170, 102
HSL 213.7, 65.4%, 63.7% 33.7, 65.4%, 63.7%
HSV 213.7, 54.3%, 87.5% 33.7, 54.3%, 87.5%
CMYK 54.3%, 30.5%, 0.0%, 12.5% 0.0%, 23.8%, 54.3%, 12.5%
OKLCH 0.6811 0.116 255.2 0.7729 0.1058 72.1

Contrast & Accessibility

1.38:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #DFAA66 → Background: #669BDF

The quick brown fox jumps over the lazy dog

Text: #669BDF → Background: #DFAA66

Color Difference (Delta E)

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

Gradient

#669BDF #889DCB #A09FB8 #B3A2A4 #C4A490 #D2A77B #DFAA66

Color Mixing

#669BDF

100%

#949EC2

75:25

#B3A2A4

50:50

#CBA686

25:75

#DFAA66

100%

CSS Gradient Code

background: linear-gradient(to right, #669BDF, #DFAA66);
background: linear-gradient(135deg, #669BDF, #DFAA66);

Explore Each Color

#669BDF

View full color details

#DFAA66

View full color details

Related Comparisons