HEX #B2C9CC color — Opal
The color #B2C9CC is a light shade and desaturated.
Palette
B2C9CC color palette from light to dark
HEX |
RGB |
HSL |
#f0f4f5 |
rgb(240,244,245) |
hsl(187,20%,95%) |
#e0e9eb |
rgb(224,233,235) |
hsl(187,20%,90%) |
#d1dfe0 |
rgb(209,223,224) |
hsl(187,20%,85%) |
#c2d4d6 |
rgb(194,212,214) |
hsl(187,20%,80%) |
#b3c9cc |
rgb(179,201,204) |
hsl(187,20%,75%) |
#a3bec2 |
rgb(163,190,194) |
hsl(187,20%,70%) |
#94b3b8 |
rgb(148,179,184) |
hsl(187,20%,65%) |
#85a9ad |
rgb(133,169,173) |
hsl(187,20%,60%) |
#759ea3 |
rgb(117,158,163) |
hsl(187,20%,55%) |
#669399 |
rgb(102,147,153) |
hsl(187,20%,50%) |
#5c848a |
rgb(92,132,138) |
hsl(187,20%,45%) |
#52767a |
rgb(82,118,122) |
hsl(187,20%,40%) |
#47676b |
rgb(71,103,107) |
hsl(187,20%,35%) |
#3d585c |
rgb(61,88,92) |
hsl(187,20%,30%) |
#334a4d |
rgb(51,74,77) |
hsl(187,20%,25%) |
#293b3d |
rgb(41,59,61) |
hsl(187,20%,20%) |
#1f2c2e |
rgb(31,44,46) |
hsl(187,20%,15%) |
#141d1f |
rgb(20,29,31) |
hsl(187,20%,10%) |
#0a0f0f |
rgb(10,15,15) |
hsl(187,20%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#B2CCBD |
rgb(178,204,189) |
hsl(145,20%,75%) |
#B2C9CC |
rgb(178,201,204) |
hsl(187,20%,75%) |
#B2B8CC |
rgb(178,184,204) |
hsl(226,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%) |
#D6E3E4 |
rgb(214,227,228) |
hsl(184,21%,87%) |
#B2C9CC |
rgb(178,201,204) |
hsl(187,20%,75%) |
#8DB0B3 |
rgb(141,176,179) |
hsl(185,20%,63%) |
#68969B |
rgb(104,150,155) |
hsl(186,20%,51%) |
Triad color palettes
HEX |
RGB |
HSL |
#B2C9CC |
rgb(178,201,204) |
hsl(187,20%,75%) |
#CCB3BC |
rgb(204,179,188) |
hsl(338,20%,75%) |
#CCC2B2 |
rgb(204,194,178) |
hsl(37,20%,75%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#B2C9CC |
rgb(178,201,204) |
hsl(187,20%,75%) |
#CCB5B2 |
rgb(204,181,178) |
hsl(7,20%,75%) |
#B2CCC2 |
rgb(178,204,194) |
hsl(157,20%,75%) |
#CCC2B2 |
rgb(204,194,178) |
hsl(37,20%,75%) |