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

#A78A75

red28% BrightnessWarm

Color Values

HEX
#A78A75
RGB
rgb(167, 138, 117)
HSL
hsl(25°, 22%, 56%)
CMYK
cmyk(0%, 17%, 30%, 35%)

Color Harmonies

Complementary

A78A75

7592A7

Triadic

A78A75

75A78A

8A75A7

Analogous

A77579

A78A75

A7A375

Monochromatic

503F33

A78A75

E3D9D2

Similar Colors

6F5847

A79775

A77E75

CFBFB3

A7A375

A77579

CSS Snippets

CSS Variables
--color-base: #A78A75;
--color-light: #D1C1B6;
--color-dark: #6C5545;
CSS Class
.element {
  color: #A78A75;
  background: #31271F;
  border-color: #6F5847;
}

Contrast Analysis

Sample Text — 6.54:1

The quick brown fox jumps over the lazy dog

On Black6.54:1
On White3.21:1

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

Properties

Brightness28%
Saturation22%
Hue25°
Temp
Warm
LRV
28%

Tints

Shades

Use Cases

Primary Button
Light Background
Accent Border
Dark Variant

Description

A dynamically generated red color with 28% brightness, 22% saturation, and 56% lightness.