HEX #B2CCC9 color — Opal
The color #B2CCC9 is a light shade and desaturated.
Palette
B2CCC9 color palette from light to dark
| HEX |
RGB |
HSL |
| #f0f5f4 |
rgb(240,245,244) |
hsl(173,20%,95%) |
| #e0ebe9 |
rgb(224,235,233) |
hsl(173,20%,90%) |
| #d1e0df |
rgb(209,224,223) |
hsl(173,20%,85%) |
| #c2d6d4 |
rgb(194,214,212) |
hsl(173,20%,80%) |
| #b3ccc9 |
rgb(179,204,201) |
hsl(173,20%,75%) |
| #a3c2be |
rgb(163,194,190) |
hsl(173,20%,70%) |
| #94b8b3 |
rgb(148,184,179) |
hsl(173,20%,65%) |
| #85ada9 |
rgb(133,173,169) |
hsl(173,20%,60%) |
| #75a39e |
rgb(117,163,158) |
hsl(173,20%,55%) |
| #669993 |
rgb(102,153,147) |
hsl(173,20%,50%) |
| #5c8a84 |
rgb(92,138,132) |
hsl(173,20%,45%) |
| #527a76 |
rgb(82,122,118) |
hsl(173,20%,40%) |
| #476b67 |
rgb(71,107,103) |
hsl(173,20%,35%) |
| #3d5c58 |
rgb(61,92,88) |
hsl(173,20%,30%) |
| #334d4a |
rgb(51,77,74) |
hsl(173,20%,25%) |
| #293d3b |
rgb(41,61,59) |
hsl(173,20%,20%) |
| #1f2e2c |
rgb(31,46,44) |
hsl(173,20%,15%) |
| #141f1d |
rgb(20,31,29) |
hsl(173,20%,10%) |
| #0a0f0f |
rgb(10,15,15) |
hsl(173,20%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #B2CCB7 |
rgb(178,204,183) |
hsl(132,20%,75%) |
| #B2CCC9 |
rgb(178,204,201) |
hsl(173,20%,75%) |
| #B2BDCC |
rgb(178,189,204) |
hsl(215,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%) |
| #D6E6E2 |
rgb(214,230,226) |
hsl(165,24%,87%) |
| #B2CCC9 |
rgb(178,204,201) |
hsl(173,20%,75%) |
| #8DB3AF |
rgb(141,179,175) |
hsl(174,20%,63%) |
| #689C95 |
rgb(104,156,149) |
hsl(172,21%,51%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #B2CCC9 |
rgb(178,204,201) |
hsl(173,20%,75%) |
| #CCB3C2 |
rgb(204,179,194) |
hsl(324,20%,75%) |
| #CCBDB2 |
rgb(204,189,178) |
hsl(25,20%,75%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #B2CCC9 |
rgb(178,204,201) |
hsl(173,20%,75%) |
| #CCB3B5 |
rgb(204,179,181) |
hsl(355,20%,75%) |
| #B2CCBC |
rgb(178,204,188) |
hsl(143,20%,75%) |
| #CCBDB2 |
rgb(204,189,178) |
hsl(25,20%,75%) |
