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

#694D44

red9% BrightnessWarm

Color Values

HEX
#694D44
RGB
rgb(105, 77, 68)
HSL
hsl(15°, 21%, 34%)
CMYK
cmyk(0%, 27%, 35%, 59%)

Color Harmonies

Complementary

694D44

446069

Triadic

694D44

44694D

4D4469

Analogous

69444E

694D44

696044

Monochromatic

0C0908

694D44

B7998F

Similar Colors

2B201C

695644

694444

A37D70

696044

69444E

CSS Snippets

CSS Variables
--color-base: #694D44;
--color-light: #A57F73;
--color-dark: #281D1A;
CSS Class
.element {
  color: #694D44;
  background: #CBB5AE;
  border-color: #A37D70;
}

Contrast Analysis

Sample Text — 7.65:1

The quick brown fox jumps over the lazy dog

On Black2.75:1
On White7.65:1

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

Properties

Brightness9%
Saturation21%
Hue15°
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, 21% saturation, and 34% lightness.