HEX #B2CCC1 color — Opal
The color #B2CCC1 is a light shade and desaturated.
Palette
B2CCC1 color palette from light to dark
| HEX |
RGB |
HSL |
| #f0f5f3 |
rgb(240,245,243) |
hsl(155,20%,95%) |
| #e0ebe6 |
rgb(224,235,230) |
hsl(155,20%,90%) |
| #d1e0da |
rgb(209,224,218) |
hsl(155,20%,85%) |
| #c2d6ce |
rgb(194,214,206) |
hsl(155,20%,80%) |
| #b3ccc1 |
rgb(179,204,193) |
hsl(155,20%,75%) |
| #a3c2b5 |
rgb(163,194,181) |
hsl(155,20%,70%) |
| #94b8a9 |
rgb(148,184,169) |
hsl(155,20%,65%) |
| #85ad9c |
rgb(133,173,156) |
hsl(155,20%,60%) |
| #75a390 |
rgb(117,163,144) |
hsl(155,20%,55%) |
| #669984 |
rgb(102,153,132) |
hsl(155,20%,50%) |
| #5c8a77 |
rgb(92,138,119) |
hsl(155,20%,45%) |
| #527a69 |
rgb(82,122,105) |
hsl(155,20%,40%) |
| #476b5c |
rgb(71,107,92) |
hsl(155,20%,35%) |
| #3d5c4f |
rgb(61,92,79) |
hsl(155,20%,30%) |
| #334d42 |
rgb(51,77,66) |
hsl(155,20%,25%) |
| #293d35 |
rgb(41,61,53) |
hsl(155,20%,20%) |
| #1f2e28 |
rgb(31,46,40) |
hsl(155,20%,15%) |
| #141f1a |
rgb(20,31,26) |
hsl(155,20%,10%) |
| #0a0f0d |
rgb(10,15,13) |
hsl(155,20%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #B4CCB2 |
rgb(180,204,178) |
hsl(115,20%,75%) |
| #B2CCC1 |
rgb(178,204,193) |
hsl(155,20%,75%) |
| #B2C7CC |
rgb(178,199,204) |
hsl(192,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%) |
| #D6E6DE |
rgb(214,230,222) |
hsl(150,24%,87%) |
| #B2CCC1 |
rgb(178,204,193) |
hsl(155,20%,75%) |
| #8DB3A3 |
rgb(141,179,163) |
hsl(155,20%,63%) |
| #689C85 |
rgb(104,156,133) |
hsl(153,21%,51%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #B2CCC1 |
rgb(178,204,193) |
hsl(155,20%,75%) |
| #CCB3CA |
rgb(204,179,202) |
hsl(305,20%,75%) |
| #CCB5B2 |
rgb(204,181,178) |
hsl(7,20%,75%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #B2CCC1 |
rgb(178,204,193) |
hsl(155,20%,75%) |
| #CCB3BD |
rgb(204,179,189) |
hsl(336,20%,75%) |
| #B2CCB4 |
rgb(178,204,180) |
hsl(125,20%,75%) |
| #CCB5B2 |
rgb(204,181,178) |
hsl(7,20%,75%) |
