#B4DFD9

#B4DFD9

#DFB4BA

#DFB4BA

Contrast Ratio

1.27:1

Delta E

33.03

Very Different

50:50 Mix

#CCCAC9

Color Values

Format #B4DFD9 #DFB4BA
HEX #B4DFD9 #DFB4BA
RGB 180, 223, 217 223, 180, 186
HSL 171.6, 40.2%, 79.0% 351.6, 40.2%, 79.0%
HSV 171.6, 19.3%, 87.5% 351.6, 19.3%, 87.5%
CMYK 19.3%, 0.0%, 2.7%, 12.5% 0.0%, 19.3%, 16.6%, 12.5%
OKLCH 0.8715 0.0455 186.0 0.8098 0.0504 8.8

Contrast & Accessibility

1.27:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #DFB4BA → Background: #B4DFD9

The quick brown fox jumps over the lazy dog

Text: #B4DFD9 → Background: #DFB4BA

Color Difference (Delta E)

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

Gradient

#B4DFD9 #BDD8D4 #C5D1CF #CCCAC9 #D3C3C4 #D9BBBF #DFB4BA

Color Mixing

#B4DFD9

100%

#C1D5D1

75:25

#CCCAC9

50:50

#D6BFC2

25:75

#DFB4BA

100%

CSS Gradient Code

background: linear-gradient(to right, #B4DFD9, #DFB4BA);
background: linear-gradient(135deg, #B4DFD9, #DFB4BA);

Explore Each Color

#B4DFD9

View full color details

#DFB4BA

View full color details

Related Comparisons