#77AFDD

#77AFDD

#DDA577

#DDA577

Contrast Ratio

1.09:1

Delta E

64.37

Very Different

50:50 Mix

#B6AAAA

Color Values

Format #77AFDD #DDA577
HEX #77AFDD #DDA577
RGB 119, 175, 221 221, 165, 119
HSL 207.1, 60.0%, 66.7% 27.1, 60.0%, 66.7%
HSV 207.1, 46.2%, 86.7% 27.1, 46.2%, 86.7%
CMYK 46.2%, 20.8%, 0.0%, 13.3% 0.0%, 25.3%, 46.2%, 13.3%
OKLCH 0.7328 0.0891 244.2 0.764 0.0902 60.3

Contrast & Accessibility

1.09:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #DDA577 → Background: #77AFDD

The quick brown fox jumps over the lazy dog

Text: #77AFDD → Background: #DDA577

Color Difference (Delta E)

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

Gradient

#77AFDD #91ADCC #A6ACBB #B6AAAA #C5A899 #D2A788 #DDA577

Color Mixing

#77AFDD

100%

#9CADC4

75:25

#B6AAAA

50:50

#CBA891

25:75

#DDA577

100%

CSS Gradient Code

background: linear-gradient(to right, #77AFDD, #DDA577);
background: linear-gradient(135deg, #77AFDD, #DDA577);

Explore Each Color

#77AFDD

View full color details

#DDA577

View full color details

Related Comparisons