#4A3C3C
gray5% BrightnessWarm
Color Values
HEX
#4A3C3C
RGB
rgb(74, 60, 60)
HSL
hsl(0°, 10%, 26%)
CMYK
cmyk(0%, 19%, 19%, 71%)
Color Harmonies
Complementary
4A3C3C
3C4A4A
Triadic
4A3C3C
3C4A3C
3C3C4A
Analogous
4A3C43
4A3C3C
4A433C
Monochromatic
000000
4A3C3C
9B8484
Similar Colors
120E0E
4A403C
4A3C40
826A6A
4A433C
4A3C43
CSS Snippets
CSS Variables
--color-base: #4A3C3C; --color-light: #856C6C; --color-dark: #0F0C0C;
CSS Class
.element {
color: #4A3C3C;
background: #B2A0A0;
border-color: #826A6A;
}Contrast Analysis
Sample Text — 10.49:1
The quick brown fox jumps over the lazy dog
On Black2.00:1
On White10.49:1
WCAG AA: 4.5:1 normal text · 3:1 large text · AAA: 7:1
Properties
Brightness5%
Saturation10%
Hue0°
Temp
Warm
LRV
5%
Tints
Shades
Use Cases
Primary Button
Light Background
Accent Border
Dark Variant
Description
A dynamically generated gray color with 5% brightness, 10% saturation, and 26% lightness.