#BABBD3

#BABBD3

#D3D2BA

#D3D2BA

Contrast Ratio

1.23:1

Delta E

26.5

Very Different

50:50 Mix

#C7C6C7

Color Values

Format #BABBD3 #D3D2BA
HEX #BABBD3 #D3D2BA
RGB 186, 187, 211 211, 210, 186
HSL 237.6, 22.1%, 77.8% 57.6, 22.1%, 77.8%
HSV 237.6, 11.8%, 82.7% 57.6, 11.8%, 82.7%
CMYK 11.8%, 11.4%, 0.0%, 17.3% 0.0%, 0.5%, 11.8%, 17.3%
OKLCH 0.7989 0.0337 283.7 0.8581 0.0324 105.1

Contrast & Accessibility

1.23:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #D3D2BA → Background: #BABBD3

The quick brown fox jumps over the lazy dog

Text: #BABBD3 → Background: #D3D2BA

Color Difference (Delta E)

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

Gradient

#BABBD3 #BFBFCF #C3C3CB #C7C6C7 #CBCAC3 #CFCEBE #D3D2BA

Color Mixing

#BABBD3

100%

#C1C1CD

75:25

#C7C6C7

50:50

#CDCCC0

25:75

#D3D2BA

100%

CSS Gradient Code

background: linear-gradient(to right, #BABBD3, #D3D2BA);
background: linear-gradient(135deg, #BABBD3, #D3D2BA);

Explore Each Color

#BABBD3

View full color details

#D3D2BA

View full color details

Related Comparisons