#87A7DC

#87A7DC

#DCBC87

#DCBC87

Contrast Ratio

1.35:1

Delta E

62.2

Very Different

50:50 Mix

#B9B1B2

Color Values

Format #87A7DC #DCBC87
HEX #87A7DC #DCBC87
RGB 135, 167, 220 220, 188, 135
HSL 217.4, 54.8%, 69.6% 37.4, 54.8%, 69.6%
HSV 217.4, 38.6%, 86.3% 37.4, 38.6%, 86.3%
CMYK 38.6%, 24.1%, 0.0%, 13.7% 0.0%, 14.5%, 38.6%, 13.7%
OKLCH 0.7245 0.0854 260.3 0.8105 0.0783 79.9

Contrast & Accessibility

1.35:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #DCBC87 → Background: #87A7DC

The quick brown fox jumps over the lazy dog

Text: #87A7DC → Background: #DCBC87

Color Difference (Delta E)

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

Gradient

#87A7DC #9BAACE #ABAEC0 #B9B1B2 #C6B5A4 #D1B896 #DCBC87

Color Mixing

#87A7DC

100%

#A3ACC7

75:25

#B9B1B2

50:50

#CCB69D

25:75

#DCBC87

100%

CSS Gradient Code

background: linear-gradient(to right, #87A7DC, #DCBC87);
background: linear-gradient(135deg, #87A7DC, #DCBC87);

Explore Each Color

#87A7DC

View full color details

#DCBC87

View full color details

Related Comparisons