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

#3F1B11

red2% BrightnessWarm

Color Values

HEX
#3F1B11
RGB
rgb(63, 27, 17)
HSL
hsl(13°, 58%, 16%)
CMYK
cmyk(0%, 57%, 73%, 75%)

Color Harmonies

Complementary

3F1B11

11353F

Triadic

3F1B11

113F1B

1B113F

Analogous

3F111E

3F1B11

3F3211

Monochromatic

000000

3F1B11

B74F32

Similar Colors

000000

3F2711

3F1112

8F3D27

3F3211

3F111E

CSS Snippets

CSS Variables
--color-base: #3F1B11;
--color-light: #933F28;
--color-dark: #000000;
CSS Class
.element {
  color: #3F1B11;
  background: #CF694D;
  border-color: #8F3D27;
}

Contrast Analysis

Sample Text — 15.26:1

The quick brown fox jumps over the lazy dog

On Black1.38:1
On White15.26:1

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

Properties

Brightness2%
Saturation58%
Hue13°
Temp
Warm
LRV
2%

Tints

Shades

Use Cases

Primary Button
Light Background
Accent Border
Dark Variant

Description

A dynamically generated red color with 2% brightness, 58% saturation, and 16% lightness.