HEX #A5BDC6 color — Opal
The color #A5BDC6 is a light shade and desaturated.
Palette
A5BDC6 color palette from light to dark
HEX |
RGB |
HSL |
#f3f6f7 |
rgb(243,246,247) |
hsl(196,22%,96%) |
#e3eaed |
rgb(227,234,237) |
hsl(196,22%,91%) |
#d3dfe3 |
rgb(211,223,227) |
hsl(196,22%,86%) |
#c4d4d9 |
rgb(196,212,217) |
hsl(196,22%,81%) |
#b4c8cf |
rgb(180,200,207) |
hsl(196,22%,76%) |
#a5bdc5 |
rgb(165,189,197) |
hsl(196,22%,71%) |
#95b1bb |
rgb(149,177,187) |
hsl(196,22%,66%) |
#86a6b1 |
rgb(134,166,177) |
hsl(196,22%,61%) |
#769aa7 |
rgb(118,154,167) |
hsl(196,22%,56%) |
#678f9e |
rgb(103,143,158) |
hsl(196,22%,51%) |
#5b818f |
rgb(91,129,143) |
hsl(196,22%,46%) |
#527380 |
rgb(82,115,128) |
hsl(196,22%,41%) |
#486570 |
rgb(72,101,112) |
hsl(196,22%,36%) |
#3e5760 |
rgb(62,87,96) |
hsl(196,22%,31%) |
#344951 |
rgb(52,73,81) |
hsl(196,22%,26%) |
#2a3b41 |
rgb(42,59,65) |
hsl(196,22%,21%) |
#202d32 |
rgb(32,45,50) |
hsl(196,22%,16%) |
#161f22 |
rgb(22,31,34) |
hsl(196,22%,11%) |
#0c1113 |
rgb(12,17,19) |
hsl(196,22%,6%) |
#020303 |
rgb(2,3,3) |
hsl(196,22%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#A5C7B9 |
rgb(165,199,185) |
hsl(155,23%,71%) |
#A5BDC6 |
rgb(165,189,198) |
hsl(196,22%,71%) |
#A5A6C6 |
rgb(165,166,198) |
hsl(238,22%,71%) |
Monochromatic colors
HEX |
RGB |
HSL |
#FFFFFF |
rgb(255,255,255) |
hsl(0,0%,100%) |
#ECF2F3 |
rgb(236,242,243) |
hsl(189,23%,94%) |
#C8D6DC |
rgb(200,214,220) |
hsl(198,22%,82%) |
#A5BDC6 |
rgb(165,189,198) |
hsl(196,22%,71%) |
#81A3AF |
rgb(129,163,175) |
hsl(196,22%,60%) |
#5F8797 |
rgb(95,135,151) |
hsl(197,23%,48%) |
Triad color palettes
HEX |
RGB |
HSL |
#A5BDC6 |
rgb(165,189,198) |
hsl(196,22%,71%) |
#C6A6AC |
rgb(198,166,172) |
hsl(349,22%,71%) |
#C6BFA5 |
rgb(198,191,165) |
hsl(47,22%,71%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#A5BDC6 |
rgb(165,189,198) |
hsl(196,22%,71%) |
#C6ADA5 |
rgb(198,173,165) |
hsl(15,22%,71%) |
#A5C7BE |
rgb(165,199,190) |
hsl(164,23%,71%) |
#C6BFA5 |
rgb(198,191,165) |
hsl(47,22%,71%) |