#7698DF

#7698DF

#DFBD76

#DFBD76

Contrast Ratio

1.59:1

Delta E

81.51

Very Different

50:50 Mix

#B6AAAC

Color Values

Format #7698DF #DFBD76
HEX #7698DF #DFBD76
RGB 118, 152, 223 223, 189, 118
HSL 220.6, 62.1%, 66.9% 40.6, 62.1%, 66.9%
HSV 220.6, 47.1%, 87.5% 40.6, 47.1%, 87.5%
CMYK 47.1%, 31.8%, 0.0%, 12.5% 0.0%, 15.2%, 47.1%, 12.5%
OKLCH 0.6837 0.1122 264.1 0.8125 0.0978 84.7

Contrast & Accessibility

1.59:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #DFBD76 → Background: #7698DF

The quick brown fox jumps over the lazy dog

Text: #7698DF → Background: #DFBD76

Color Difference (Delta E)

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

Gradient

#7698DF #909ECE #A5A3BD #B6AAAC #C5B09B #D3B689 #DFBD76

Color Mixing

#7698DF

100%

#9BA0C6

75:25

#B6AAAC

50:50

#CCB392

25:75

#DFBD76

100%

CSS Gradient Code

background: linear-gradient(to right, #7698DF, #DFBD76);
background: linear-gradient(135deg, #7698DF, #DFBD76);

Explore Each Color

#7698DF

View full color details

#DFBD76

View full color details

Related Comparisons