HEX #BABFD2 color — Heather

The color #BABFD2 is a light shade and desaturated.

Color codes

copy icon
copy icon
copy icon

Palette

BABFD2 color palette from light to dark

HEX RGB HSL
#f9f9fb rgb(249,249,251) hsl(228,21%,98%)
#e9ebf1 rgb(233,235,241) hsl(228,21%,93%)
#dadde7 rgb(218,221,231) hsl(228,21%,88%)
#cbcedd rgb(203,206,221) hsl(228,21%,83%)
#bbc0d3 rgb(187,192,211) hsl(228,21%,78%)
#acb1c9 rgb(172,177,201) hsl(228,21%,73%)
#9ca3bf rgb(156,163,191) hsl(228,21%,68%)
#8d95b4 rgb(141,149,180) hsl(228,21%,63%)
#7d86aa rgb(125,134,170) hsl(228,21%,58%)
#6e78a0 rgb(110,120,160) hsl(228,21%,53%)
#616b94 rgb(97,107,148) hsl(228,21%,48%)
#576085 rgb(87,96,133) hsl(228,21%,43%)
#4d5575 rgb(77,85,117) hsl(228,21%,38%)
#424a66 rgb(66,74,102) hsl(228,21%,33%)
#383e56 rgb(56,62,86) hsl(228,21%,28%)
#2e3347 rgb(46,51,71) hsl(228,21%,23%)
#242838 rgb(36,40,56) hsl(228,21%,18%)
#1a1d28 rgb(26,29,40) hsl(228,21%,13%)
#101219 rgb(16,18,25) hsl(228,21%,8%)
#060709 rgb(6,7,9) hsl(228,21%,3%)

Adjacent colors

HEX RGB HSL
#BACFD2 rgb(186,207,210) hsl(188,21%,78%)
#BABFD2 rgb(186,191,210) hsl(228,21%,78%)
#C5BAD2 rgb(197,186,210) hsl(268,21%,78%)

Monochromatic colors

HEX RGB HSL
#FFFFFF rgb(255,255,255) hsl(0,0%,100%)
#FFFFFF rgb(255,255,255) hsl(0,0%,100%)
#E0E3EB rgb(224,227,235) hsl(224,22%,90%)
#BABFD2 rgb(186,191,210) hsl(228,21%,78%)
#939CB8 rgb(147,156,184) hsl(225,21%,65%)
#6D789F rgb(109,120,159) hsl(227,21%,53%)

Triad color palettes

HEX RGB HSL
#BABFD2 rgb(186,191,210) hsl(228,21%,78%)
#D2C2BA rgb(210,194,186) hsl(20,21%,78%)
#CBD1BA rgb(203,209,186) hsl(76,20%,77%)

Tetrad color palettes

HEX RGB HSL
#BABFD2 rgb(186,191,210) hsl(228,21%,78%)
#D2CCBA rgb(210,204,186) hsl(45,21%,78%)
#BACCD2 rgb(186,204,210) hsl(195,21%,78%)
#CBD1BA rgb(203,209,186) hsl(76,20%,77%)