#3B3B3F
gray4% BrightnessCool
Color Values
HEX
#3B3B3F
RGB
rgb(59, 59, 63)
HSL
hsl(240°, 3%, 24%)
CMYK
cmyk(6%, 6%, 0%, 75%)
Color Harmonies
Complementary
3B3B3F
3F3F3B
Triadic
3B3B3F
3F3B3B
3B3F3B
Analogous
3B3D3F
3B3B3F
3D3B3F
Monochromatic
000000
3B3B3F
86868D
Similar Colors
0A0A0A
3C3B3F
3B3C3F
6C6C74
3D3B3F
3B3D3F
CSS Snippets
CSS Variables
--color-base: #3B3B3F; --color-light: #6F6F76; --color-dark: #070708;
CSS Class
.element {
color: #3B3B3F;
background: #A0A0A6;
border-color: #6C6C74;
}Contrast Analysis
Sample Text — 11.15:1
The quick brown fox jumps over the lazy dog
On Black1.88:1
On White11.15:1
WCAG AA: 4.5:1 normal text · 3:1 large text · AAA: 7:1
Properties
Brightness4%
Saturation3%
Hue240°
Temp
Cool
LRV
4%
Tints
Shades
Use Cases
Primary Button
Light Background
Accent Border
Dark Variant
Description
A dynamically generated gray color with 4% brightness, 3% saturation, and 24% lightness.