HEX #B2C4CC color — Heather
The color #B2C4CC is a light shade and desaturated.
Palette
B2C4CC color palette from light to dark
HEX |
RGB |
HSL |
#f0f3f5 |
rgb(240,243,245) |
hsl(198,20%,95%) |
#e0e8eb |
rgb(224,232,235) |
hsl(198,20%,90%) |
#d1dce0 |
rgb(209,220,224) |
hsl(198,20%,85%) |
#c2d0d6 |
rgb(194,208,214) |
hsl(198,20%,80%) |
#b3c4cc |
rgb(179,196,204) |
hsl(198,20%,75%) |
#a3b9c2 |
rgb(163,185,194) |
hsl(198,20%,70%) |
#94adb8 |
rgb(148,173,184) |
hsl(198,20%,65%) |
#85a1ad |
rgb(133,161,173) |
hsl(198,20%,60%) |
#7595a3 |
rgb(117,149,163) |
hsl(198,20%,55%) |
#668a99 |
rgb(102,138,153) |
hsl(198,20%,50%) |
#5c7c8a |
rgb(92,124,138) |
hsl(198,20%,45%) |
#526e7a |
rgb(82,110,122) |
hsl(198,20%,40%) |
#47606b |
rgb(71,96,107) |
hsl(198,20%,35%) |
#3d535c |
rgb(61,83,92) |
hsl(198,20%,30%) |
#33454d |
rgb(51,69,77) |
hsl(198,20%,25%) |
#29373d |
rgb(41,55,61) |
hsl(198,20%,20%) |
#1f292e |
rgb(31,41,46) |
hsl(198,20%,15%) |
#141c1f |
rgb(20,28,31) |
hsl(198,20%,10%) |
#0a0e0f |
rgb(10,14,15) |
hsl(198,20%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#B2CCC2 |
rgb(178,204,194) |
hsl(157,20%,75%) |
#B2C4CC |
rgb(178,196,204) |
hsl(198,20%,75%) |
#B2B3CC |
rgb(178,179,204) |
hsl(238,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%) |
#D6E0E4 |
rgb(214,224,228) |
hsl(197,21%,87%) |
#B2C4CC |
rgb(178,196,204) |
hsl(198,20%,75%) |
#8DA8B3 |
rgb(141,168,179) |
hsl(197,20%,63%) |
#688C9B |
rgb(104,140,155) |
hsl(198,20%,51%) |
Triad color palettes
HEX |
RGB |
HSL |
#B2C4CC |
rgb(178,196,204) |
hsl(198,20%,75%) |
#CCB3B7 |
rgb(204,179,183) |
hsl(350,20%,75%) |
#CCC7B2 |
rgb(204,199,178) |
hsl(48,20%,75%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#B2C4CC |
rgb(178,196,204) |
hsl(198,20%,75%) |
#CCBAB2 |
rgb(204,186,178) |
hsl(18,20%,75%) |
#B2CCC7 |
rgb(178,204,199) |
hsl(168,20%,75%) |
#CCC7B2 |
rgb(204,199,178) |
hsl(48,20%,75%) |