HEX #BABABF color — French Gray
The color #bababf is a light shade and desaturated.
Palette
bababf color palette from light to dark
HEX |
RGB |
HSL |
#fcfcfd |
rgb(252,252,253) |
hsl(240,4%,99%) |
#efeff0 |
rgb(239,239,240) |
hsl(240,4%,94%) |
#e2e2e4 |
rgb(226,226,228) |
hsl(240,4%,89%) |
#d5d5d8 |
rgb(213,213,216) |
hsl(240,4%,84%) |
#c7c7cc |
rgb(199,199,204) |
hsl(240,4%,79%) |
#bababf |
rgb(186,186,191) |
hsl(240,4%,74%) |
#adadb3 |
rgb(173,173,179) |
hsl(240,4%,69%) |
#a0a0a7 |
rgb(160,160,167) |
hsl(240,4%,64%) |
#92929b |
rgb(146,146,155) |
hsl(240,4%,59%) |
#85858e |
rgb(133,133,142) |
hsl(240,4%,54%) |
#787882 |
rgb(120,120,130) |
hsl(240,4%,49%) |
#6c6c75 |
rgb(108,108,117) |
hsl(240,4%,44%) |
#5f5f67 |
rgb(95,95,103) |
hsl(240,4%,39%) |
#53535a |
rgb(83,83,90) |
hsl(240,4%,34%) |
#47474d |
rgb(71,71,77) |
hsl(240,4%,29%) |
#3b3b40 |
rgb(59,59,64) |
hsl(240,4%,24%) |
#2f2f32 |
rgb(47,47,50) |
hsl(240,4%,19%) |
#222225 |
rgb(34,34,37) |
hsl(240,4%,14%) |
#161618 |
rgb(22,22,24) |
hsl(240,4%,9%) |
#0a0a0b |
rgb(10,10,11) |
hsl(240,4%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#BABDBF |
rgb(186,189,191) |
hsl(204,4%,74%) |
#BABABF |
rgb(186,186,191) |
hsl(240,4%,74%) |
#BDBABF |
rgb(189,186,191) |
hsl(276,4%,74%) |
Monochromatic colors
HEX |
RGB |
HSL |
#FFFFFF |
rgb(255,255,255) |
hsl(0,0%,100%) |
#F8F7F9 |
rgb(248,247,249) |
hsl(270,14%,97%) |
#D9D9DC |
rgb(217,217,220) |
hsl(240,4%,86%) |
#BABABF |
rgb(186,186,191) |
hsl(240,4%,74%) |
#9A9CA1 |
rgb(154,156,161) |
hsl(223,4%,62%) |
#7B7A84 |
rgb(123,122,132) |
hsl(246,4%,50%) |
Triad color palettes
HEX |
RGB |
HSL |
#BABABF |
rgb(186,186,191) |
hsl(240,4%,74%) |
#BFBDBA |
rgb(191,189,186) |
hsl(36,4%,74%) |
#BCBFBA |
rgb(188,191,186) |
hsl(96,4%,74%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#BABABF |
rgb(186,186,191) |
hsl(240,4%,74%) |
#BFBFBA |
rgb(191,191,186) |
hsl(60,4%,74%) |
#BABDBF |
rgb(186,189,191) |
hsl(204,4%,74%) |
#BCBFBA |
rgb(188,191,186) |
hsl(96,4%,74%) |