#694E42
red9% BrightnessWarm
Color Values
HEX
#694E42
RGB
rgb(105, 78, 66)
HSL
hsl(18°, 23%, 34%)
CMYK
cmyk(0%, 26%, 37%, 59%)
Color Harmonies
Complementary
694E42
425D69
Triadic
694E42
42694E
4E4269
Analogous
69424A
694E42
696242
Monochromatic
0B0807
694E42
B79A8D
Similar Colors
2A1F1B
695842
694442
A47E6D
696242
69424A
CSS Snippets
CSS Variables
--color-base: #694E42; --color-light: #A58171; --color-dark: #271D19;
CSS Class
.element {
color: #694E42;
background: #CBB6AC;
border-color: #A47E6D;
}Contrast Analysis
Sample Text — 7.58:1
The quick brown fox jumps over the lazy dog
On Black2.77:1
On White7.58:1
WCAG AA: 4.5:1 normal text · 3:1 large text · AAA: 7:1
Properties
Brightness9%
Saturation23%
Hue18°
Temp
Warm
LRV
9%
Tints
Shades
Use Cases
Primary Button
Light Background
Accent Border
Dark Variant
Description
A dynamically generated red color with 9% brightness, 23% saturation, and 34% lightness.