#503534
red4% BrightnessWarm
Color Values
HEX
#503534
RGB
rgb(80, 53, 52)
HSL
hsl(2°, 21%, 26%)
CMYK
cmyk(0%, 34%, 35%, 69%)
Color Harmonies
Complementary
503534
344F50
Triadic
503534
345035
353450
Analogous
503441
503534
504334
Monochromatic
000000
503534
A67877
Similar Colors
120C0C
503C34
50343A
8E5E5C
504334
503441
CSS Snippets
CSS Variables
--color-base: #503534; --color-light: #91605E; --color-dark: #0F0A0A;
CSS Class
.element {
color: #503534;
background: #BA9796;
border-color: #8E5E5C;
}Contrast Analysis
Sample Text — 11.05:1
The quick brown fox jumps over the lazy dog
On Black1.90:1
On White11.05:1
WCAG AA: 4.5:1 normal text · 3:1 large text · AAA: 7:1
Properties
Brightness4%
Saturation21%
Hue2°
Temp
Warm
LRV
4%
Tints
Shades
Use Cases
Primary Button
Light Background
Accent Border
Dark Variant
Description
A dynamically generated red color with 4% brightness, 21% saturation, and 26% lightness.