#311f1f hex color

In a RGB color space, hex #311f1f is composed of 19.2% red, 12.2% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 36.7% magenta, 36.7% yellow and 80.8% black. It has a hue angle of 0 degrees, a saturation of 22.5% and a lightness of 15.7%. #311f1f color hex could be obtained by blending #623e3e with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 19
- G 12
- B 12
RGB color chart
- C 0
- M 37
- Y 37
- K 81
CMYK color chart

● #311f1f color description : Very dark (mostly black) red.

The hexadecimal color #311f1f has RGB values of R:49, G:31, B:31 and CMYK values of C:0, M:0.37, Y:0.37, K:0.81. Its decimal value is 3219231.

Hex triplet	311f1f	`#311f1f`
RGB Decimal	49, 31, 31	`rgb(49,31,31)`
RGB Percent	19.2, 12.2, 12.2	`rgb(19.2%,12.2%,12.2%)`
CMYK	0, 37, 37, 81
HSL	0°, 22.5, 15.7	`hsl(0,22.5%,15.7%)`
HSV (or HSB)	0°, 36.7, 19.2
Web Safe	333333	`#333333`

CIE-LAB	14.013, 8.764, 3.536
XYZ	2.004, 1.732, 1.525
xyY	0.381, 0.329, 1.732
CIE-LCH	14.013, 9.451, 21.974
CIE-LUV	14.013, 8.809, 1.899
Hunter-Lab	13.16, 4.149, 2.342
Binary	00110001, 00011111, 00011111

#311f1f
```
#311f1f rgb(49,31,31)
```
#1f3131
```
#1f3131 rgb(31,49,49)
```

Complementary Color

#311f28
```
#311f28 rgb(49,31,40)
```
#311f1f
```
#311f1f rgb(49,31,31)
```
#31281f
```
#31281f rgb(49,40,31)
```

Analogous Color

#1f2831
```
#1f2831 rgb(31,40,49)
```
#311f1f
```
#311f1f rgb(49,31,31)
```
#1f3128
```
#1f3128 rgb(31,49,40)
```

Split Complementary Color

#1f1f31
```
#1f1f31 rgb(31,31,49)
```
#311f1f
```
#311f1f rgb(49,31,31)
```
#1f311f
```
#1f311f rgb(31,49,31)
```

Triadic Color

#311f31
```
#311f31 rgb(49,31,49)
```
#311f1f
```
#311f1f rgb(49,31,31)
```
#1f311f
```
#1f311f rgb(31,49,31)
```
#1f3131
```
#1f3131 rgb(31,49,49)
```

Tetradic Color

#020101
```
#020101 rgb(2,1,1)
```
#120b0b
```
#120b0b rgb(18,11,11)
```
#211515
```
#211515 rgb(33,21,21)
```
#311f1f
```
#311f1f rgb(49,31,31)
```
#412929
```
#412929 rgb(65,41,41)
```
#503333
```
#503333 rgb(80,51,51)
```
#603d3d
```
#603d3d rgb(96,61,61)
```

Monochromatic Color

Below, you can see some colors close to #311f1f. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#311f24
```
#311f24 rgb(49,31,36)
```
#311f22
```
#311f22 rgb(49,31,34)
```
#311f21
```
#311f21 rgb(49,31,33)
```
#311f1f
```
#311f1f rgb(49,31,31)
```
#31211f
```
#31211f rgb(49,33,31)
```
#31221f
```
#31221f rgb(49,34,31)
```
#31241f
```
#31241f rgb(49,36,31)
```

Similar Colors

Text with hexadecimal color #311f1f

This text has a font color of #311f1f.

<span style="color:#311f1f;">Text here</span>

#311f1f background color

This paragraph has a background color of #311f1f.

<p style="background-color:#311f1f;">Content here</p>

#311f1f border color

This element has a border color of #311f1f.

<div style="border:1px solid #311f1f;">Content here</div>

CSS codes

.text {color:#311f1f;}

.background {background-color:#311f1f;}

.border {border:1px solid #311f1f;}

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #010101 is the darkest color, while #f8f4f4 is the lightest one.

#010101
```
#010101 rgb(1,1,1)
```
#0d0808
```
#0d0808 rgb(13,8,8)
```
#191010
```
#191010 rgb(25,16,16)
```
#251717
```
#251717 rgb(37,23,23)
```
#311f1f
```
#311f1f rgb(49,31,31)
```
#3d2727
```
#3d2727 rgb(61,39,39)
```
#492e2e
```
#492e2e rgb(73,46,46)
```
#553636
```
#553636 rgb(85,54,54)
```
#613d3d
```
#613d3d rgb(97,61,61)
```
#6d4545
```
#6d4545 rgb(109,69,69)
```
#794d4d
```
#794d4d rgb(121,77,77)
```
#855454
```
#855454 rgb(133,84,84)
```
#915c5c
```
#915c5c rgb(145,92,92)
```

Shade Color Variation

#9d6464
```
#9d6464 rgb(157,100,100)
```
#a47070
```
#a47070 rgb(164,112,112)
```
#ac7c7c
```
#ac7c7c rgb(172,124,124)
```
#b48888
```
#b48888 rgb(180,136,136)
```
#bb9494
```
#bb9494 rgb(187,148,148)
```
#c3a0a0
```
#c3a0a0 rgb(195,160,160)
```
#caacac
```
#caacac rgb(202,172,172)
```
#d2b8b8
```
#d2b8b8 rgb(210,184,184)
```
#dac4c4
```
#dac4c4 rgb(218,196,196)
```
#e1d0d0
```
#e1d0d0 rgb(225,208,208)
```
#e9dcdc
```
#e9dcdc rgb(233,220,220)
```
#f0e8e8
```
#f0e8e8 rgb(240,232,232)
```
#f8f4f4
```
#f8f4f4 rgb(248,244,244)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #2b2525 is the less saturated color, while #500000 is the most saturated one.

#2b2525
```
#2b2525 rgb(43,37,37)
```
#2e2222
```
#2e2222 rgb(46,34,34)
```
#311f1f
```
#311f1f rgb(49,31,31)
```
#341c1c
```
#341c1c rgb(52,28,28)
```
#371919
```
#371919 rgb(55,25,25)
```
#3a1616
```
#3a1616 rgb(58,22,22)
```
#3d1313
```
#3d1313 rgb(61,19,19)
```
#401010
```
#401010 rgb(64,16,16)
```
#430d0d
```
#430d0d rgb(67,13,13)
```
#470909
```
#470909 rgb(71,9,9)
```
#4a0606
```
#4a0606 rgb(74,6,6)
```
#4d0303
```
#4d0303 rgb(77,3,3)
```
#500000
```
#500000 rgb(80,0,0)
```

Tone Color Variation

Below, you can see how #311f1f is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

Monochromacy

#242424 Achromatopsia 0.005% of the population
#272323 Atypical Achromatopsia 0.001% of the population

Dichromacy

#302e2c Protanopia 1% of men
#352d29 Deuteranopia 1% of men
#3c2a2d Tritanopia 0.001% of the population

Trichromacy

#302927 Protanomaly 1% of men, 0.01% of women
#332825 Deuteranomaly 6% of men, 0.4% of women
#382628 Tritanomaly 0.01% of the population

#311f1f hex color

#311f1f Color Information

#311f1f Color Conversion

Color Schemes with #311f1f

Alternatives to #311f1f

#311f1f Preview

Shades and Tints of #311f1f

Tones of #311f1f

Color Blindness Simulator