#87B5DF

#87B5DF

#DFB187

#DFB187

Contrast Ratio

1.11:1

Delta E

56.19

Very Different

50:50 Mix

#BCB3B3

Color Values

Format #87B5DF #DFB187
HEX #87B5DF #DFB187
RGB 135, 181, 223 223, 177, 135
HSL 208.6, 57.9%, 70.2% 28.6, 57.9%, 70.2%
HSV 208.6, 39.5%, 87.5% 28.6, 39.5%, 87.5%
CMYK 39.5%, 18.8%, 0.0%, 12.5% 0.0%, 20.6%, 39.5%, 12.5%
OKLCH 0.7557 0.0781 246.6 0.7919 0.0775 63.7

Contrast & Accessibility

1.11:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #DFB187 → Background: #87B5DF

The quick brown fox jumps over the lazy dog

Text: #87B5DF → Background: #DFB187

Color Difference (Delta E)

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

Gradient

#87B5DF #9CB4D0 #ADB4C2 #BCB3B3 #C9B2A5 #D4B296 #DFB187

Color Mixing

#87B5DF

100%

#A5B4C9

75:25

#BCB3B3

50:50

#CFB29D

25:75

#DFB187

100%

CSS Gradient Code

background: linear-gradient(to right, #87B5DF, #DFB187);
background: linear-gradient(135deg, #87B5DF, #DFB187);

Explore Each Color

#87B5DF

View full color details

#DFB187

View full color details

Related Comparisons