HEX #ABC2BE color — Opal
The color #ABC2BE is a light shade and desaturated.
Palette
ABC2BE color palette from light to dark
HEX |
RGB |
HSL |
#f6f9f8 |
rgb(246,249,248) |
hsl(170,16%,97%) |
#e7eeed |
rgb(231,238,237) |
hsl(170,16%,92%) |
#d9e3e1 |
rgb(217,227,225) |
hsl(170,16%,87%) |
#cad8d6 |
rgb(202,216,214) |
hsl(170,16%,82%) |
#bbcecb |
rgb(187,206,203) |
hsl(170,16%,77%) |
#acc3bf |
rgb(172,195,191) |
hsl(170,16%,72%) |
#9db8b4 |
rgb(157,184,180) |
hsl(170,16%,67%) |
#8faea8 |
rgb(143,174,168) |
hsl(170,16%,62%) |
#80a39d |
rgb(128,163,157) |
hsl(170,16%,57%) |
#719892 |
rgb(113,152,146) |
hsl(170,16%,52%) |
#658b85 |
rgb(101,139,133) |
hsl(170,16%,47%) |
#5a7c77 |
rgb(90,124,119) |
hsl(170,16%,42%) |
#4f6d68 |
rgb(79,109,104) |
hsl(170,16%,37%) |
#455f5a |
rgb(69,95,90) |
hsl(170,16%,32%) |
#3a504c |
rgb(58,80,76) |
hsl(170,16%,27%) |
#2f413e |
rgb(47,65,62) |
hsl(170,16%,22%) |
#243230 |
rgb(36,50,48) |
hsl(170,16%,17%) |
#1a2322 |
rgb(26,35,34) |
hsl(170,16%,12%) |
#0f1514 |
rgb(15,21,20) |
hsl(170,16%,7%) |
#040606 |
rgb(4,6,6) |
hsl(170,16%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#ABC2AE |
rgb(171,194,174) |
hsl(128,16%,72%) |
#ABC2BE |
rgb(171,194,190) |
hsl(170,16%,72%) |
#ABB8C2 |
rgb(171,184,194) |
hsl(206,16%,72%) |
Monochromatic colors
HEX |
RGB |
HSL |
#FFFFFF |
rgb(255,255,255) |
hsl(0,0%,100%) |
#EEF2F2 |
rgb(238,242,242) |
hsl(180,13%,94%) |
#CCDBD8 |
rgb(204,219,216) |
hsl(168,17%,83%) |
#ABC2BE |
rgb(171,194,190) |
hsl(170,16%,72%) |
#89A8A3 |
rgb(137,168,163) |
hsl(170,15%,60%) |
#688F88 |
rgb(104,143,136) |
hsl(169,16%,48%) |
Triad color palettes
HEX |
RGB |
HSL |
#ABC2BE |
rgb(171,194,190) |
hsl(170,16%,72%) |
#C2ABBA |
rgb(194,171,186) |
hsl(321,16%,72%) |
#C2B3AB |
rgb(194,179,171) |
hsl(21,16%,72%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#ABC2BE |
rgb(171,194,190) |
hsl(170,16%,72%) |
#C2ABAF |
rgb(194,171,175) |
hsl(350,16%,72%) |
#ABC2B2 |
rgb(171,194,178) |
hsl(138,16%,72%) |
#C2B3AB |
rgb(194,179,171) |
hsl(21,16%,72%) |