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

#703D2A

red7% BrightnessWarm

Color Values

HEX
#703D2A
RGB
rgb(112, 61, 42)
HSL
hsl(16°, 45%, 30%)
CMYK
cmyk(0%, 46%, 63%, 56%)

Color Harmonies

Complementary

703D2A

2A5D70

Triadic

703D2A

2A703D

3D2A70

Analogous

702A3A

703D2A

70602A

Monochromatic

010000

703D2A

C8846B

Similar Colors

26150E

704F2A

702B2A

BA6646

70602A

702A3A

CSS Snippets

CSS Variables
--color-base: #703D2A;
--color-light: #BB694A;
--color-dark: #22130D;
CSS Class
.element {
  color: #703D2A;
  background: #D6A390;
  border-color: #BA6646;
}

Contrast Analysis

Sample Text — 8.79:1

The quick brown fox jumps over the lazy dog

On Black2.39:1
On White8.79:1

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

Properties

Brightness7%
Saturation45%
Hue16°
Temp
Warm
LRV
7%

Tints

Shades

Use Cases

Primary Button
Light Background
Accent Border
Dark Variant

Description

A dynamically generated red color with 7% brightness, 45% saturation, and 30% lightness.