HEX #B3CCC2 color — Opal
The color #b3ccc2 is a light shade and desaturated.
Palette
b3ccc2 color palette from light to dark
HEX |
RGB |
HSL |
#f0f5f3 |
rgb(240,245,243) |
hsl(156,20%,95%) |
#e0ebe7 |
rgb(224,235,231) |
hsl(156,20%,90%) |
#d1e0da |
rgb(209,224,218) |
hsl(156,20%,85%) |
#c2d6ce |
rgb(194,214,206) |
hsl(156,20%,80%) |
#b3ccc2 |
rgb(179,204,194) |
hsl(156,20%,75%) |
#a3c2b6 |
rgb(163,194,182) |
hsl(156,20%,70%) |
#94b8a9 |
rgb(148,184,169) |
hsl(156,20%,65%) |
#85ad9d |
rgb(133,173,157) |
hsl(156,20%,60%) |
#75a391 |
rgb(117,163,145) |
hsl(156,20%,55%) |
#669985 |
rgb(102,153,133) |
hsl(156,20%,50%) |
#5c8a77 |
rgb(92,138,119) |
hsl(156,20%,45%) |
#527a6a |
rgb(82,122,106) |
hsl(156,20%,40%) |
#476b5d |
rgb(71,107,93) |
hsl(156,20%,35%) |
#3d5c50 |
rgb(61,92,80) |
hsl(156,20%,30%) |
#334d42 |
rgb(51,77,66) |
hsl(156,20%,25%) |
#293d35 |
rgb(41,61,53) |
hsl(156,20%,20%) |
#1f2e28 |
rgb(31,46,40) |
hsl(156,20%,15%) |
#141f1b |
rgb(20,31,27) |
hsl(156,20%,10%) |
#0a0f0d |
rgb(10,15,13) |
hsl(156,20%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#B4CCB3 |
rgb(180,204,179) |
hsl(118,20%,75%) |
#B3CCC2 |
rgb(179,204,194) |
hsl(156,20%,75%) |
#B3C4CC |
rgb(179,196,204) |
hsl(199,20%,75%) |
Monochromatic colors
HEX |
RGB |
HSL |
#FFFFFF |
rgb(255,255,255) |
hsl(0,0%,100%) |
#FCFCFC |
rgb(252,252,252) |
hsl(0,0%,99%) |
#D7E6DF |
rgb(215,230,223) |
hsl(152,23%,87%) |
#B3CCC2 |
rgb(179,204,194) |
hsl(156,20%,75%) |
#8EB3A4 |
rgb(142,179,164) |
hsl(156,20%,63%) |
#699C87 |
rgb(105,156,135) |
hsl(155,20%,51%) |
Triad color palettes
HEX |
RGB |
HSL |
#B3CCC2 |
rgb(179,204,194) |
hsl(156,20%,75%) |
#CCB3C9 |
rgb(204,179,201) |
hsl(307,20%,75%) |
#CCB5B3 |
rgb(204,181,179) |
hsl(5,20%,75%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#B3CCC2 |
rgb(179,204,194) |
hsl(156,20%,75%) |
#CCB3BD |
rgb(204,179,189) |
hsl(336,20%,75%) |
#B3CCB5 |
rgb(179,204,181) |
hsl(125,20%,75%) |
#CCB5B3 |
rgb(204,181,179) |
hsl(5,20%,75%) |