HEX #B2BACE color — Heather
The color #B2BACE is a light shade and desaturated.
Palette
B2BACE color palette from light to dark
HEX |
RGB |
HSL |
#eff1f5 |
rgb(239,241,245) |
hsl(223,22%,95%) |
#e0e3eb |
rgb(224,227,235) |
hsl(223,22%,90%) |
#d0d5e1 |
rgb(208,213,225) |
hsl(223,22%,85%) |
#c1c7d7 |
rgb(193,199,215) |
hsl(223,22%,80%) |
#b1b9cd |
rgb(177,185,205) |
hsl(223,22%,75%) |
#a2abc3 |
rgb(162,171,195) |
hsl(223,22%,70%) |
#929db9 |
rgb(146,157,185) |
hsl(223,22%,65%) |
#838faf |
rgb(131,143,175) |
hsl(223,22%,60%) |
#7381a5 |
rgb(115,129,165) |
hsl(223,22%,55%) |
#63739c |
rgb(99,115,156) |
hsl(223,22%,50%) |
#5a688c |
rgb(90,104,140) |
hsl(223,22%,45%) |
#505c7c |
rgb(80,92,124) |
hsl(223,22%,40%) |
#46516d |
rgb(70,81,109) |
hsl(223,22%,35%) |
#3c455d |
rgb(60,69,93) |
hsl(223,22%,30%) |
#323a4e |
rgb(50,58,78) |
hsl(223,22%,25%) |
#282e3e |
rgb(40,46,62) |
hsl(223,22%,20%) |
#1e232f |
rgb(30,35,47) |
hsl(223,22%,15%) |
#14171f |
rgb(20,23,31) |
hsl(223,22%,10%) |
#0a0c10 |
rgb(10,12,16) |
hsl(223,22%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#B2CCCE |
rgb(178,204,206) |
hsl(184,22%,75%) |
#B2BACE |
rgb(178,186,206) |
hsl(223,22%,75%) |
#BCB3CE |
rgb(188,179,206) |
hsl(260,22%,75%) |
Monochromatic colors
HEX |
RGB |
HSL |
#FFFFFF |
rgb(255,255,255) |
hsl(0,0%,100%) |
#FDFCFD |
rgb(253,252,253) |
hsl(300,20%,99%) |
#D7DBE5 |
rgb(215,219,229) |
hsl(223,21%,87%) |
#B2BACE |
rgb(178,186,206) |
hsl(223,22%,75%) |
#8C99B6 |
rgb(140,153,182) |
hsl(221,22%,63%) |
#66789E |
rgb(102,120,158) |
hsl(221,22%,51%) |
Triad color palettes
HEX |
RGB |
HSL |
#B2BACE |
rgb(178,186,206) |
hsl(223,22%,75%) |
#CEB8B2 |
rgb(206,184,178) |
hsl(13,22%,75%) |
#C8CFB2 |
rgb(200,207,178) |
hsl(74,23%,75%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#B2BACE |
rgb(178,186,206) |
hsl(223,22%,75%) |
#CEC7B2 |
rgb(206,199,178) |
hsl(45,22%,75%) |
#B2C7CE |
rgb(178,199,206) |
hsl(195,22%,75%) |
#C8CFB2 |
rgb(200,207,178) |
hsl(74,23%,75%) |