#7699DC

#7699DC

#DCB976

#DCB976

Contrast Ratio

1.53:1

Delta E

77.66

Very Different

50:50 Mix

#B4A8AB

Color Values

Format #7699DC #DCB976
HEX #7699DC #DCB976
RGB 118, 153, 220 220, 185, 118
HSL 219.4, 59.3%, 66.3% 39.4, 59.3%, 66.3%
HSV 219.4, 46.4%, 86.3% 39.4, 46.4%, 86.3%
CMYK 46.4%, 30.5%, 0.0%, 13.7% 0.0%, 15.9%, 46.4%, 13.7%
OKLCH 0.6843 0.107 262.8 0.8016 0.0943 82.9

Contrast & Accessibility

1.53:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #DCB976 → Background: #7699DC

The quick brown fox jumps over the lazy dog

Text: #7699DC → Background: #DCB976

Color Difference (Delta E)

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

Gradient

#7699DC #8F9ECC #A4A3BB #B4A8AB #C3AE9A #D0B388 #DCB976

Color Mixing

#7699DC

100%

#9AA0C3

75:25

#B4A8AB

50:50

#CAB091

25:75

#DCB976

100%

CSS Gradient Code

background: linear-gradient(to right, #7699DC, #DCB976);
background: linear-gradient(135deg, #7699DC, #DCB976);

Explore Each Color

#7699DC

View full color details

#DCB976

View full color details

Related Comparisons