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

#DAA378

red42% BrightnessWarm

Color Values

HEX
#DAA378
RGB
rgb(218, 163, 120)
HSL
hsl(26°, 57%, 66%)
CMYK
cmyk(0%, 25%, 45%, 15%)

Color Harmonies

Complementary

DAA378

78AFDA

Triadic

DAA378

78DAA3

A378DA

Analogous

DA787E

DAA378

DAD478

Monochromatic

915628

DAA378

FBF5F0

Similar Colors

B96E33

DABC78

DA8A78

F0DAC8

DAD478

DA787E

CSS Snippets

CSS Variables
--color-base: #DAA378;
--color-light: #F1DCCC;
--color-dark: #B56B32;
CSS Class
.element {
  color: #DAA378;
  background: #693E1D;
  border-color: #B96E33;
}

Contrast Analysis

Sample Text — 9.49:1

The quick brown fox jumps over the lazy dog

On Black9.49:1
On White2.21:1

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

Properties

Brightness42%
Saturation57%
Hue26°
Temp
Warm
LRV
43%

Tints

Shades

Use Cases

Primary Button
Light Background
Accent Border
Dark Variant

Description

A dynamically generated red color with 42% brightness, 57% saturation, and 66% lightness.