#7698DC

#7698DC

#DCBA76

#DCBA76

Contrast Ratio

1.55:1

Delta E

78.51

Very Different

50:50 Mix

#B4A8AB

Color Values

Format #7698DC #DCBA76
HEX #7698DC #DCBA76
RGB 118, 152, 220 220, 186, 118
HSL 220.0, 59.3%, 66.3% 40.0, 59.3%, 66.3%
HSV 220.0, 46.4%, 86.3% 40.0, 46.4%, 86.3%
CMYK 46.4%, 30.9%, 0.0%, 13.7% 0.0%, 15.5%, 46.4%, 13.7%
OKLCH 0.6822 0.1081 263.5 0.8036 0.0949 83.8

Contrast & Accessibility

1.55:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #DCBA76 → Background: #7698DC

The quick brown fox jumps over the lazy dog

Text: #7698DC → Background: #DCBA76

Color Difference (Delta E)

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

Gradient

#7698DC #8F9DCC #A4A3BB #B4A8AB #C3AE9A #D0B488 #DCBA76

Color Mixing

#7698DC

100%

#9AA0C3

75:25

#B4A8AB

50:50

#CAB191

25:75

#DCBA76

100%

CSS Gradient Code

background: linear-gradient(to right, #7698DC, #DCBA76);
background: linear-gradient(135deg, #7698DC, #DCBA76);

Explore Each Color

#7698DC

View full color details

#DCBA76

View full color details

Related Comparisons