#B2DFD9

#B2DFD9

#DFB2B8

#DFB2B8

Contrast Ratio

1.29:1

Delta E

34.53

Very Different

50:50 Mix

#CCC9C8

Color Values

Format #B2DFD9 #DFB2B8
HEX #B2DFD9 #DFB2B8
RGB 178, 223, 217 223, 178, 184
HSL 172.0, 41.3%, 78.6% 352.0, 41.3%, 78.6%
HSV 172.0, 20.2%, 87.5% 352.0, 20.2%, 87.5%
CMYK 20.2%, 0.0%, 2.7%, 12.5% 0.0%, 20.2%, 17.5%, 12.5%
OKLCH 0.8702 0.0475 186.4 0.8055 0.0528 9.3

Contrast & Accessibility

1.29:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #DFB2B8 → Background: #B2DFD9

The quick brown fox jumps over the lazy dog

Text: #B2DFD9 → Background: #DFB2B8

Color Difference (Delta E)

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

Gradient

#B2DFD9 #BBD8D3 #C4D0CE #CCC9C8 #D3C1C3 #D9BABD #DFB2B8

Color Mixing

#B2DFD9

100%

#C0D4D1

75:25

#CCC9C8

50:50

#D6BEC0

25:75

#DFB2B8

100%

CSS Gradient Code

background: linear-gradient(to right, #B2DFD9, #DFB2B8);
background: linear-gradient(135deg, #B2DFD9, #DFB2B8);

Explore Each Color

#B2DFD9

View full color details

#DFB2B8

View full color details

Related Comparisons