#77B3DF

#77B3DF

#DFA377

#DFA377

Contrast Ratio

1.04:1

Delta E

64.58

Very Different

50:50 Mix

#B8ABAB

Color Values

Format #77B3DF #DFA377
HEX #77B3DF #DFA377
RGB 119, 179, 223 223, 163, 119
HSL 205.4, 61.9%, 67.1% 25.4, 61.9%, 67.1%
HSV 205.4, 46.6%, 87.5% 25.4, 46.6%, 87.5%
CMYK 46.6%, 19.7%, 0.0%, 12.5% 0.0%, 26.9%, 46.6%, 12.5%
OKLCH 0.7424 0.0891 241.3 0.7624 0.0924 57.1

Contrast & Accessibility

1.04:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #DFA377 → Background: #77B3DF

The quick brown fox jumps over the lazy dog

Text: #77B3DF → Background: #DFA377

Color Difference (Delta E)

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

Gradient

#77B3DF #92B0CE #A7AEBC #B8ABAB #C7A99A #D4A689 #DFA377

Color Mixing

#77B3DF

100%

#9DAFC5

75:25

#B8ABAB

50:50

#CDA791

25:75

#DFA377

100%

CSS Gradient Code

background: linear-gradient(to right, #77B3DF, #DFA377);
background: linear-gradient(135deg, #77B3DF, #DFA377);

Explore Each Color

#77B3DF

View full color details

#DFA377

View full color details

Related Comparisons