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

#AB6638

red18% BrightnessWarm

Color Values

HEX
#AB6638
RGB
rgb(171, 102, 56)
HSL
hsl(24°, 51%, 45%)
CMYK
cmyk(0%, 40%, 67%, 33%)

Color Harmonies

Complementary

AB6638

387DAB

Triadic

AB6638

38AB66

6638AB

Analogous

AB3844

AB6638

ABA038

Monochromatic

382112

AB6638

DFB79D

Similar Colors

5E381F

AB8338

AB4938

D29B77

ABA038

AB3844

CSS Snippets

CSS Variables
--color-base: #AB6638;
--color-light: #D49E7A;
--color-dark: #5A361E;
CSS Class
.element {
  color: #AB6638;
  background: #ECD3C3;
  border-color: #D29B77;
}

Contrast Analysis

Sample Text — 4.69:1

The quick brown fox jumps over the lazy dog

On Black4.69:1
On White4.48:1

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

Properties

Brightness18%
Saturation51%
Hue24°
Temp
Warm
LRV
19%

Tints

Shades

Use Cases

Primary Button
Light Background
Accent Border
Dark Variant

Description

A dynamically generated red color with 18% brightness, 51% saturation, and 45% lightness.