#311a18 hex color

In a RGB color space, hex #311a18 is composed of 19.2% red, 10.2% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 46.9% magenta, 51% yellow and 80.8% black. It has a hue angle of 4.8 degrees, a saturation of 34.2% and a lightness of 14.3%. #311a18 color hex could be obtained by blending #623430 with #000000. Closest websafe color is: #333300.

♥
- f
- t
- g
- R 19
- G 10
- B 9
RGB color chart
- C 0
- M 47
- Y 51
- K 81
CMYK color chart

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

The hexadecimal color #311a18 has RGB values of R:49, G:26, B:24 and CMYK values of C:0, M:0.47, Y:0.51, K:0.81. Its decimal value is 3217944.

Hex triplet	311a18	`#311a18`
RGB Decimal	49, 26, 24	`rgb(49,26,24)`
RGB Percent	19.2, 10.2, 9.4	`rgb(19.2%,10.2%,9.4%)`
CMYK	0, 47, 51, 81
HSL	4.8°, 34.2, 14.3	`hsl(4.8,34.2%,14.3%)`
HSV (or HSB)	4.8°, 51, 19.2
Web Safe	333300	`#333300`

CIE-LAB	12.337, 11.153, 6.279
XYZ	1.801, 1.458, 1.051
xyY	0.418, 0.338, 1.458
CIE-LCH	12.337, 12.799, 29.376
CIE-LUV	12.337, 11.347, 3.346
Hunter-Lab	12.074, 5.495, 3.293
Binary	00110001, 00011010, 00011000

#311a18
```
#311a18 rgb(49,26,24)
```
#182f31
```
#182f31 rgb(24,47,49)
```

Complementary Color

#311823
```
#311823 rgb(49,24,35)
```
#311a18
```
#311a18 rgb(49,26,24)
```
#312718
```
#312718 rgb(49,39,24)
```

Analogous Color

#182331
```
#182331 rgb(24,35,49)
```
#311a18
```
#311a18 rgb(49,26,24)
```
#183127
```
#183127 rgb(24,49,39)
```

Split Complementary Color

#1a1831
```
#1a1831 rgb(26,24,49)
```
#311a18
```
#311a18 rgb(49,26,24)
```
#18311a
```
#18311a rgb(24,49,26)
```

Triadic Color

#31182f
```
#31182f rgb(49,24,47)
```
#311a18
```
#311a18 rgb(49,26,24)
```
#18311a
```
#18311a rgb(24,49,26)
```
#182f31
```
#182f31 rgb(24,47,49)
```

Tetradic Color

#000000
```
#000000 rgb(0,0,0)
```
#0f0807
```
#0f0807 rgb(15,8,7)
```
#201110
```
#201110 rgb(32,17,16)
```
#311a18
```
#311a18 rgb(49,26,24)
```
#422320
```
#422320 rgb(66,35,32)
```
#532c29
```
#532c29 rgb(83,44,41)
```
#643531
```
#643531 rgb(100,53,49)
```

Monochromatic Color

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

#31181c
```
#31181c rgb(49,24,28)
```
#31181a
```
#31181a rgb(49,24,26)
```
#311818
```
#311818 rgb(49,24,24)
```
#311a18
```
#311a18 rgb(49,26,24)
```
#311c18
```
#311c18 rgb(49,28,24)
```
#311e18
```
#311e18 rgb(49,30,24)
```
#312018
```
#312018 rgb(49,32,24)
```

Similar Colors

Text with hexadecimal color #311a18

This text has a font color of #311a18.

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

#311a18 background color

This paragraph has a background color of #311a18.

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

#311a18 border color

This element has a border color of #311a18.

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

CSS codes

.text {color:#311a18;}

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

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

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, #0a0505 is the darkest color, while #fdfbfb is the lightest one.

#0a0505
```
#0a0505 rgb(10,5,5)
```
#170c0b
```
#170c0b rgb(23,12,11)
```
#241312
```
#241312 rgb(36,19,18)
```
#311a18
```
#311a18 rgb(49,26,24)
```
#3e211e
```
#3e211e rgb(62,33,30)
```
#4b2825
```
#4b2825 rgb(75,40,37)
```
#582f2b
```
#582f2b rgb(88,47,43)
```
#663632
```
#663632 rgb(102,54,50)
```
#733d38
```
#733d38 rgb(115,61,56)
```
#80443f
```
#80443f rgb(128,68,63)
```
#8d4b45
```
#8d4b45 rgb(141,75,69)
```
#9a524c
```
#9a524c rgb(154,82,76)
```
#a75952
```
#a75952 rgb(167,89,82)
```

Shade Color Variation

#b0645d
```
#b0645d rgb(176,100,93)
```
#b6716b
```
#b6716b rgb(182,113,107)
```
#bd7d78
```
#bd7d78 rgb(189,125,120)
```
#c38a85
```
#c38a85 rgb(195,138,133)
```
#ca9692
```
#ca9692 rgb(202,150,146)
```
#d0a39f
```
#d0a39f rgb(208,163,159)
```
#d7b0ac
```
#d7b0ac rgb(215,176,172)
```
#ddbcba
```
#ddbcba rgb(221,188,186)
```
#e3c9c7
```
#e3c9c7 rgb(227,201,199)
```
#ead6d4
```
#ead6d4 rgb(234,214,212)
```
#f0e2e1
```
#f0e2e1 rgb(240,226,225)
```
#f7efee
```
#f7efee rgb(247,239,238)
```
#fdfbfb
```
#fdfbfb rgb(253,251,251)
```

Tint Color Variation

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

#262323
```
#262323 rgb(38,35,35)
```
#292120
```
#292120 rgb(41,33,32)
```
#2b1f1e
```
#2b1f1e rgb(43,31,30)
```
#2e1c1b
```
#2e1c1b rgb(46,28,27)
```
#311a18
```
#311a18 rgb(49,26,24)
```
#341815
```
#341815 rgb(52,24,21)
```
#371512
```
#371512 rgb(55,21,18)
```
#391310
```
#391310 rgb(57,19,16)
```
#3c110d
```
#3c110d rgb(60,17,13)
```
#3f0e0a
```
#3f0e0a rgb(63,14,10)
```
#420c07
```
#420c07 rgb(66,12,7)
```
#450904
```
#450904 rgb(69,9,4)
```
#470702
```
#470702 rgb(71,7,2)
```

Tone Color Variation

Below, you can see how #311a18 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

#212121 Achromatopsia 0.005% of the population
#24201f Atypical Achromatopsia 0.001% of the population

Dichromacy

#2d2b26 Protanopia 1% of men
#322a22 Deuteranopia 1% of men
#3c2527 Tritanopia 0.001% of the population

Trichromacy

#2e2521 Protanomaly 1% of men, 0.01% of women
#32241e Deuteranomaly 6% of men, 0.4% of women
#382122 Tritanomaly 0.01% of the population

#311a18 hex color

#311a18 Color Information

#311a18 Color Conversion

Color Schemes with #311a18

Alternatives to #311a18

#311a18 Preview

Shades and Tints of #311a18

Tones of #311a18

Color Blindness Simulator