#311018 hex color

In a RGB color space, hex #311018 is composed of 19.2% red, 6.3% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 67.3% magenta, 51% yellow and 80.8% black. It has a hue angle of 345.5 degrees, a saturation of 50.8% and a lightness of 12.7%. #311018 color hex could be obtained by blending #622030 with #000000. Closest websafe color is: #330000.

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

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

The hexadecimal color #311018 has RGB values of R:49, G:16, B:24 and CMYK values of C:0, M:0.67, Y:0.51, K:0.81. Its decimal value is 3215384.

Hex triplet	311018	`#311018`
RGB Decimal	49, 16, 24	`rgb(49,16,24)`
RGB Percent	19.2, 6.3, 9.4	`rgb(19.2%,6.3%,9.4%)`
CMYK	0, 67, 51, 81
HSL	345.5°, 50.8, 12.7	`hsl(345.5,50.8%,12.7%)`
HSV (or HSB)	345.5°, 67.3, 19.2
Web Safe	330000	`#330000`

CIE-LAB	9.717, 17.742, 2.606
XYZ	1.617, 1.09, 0.989
xyY	0.437, 0.295, 1.09
CIE-LCH	9.717, 17.933, 8.356
CIE-LUV	9.717, 14.043, 0.029
Hunter-Lab	10.439, 9.38, 1.688
Binary	00110001, 00010000, 00011000

#311018
```
#311018 rgb(49,16,24)
```
#103129
```
#103129 rgb(16,49,41)
```

Complementary Color

#311029
```
#311029 rgb(49,16,41)
```
#311018
```
#311018 rgb(49,16,24)
```
#311910
```
#311910 rgb(49,25,16)
```

Analogous Color

#102931
```
#102931 rgb(16,41,49)
```
#311018
```
#311018 rgb(49,16,24)
```
#103119
```
#103119 rgb(16,49,25)
```

Split Complementary Color

#101831
```
#101831 rgb(16,24,49)
```
#311018
```
#311018 rgb(49,16,24)
```
#183110
```
#183110 rgb(24,49,16)
```

Triadic Color

#291031
```
#291031 rgb(41,16,49)
```
#311018
```
#311018 rgb(49,16,24)
```
#183110
```
#183110 rgb(24,49,16)
```
#103129
```
#103129 rgb(16,49,41)
```

Tetradic Color

#000000
```
#000000 rgb(0,0,0)
```
#0b0305
```
#0b0305 rgb(11,3,5)
```
#1e0a0f
```
#1e0a0f rgb(30,10,15)
```
#311018
```
#311018 rgb(49,16,24)
```
#441621
```
#441621 rgb(68,22,33)
```
#571d2b
```
#571d2b rgb(87,29,43)
```
#6b2334
```
#6b2334 rgb(107,35,52)
```

Monochromatic Color

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

#311020
```
#311020 rgb(49,16,32)
```
#31101e
```
#31101e rgb(49,16,30)
```
#31101b
```
#31101b rgb(49,16,27)
```
#311018
```
#311018 rgb(49,16,24)
```
#311015
```
#311015 rgb(49,16,21)
```
#311013
```
#311013 rgb(49,16,19)
```
#311010
```
#311010 rgb(49,16,16)
```

Similar Colors

Text with hexadecimal color #311018

This text has a font color of #311018.

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

#311018 background color

This paragraph has a background color of #311018.

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

#311018 border color

This element has a border color of #311018.

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

CSS codes

.text {color:#311018;}

.background {background-color:#311018;}

.border {border:1px solid #311018;}

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, #050202 is the darkest color, while #fcf5f7 is the lightest one.

#050202
```
#050202 rgb(5,2,2)
```
#13060a
```
#13060a rgb(19,6,10)
```
#220b11
```
#220b11 rgb(34,11,17)
```
#311018
```
#311018 rgb(49,16,24)
```
#40151f
```
#40151f rgb(64,21,31)
```
#4f1a26
```
#4f1a26 rgb(79,26,38)
```
#5d1e2e
```
#5d1e2e rgb(93,30,46)
```
#6c2335
```
#6c2335 rgb(108,35,53)
```
#7b283c
```
#7b283c rgb(123,40,60)
```
#8a2d43
```
#8a2d43 rgb(138,45,67)
```
#99324b
```
#99324b rgb(153,50,75)
```
#a73752
```
#a73752 rgb(167,55,82)
```
#b63b59
```
#b63b59 rgb(182,59,89)
```

Shade Color Variation

#c24362
```
#c24362 rgb(194,67,98)
```
#c7526e
```
#c7526e rgb(199,82,110)
```
#cb617b
```
#cb617b rgb(203,97,123)
```
#d07087
```
#d07087 rgb(208,112,135)
```
#d57f94
```
#d57f94 rgb(213,127,148)
```
#da8da0
```
#da8da0 rgb(218,141,160)
```
#df9cac
```
#df9cac rgb(223,156,172)
```
#e4abb9
```
#e4abb9 rgb(228,171,185)
```
#e8bac5
```
#e8bac5 rgb(232,186,197)
```
#edc8d1
```
#edc8d1 rgb(237,200,209)
```
#f2d7de
```
#f2d7de rgb(242,215,222)
```
#f7e6ea
```
#f7e6ea rgb(247,230,234)
```
#fcf5f7
```
#fcf5f7 rgb(252,245,247)
```

Tint Color Variation

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

#221f20
```
#221f20 rgb(34,31,32)
```
#251d1e
```
#251d1e rgb(37,29,30)
```
#271a1d
```
#271a1d rgb(39,26,29)
```
#2a181c
```
#2a181c rgb(42,24,28)
```
#2c151b
```
#2c151b rgb(44,21,27)
```
#2f1319
```
#2f1319 rgb(47,19,25)
```
#311018
```
#311018 rgb(49,16,24)
```
#340e17
```
#340e17 rgb(52,14,23)
```
#360b15
```
#360b15 rgb(54,11,21)
```
#390914
```
#390914 rgb(57,9,20)
```
#3b0613
```
#3b0613 rgb(59,6,19)
```
#3e0412
```
#3e0412 rgb(62,4,18)
```
#400110
```
#400110 rgb(64,1,16)
```

Tone Color Variation

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

#1b1b1b Achromatopsia 0.005% of the population
#1f191a Atypical Achromatopsia 0.001% of the population

Dichromacy

#262629 Protanopia 1% of men
#2c2521 Deuteranopia 1% of men
#3b1d1f Tritanopia 0.001% of the population

Trichromacy

#2a1e22 Protanomaly 1% of men, 0.01% of women
#2d1d1e Deuteranomaly 6% of men, 0.4% of women
#37181c Tritanomaly 0.01% of the population

#311018 hex color

#311018 Color Information

#311018 Color Conversion

Color Schemes with #311018

Alternatives to #311018

#311018 Preview

Shades and Tints of #311018

Tones of #311018

Color Blindness Simulator