#77B2DF

#77B2DF

#DFA477

#DFA477

Contrast Ratio

1.05:1

Delta E

64.88

Very Different

50:50 Mix

#B8ABAB

Color Values

Format #77B2DF #DFA477
HEX #77B2DF #DFA477
RGB 119, 178, 223 223, 164, 119
HSL 206.0, 61.9%, 67.1% 26.0, 61.9%, 67.1%
HSV 206.0, 46.6%, 87.5% 26.0, 46.6%, 87.5%
CMYK 46.6%, 20.2%, 0.0%, 12.5% 0.0%, 26.5%, 46.6%, 12.5%
OKLCH 0.7402 0.0897 242.3 0.7643 0.0921 58.2

Contrast & Accessibility

1.05:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #DFA477 → Background: #77B2DF

The quick brown fox jumps over the lazy dog

Text: #77B2DF → Background: #DFA477

Color Difference (Delta E)

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

Gradient

#77B2DF #92B0CE #A7ADBC #B8ABAB #C7A99A #D4A689 #DFA477

Color Mixing

#77B2DF

100%

#9DAFC5

75:25

#B8ABAB

50:50

#CDA891

25:75

#DFA477

100%

CSS Gradient Code

background: linear-gradient(to right, #77B2DF, #DFA477);
background: linear-gradient(135deg, #77B2DF, #DFA477);

Explore Each Color

#77B2DF

View full color details

#DFA477

View full color details

Related Comparisons