#87DFB0

#87DFB0

#DF87B6

#DF87B6

Contrast Ratio

1.6:1

Delta E

82.16

Very Different

50:50 Mix

#BCB6B3

Color Values

Format #87DFB0 #DF87B6
HEX #87DFB0 #DF87B6
RGB 135, 223, 176 223, 135, 182
HSL 148.0, 57.9%, 70.2% 328.0, 57.9%, 70.2%
HSV 148.0, 39.5%, 87.5% 328.0, 39.5%, 87.5%
CMYK 39.5%, 0.0%, 21.1%, 12.5% 0.0%, 39.5%, 18.4%, 12.5%
OKLCH 0.8352 0.1087 159.5 0.7297 0.1216 347.3

Contrast & Accessibility

1.6:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #DF87B6 → Background: #87DFB0

The quick brown fox jumps over the lazy dog

Text: #87DFB0 → Background: #DF87B6

Color Difference (Delta E)

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

Gradient

#87DFB0 #9CD2B1 #AEC4B2 #BCB6B3 #C9A8B4 #D598B5 #DF87B6

Color Mixing

#87DFB0

100%

#A5CBB2

75:25

#BCB6B3

50:50

#CFA0B5

25:75

#DF87B6

100%

CSS Gradient Code

background: linear-gradient(to right, #87DFB0, #DF87B6);
background: linear-gradient(135deg, #87DFB0, #DF87B6);

Explore Each Color

#87DFB0

View full color details

#DF87B6

View full color details

Related Comparisons