HEX #B2BACD color — Heather
The color #b2bacd is a light shade and desaturated.
Palette
b2bacd color palette from light to dark
HEX |
RGB |
HSL |
#f0f1f5 |
rgb(240,241,245) |
hsl(222,21%,95%) |
#e0e3eb |
rgb(224,227,235) |
hsl(222,21%,90%) |
#d1d6e1 |
rgb(209,214,225) |
hsl(222,21%,85%) |
#c1c8d7 |
rgb(193,200,215) |
hsl(222,21%,80%) |
#b2bacd |
rgb(178,186,205) |
hsl(222,21%,75%) |
#a2acc3 |
rgb(162,172,195) |
hsl(222,21%,70%) |
#939eb8 |
rgb(147,158,184) |
hsl(222,21%,65%) |
#8490ae |
rgb(132,144,174) |
hsl(222,21%,60%) |
#7483a4 |
rgb(116,131,164) |
hsl(222,21%,55%) |
#65759a |
rgb(101,117,154) |
hsl(222,21%,50%) |
#5b698b |
rgb(91,105,139) |
hsl(222,21%,45%) |
#515d7b |
rgb(81,93,123) |
hsl(222,21%,40%) |
#47526c |
rgb(71,82,108) |
hsl(222,21%,35%) |
#3c465d |
rgb(60,70,93) |
hsl(222,21%,30%) |
#323a4d |
rgb(50,58,77) |
hsl(222,21%,25%) |
#282f3e |
rgb(40,47,62) |
hsl(222,21%,20%) |
#1e232e |
rgb(30,35,46) |
hsl(222,21%,15%) |
#14171f |
rgb(20,23,31) |
hsl(222,21%,10%) |
#0a0c0f |
rgb(10,12,15) |
hsl(222,21%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#B2CCCD |
rgb(178,204,205) |
hsl(182,21%,75%) |
#B2BACD |
rgb(178,186,205) |
hsl(222,21%,75%) |
#BCB3CD |
rgb(188,179,205) |
hsl(261,21%,75%) |
Monochromatic colors
HEX |
RGB |
HSL |
#FFFFFF |
rgb(255,255,255) |
hsl(0,0%,100%) |
#FCFCFD |
rgb(252,252,253) |
hsl(240,20%,99%) |
#D7DBE5 |
rgb(215,219,229) |
hsl(223,21%,87%) |
#B2BACD |
rgb(178,186,205) |
hsl(222,21%,75%) |
#8C99B4 |
rgb(140,153,180) |
hsl(221,21%,63%) |
#67789C |
rgb(103,120,156) |
hsl(221,21%,51%) |
Triad color palettes
HEX |
RGB |
HSL |
#B2BACD |
rgb(178,186,205) |
hsl(222,21%,75%) |
#CDB8B2 |
rgb(205,184,178) |
hsl(13,21%,75%) |
#C7CCB2 |
rgb(199,204,178) |
hsl(72,20%,75%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#B2BACD |
rgb(178,186,205) |
hsl(222,21%,75%) |
#CDC4B2 |
rgb(205,196,178) |
hsl(40,21%,75%) |
#B2C7CD |
rgb(178,199,205) |
hsl(193,21%,75%) |
#C7CCB2 |
rgb(199,204,178) |
hsl(72,20%,75%) |