#C1A2A7
gray40% BrightnessWarm
Color Values
HEX
#C1A2A7
RGB
rgb(193, 162, 167)
HSL
hsl(350°, 20%, 70%)
CMYK
cmyk(0%, 16%, 13%, 24%)
Color Harmonies
Complementary
C1A2A7
A2C1BC
Triadic
C1A2A7
A7C1A2
A2A7C1
Analogous
C1A2B7
C1A2A7
C1ACA2
Monochromatic
795157
C1A2A7
FEFEFE
Similar Colors
98656D
C1A5A2
C1A2AF
EADFE1
C1ACA2
C1A2B7
CSS Snippets
CSS Variables
--color-base: #C1A2A7; --color-light: #ECE2E4; --color-dark: #95636B;
CSS Class
.element {
color: #C1A2A7;
background: #5B3C41;
border-color: #98656D;
}Contrast Analysis
Sample Text — 8.99:1
The quick brown fox jumps over the lazy dog
On Black8.99:1
On White2.33:1
WCAG AA: 4.5:1 normal text · 3:1 large text · AAA: 7:1
Properties
Brightness40%
Saturation20%
Hue350°
Temp
Warm
LRV
41%
Tints
Shades
Use Cases
Primary Button
Light Background
Accent Border
Dark Variant
Description
A dynamically generated gray color with 40% brightness, 20% saturation, and 70% lightness.