HEX #A5BCC5 color — Opal
The color #a5bcc5 is a light shade and desaturated.
Palette
a5bcc5 color palette from light to dark
HEX |
RGB |
HSL |
#f3f6f7 |
rgb(243,246,247) |
hsl(197,22%,96%) |
#e3eaed |
rgb(227,234,237) |
hsl(197,22%,91%) |
#d3dfe3 |
rgb(211,223,227) |
hsl(197,22%,86%) |
#c4d3d9 |
rgb(196,211,217) |
hsl(197,22%,81%) |
#b4c8cf |
rgb(180,200,207) |
hsl(197,22%,76%) |
#a5bcc5 |
rgb(165,188,197) |
hsl(197,22%,71%) |
#95b1bb |
rgb(149,177,187) |
hsl(197,22%,66%) |
#86a5b1 |
rgb(134,165,177) |
hsl(197,22%,61%) |
#7699a7 |
rgb(118,153,167) |
hsl(197,22%,56%) |
#678e9e |
rgb(103,142,158) |
hsl(197,22%,51%) |
#5b808f |
rgb(91,128,143) |
hsl(197,22%,46%) |
#527380 |
rgb(82,115,128) |
hsl(197,22%,41%) |
#486570 |
rgb(72,101,112) |
hsl(197,22%,36%) |
#3e5760 |
rgb(62,87,96) |
hsl(197,22%,31%) |
#344951 |
rgb(52,73,81) |
hsl(197,22%,26%) |
#2a3b41 |
rgb(42,59,65) |
hsl(197,22%,21%) |
#202d32 |
rgb(32,45,50) |
hsl(197,22%,16%) |
#161f22 |
rgb(22,31,34) |
hsl(197,22%,11%) |
#0c1113 |
rgb(12,17,19) |
hsl(197,22%,6%) |
#020303 |
rgb(2,3,3) |
hsl(197,22%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#A5C4B8 |
rgb(165,196,184) |
hsl(157,21%,71%) |
#A5BCC5 |
rgb(165,188,197) |
hsl(197,22%,71%) |
#A5A6C5 |
rgb(165,166,197) |
hsl(238,22%,71%) |
Monochromatic colors
HEX |
RGB |
HSL |
#FFFFFF |
rgb(255,255,255) |
hsl(0,0%,100%) |
#EBF0F2 |
rgb(235,240,242) |
hsl(197,21%,94%) |
#C8D6DB |
rgb(200,214,219) |
hsl(196,21%,82%) |
#A5BCC5 |
rgb(165,188,197) |
hsl(197,22%,71%) |
#81A1AE |
rgb(129,161,174) |
hsl(197,22%,59%) |
#608795 |
rgb(96,135,149) |
hsl(196,22%,48%) |
Triad color palettes
HEX |
RGB |
HSL |
#A5BCC5 |
rgb(165,188,197) |
hsl(197,22%,71%) |
#C5A6AC |
rgb(197,166,172) |
hsl(348,21%,71%) |
#C5BFA5 |
rgb(197,191,165) |
hsl(49,22%,71%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#A5BCC5 |
rgb(165,188,197) |
hsl(197,22%,71%) |
#C5ADA5 |
rgb(197,173,165) |
hsl(15,22%,71%) |
#A5C4BE |
rgb(165,196,190) |
hsl(168,21%,71%) |
#C5BFA5 |
rgb(197,191,165) |
hsl(49,22%,71%) |