#76A1DF

#76A1DF

#DFB476

#DFB476

Contrast Ratio

1.38:1

Delta E

74.27

Very Different

50:50 Mix

#B7AAAC

Color Values

Format #76A1DF #DFB476
HEX #76A1DF #DFB476
RGB 118, 161, 223 223, 180, 118
HSL 215.4, 62.1%, 66.9% 35.4, 62.1%, 66.9%
HSV 215.4, 47.1%, 87.5% 35.4, 47.1%, 87.5%
CMYK 47.1%, 27.8%, 0.0%, 12.5% 0.0%, 19.3%, 47.1%, 12.5%
OKLCH 0.7028 0.1029 257.5 0.7947 0.0938 75.9

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: #DFB476 → Background: #76A1DF

The quick brown fox jumps over the lazy dog

Text: #76A1DF → Background: #DFB476

Color Difference (Delta E)

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

Gradient

#76A1DF #91A4CE #A5A7BD #B7AAAC #C6AD9A #D3B188 #DFB476

Color Mixing

#76A1DF

100%

#9CA5C5

75:25

#B7AAAC

50:50

#CDAF91

25:75

#DFB476

100%

CSS Gradient Code

background: linear-gradient(to right, #76A1DF, #DFB476);
background: linear-gradient(135deg, #76A1DF, #DFB476);

Explore Each Color

#76A1DF

View full color details

#DFB476

View full color details

Related Comparisons