#A67C5C color preview — HEX, RGB and HSL values on Dopely

#A67C5C

red23% BrightnessWarm

Color Values

HEX
#A67C5C
RGB
rgb(166, 124, 92)
HSL
hsl(26°, 29%, 51%)
CMYK
cmyk(0%, 25%, 45%, 35%)

Color Harmonies

Complementary

A67C5C

5C86A6

Triadic

A67C5C

5CA67C

7C5CA6

Analogous

A65C61

A67C5C

A6A15C

Monochromatic

443225

A67C5C

DCCCBF

Similar Colors

654B37

A68F5C

A66A5C

CAB19E

A6A15C

A65C61

CSS Snippets

CSS Variables
--color-base: #A67C5C;
--color-light: #CCB4A1;
--color-dark: #624835;
CSS Class
.element {
  color: #A67C5C;
  background: #231A13;
  border-color: #654B37;
}

Contrast Analysis

Sample Text — 5.66:1

The quick brown fox jumps over the lazy dog

On Black5.66:1
On White3.71:1

WCAG AA: 4.5:1 normal text · 3:1 large text · AAA: 7:1

Properties

Brightness23%
Saturation29%
Hue26°
Temp
Warm
LRV
24%

Tints

Shades

Use Cases

Primary Button
Light Background
Accent Border
Dark Variant

Description

A dynamically generated red color with 23% brightness, 29% saturation, and 51% lightness.