HEX #B2BACC color — Heather
The color #B2BACC is a light shade and desaturated.
Palette
B2BACC color palette from light to dark
| HEX |
RGB |
HSL |
| #f0f1f5 |
rgb(240,241,245) |
hsl(222,20%,95%) |
| #e0e3eb |
rgb(224,227,235) |
hsl(222,20%,90%) |
| #d1d6e0 |
rgb(209,214,224) |
hsl(222,20%,85%) |
| #c2c8d6 |
rgb(194,200,214) |
hsl(222,20%,80%) |
| #b3bacc |
rgb(179,186,204) |
hsl(222,20%,75%) |
| #a3acc2 |
rgb(163,172,194) |
hsl(222,20%,70%) |
| #949fb8 |
rgb(148,159,184) |
hsl(222,20%,65%) |
| #8591ad |
rgb(133,145,173) |
hsl(222,20%,60%) |
| #7583a3 |
rgb(117,131,163) |
hsl(222,20%,55%) |
| #667599 |
rgb(102,117,153) |
hsl(222,20%,50%) |
| #5c6a8a |
rgb(92,106,138) |
hsl(222,20%,45%) |
| #525e7a |
rgb(82,94,122) |
hsl(222,20%,40%) |
| #47526b |
rgb(71,82,107) |
hsl(222,20%,35%) |
| #3d465c |
rgb(61,70,92) |
hsl(222,20%,30%) |
| #333b4d |
rgb(51,59,77) |
hsl(222,20%,25%) |
| #292f3d |
rgb(41,47,61) |
hsl(222,20%,20%) |
| #1f232e |
rgb(31,35,46) |
hsl(222,20%,15%) |
| #14171f |
rgb(20,23,31) |
hsl(222,20%,10%) |
| #0a0c0f |
rgb(10,12,15) |
hsl(222,20%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #B2CCCC |
rgb(178,204,204) |
hsl(180,20%,75%) |
| #B2BACC |
rgb(178,186,204) |
hsl(222,20%,75%) |
| #BBB3CC |
rgb(187,179,204) |
hsl(259,20%,75%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #FFFFFF |
rgb(255,255,255) |
hsl(0,0%,100%) |
| #FBFCFC |
rgb(251,252,252) |
hsl(180,14%,99%) |
| #D6DBE4 |
rgb(214,219,228) |
hsl(219,21%,87%) |
| #B2BACC |
rgb(178,186,204) |
hsl(222,20%,75%) |
| #8D99B3 |
rgb(141,153,179) |
hsl(221,20%,63%) |
| #68789B |
rgb(104,120,155) |
hsl(221,20%,51%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #B2BACC |
rgb(178,186,204) |
hsl(222,20%,75%) |
| #CCB8B2 |
rgb(204,184,178) |
hsl(14,20%,75%) |
| #C7CCB2 |
rgb(199,204,178) |
hsl(72,20%,75%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #B2BACC |
rgb(178,186,204) |
hsl(222,20%,75%) |
| #CCC4B2 |
rgb(204,196,178) |
hsl(42,20%,75%) |
| #B2C7CC |
rgb(178,199,204) |
hsl(192,20%,75%) |
| #C7CCB2 |
rgb(199,204,178) |
hsl(72,20%,75%) |
