HEX #A0BEC5 color — Opal
The color #a0bec5 is a light shade and desaturated.
Palette
a0bec5 color palette from light to dark
HEX |
RGB |
HSL |
#eff4f5 |
rgb(239,244,245) |
hsl(191,24%,95%) |
#dfe9ec |
rgb(223,233,236) |
hsl(191,24%,90%) |
#d0dfe2 |
rgb(208,223,226) |
hsl(191,24%,85%) |
#c0d4d8 |
rgb(192,212,216) |
hsl(191,24%,80%) |
#b0c9cf |
rgb(176,201,207) |
hsl(191,24%,75%) |
#a0bec5 |
rgb(160,190,197) |
hsl(191,24%,70%) |
#90b3bb |
rgb(144,179,187) |
hsl(191,24%,65%) |
#81a9b1 |
rgb(129,169,177) |
hsl(191,24%,60%) |
#719ea8 |
rgb(113,158,168) |
hsl(191,24%,55%) |
#61939e |
rgb(97,147,158) |
hsl(191,24%,50%) |
#57848e |
rgb(87,132,142) |
hsl(191,24%,45%) |
#4e767e |
rgb(78,118,126) |
hsl(191,24%,40%) |
#44676f |
rgb(68,103,111) |
hsl(191,24%,35%) |
#3a585f |
rgb(58,88,95) |
hsl(191,24%,30%) |
#30494f |
rgb(48,73,79) |
hsl(191,24%,25%) |
#273b3f |
rgb(39,59,63) |
hsl(191,24%,20%) |
#1d2c2f |
rgb(29,44,47) |
hsl(191,24%,15%) |
#131d20 |
rgb(19,29,32) |
hsl(191,24%,10%) |
#0a0f10 |
rgb(10,15,16) |
hsl(191,24%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#A0C4B3 |
rgb(160,196,179) |
hsl(152,23%,70%) |
#A0BEC5 |
rgb(160,190,197) |
hsl(191,24%,70%) |
#A0A6C5 |
rgb(160,166,197) |
hsl(230,24%,70%) |
Monochromatic colors
HEX |
RGB |
HSL |
#FFFFFF |
rgb(255,255,255) |
hsl(0,0%,100%) |
#E6F0F0 |
rgb(230,240,240) |
hsl(180,25%,92%) |
#C3D6DA |
rgb(195,214,218) |
hsl(190,24%,81%) |
#A0BEC5 |
rgb(160,190,197) |
hsl(191,24%,70%) |
#7CA6AF |
rgb(124,166,175) |
hsl(191,24%,59%) |
#5C8C96 |
rgb(92,140,150) |
hsl(190,24%,47%) |
Triad color palettes
HEX |
RGB |
HSL |
#A0BEC5 |
rgb(160,190,197) |
hsl(191,24%,70%) |
#C5A1AB |
rgb(197,161,171) |
hsl(343,24%,70%) |
#C5BAA0 |
rgb(197,186,160) |
hsl(42,24%,70%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#A0BEC5 |
rgb(160,190,197) |
hsl(191,24%,70%) |
#C5A6A0 |
rgb(197,166,160) |
hsl(10,24%,70%) |
#A0C4B9 |
rgb(160,196,185) |
hsl(162,23%,70%) |
#C5BAA0 |
rgb(197,186,160) |
hsl(42,24%,70%) |