#331818 hex color

In a RGB color space, hex #331818 is composed of 20% red, 9.4% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 52.9% magenta, 52.9% yellow and 80% black. It has a hue angle of 0 degrees, a saturation of 36% and a lightness of 14.7%. #331818 color hex could be obtained by blending #663030 with #000000. Closest websafe color is: #330000.

♥
- f
- t
- g
- R 20
- G 9
- B 9
RGB color chart
- C 0
- M 53
- Y 53
- K 80
CMYK color chart

● #331818 color description : Very dark desaturated red.

The hexadecimal color #331818 has RGB values of R:51, G:24, B:24 and CMYK values of C:0, M:0.53, Y:0.53, K:0.8. Its decimal value is 3348504.

Hex triplet	331818	`#331818`
RGB Decimal	51, 24, 24	`rgb(51,24,24)`
RGB Percent	20, 9.4, 9.4	`rgb(20%,9.4%,9.4%)`
CMYK	0, 53, 53, 80
HSL	0°, 36, 14.7	`hsl(0,36%,14.7%)`
HSV (or HSB)	0°, 52.9, 20
Web Safe	330000	`#330000`

CIE-LAB	12.111, 13.494, 6.019
XYZ	1.857, 1.423, 1.041
xyY	0.43, 0.329, 1.423
CIE-LCH	12.111, 14.775, 24.039
CIE-LUV	12.111, 13.267, 2.861
Hunter-Lab	11.93, 6.906, 3.177
Binary	00110011, 00011000, 00011000

#331818
```
#331818 rgb(51,24,24)
```
#183333
```
#183333 rgb(24,51,51)
```

Complementary Color

#331826
```
#331826 rgb(51,24,38)
```
#331818
```
#331818 rgb(51,24,24)
```
#332618
```
#332618 rgb(51,38,24)
```

Analogous Color

#182633
```
#182633 rgb(24,38,51)
```
#331818
```
#331818 rgb(51,24,24)
```
#183326
```
#183326 rgb(24,51,38)
```

Split Complementary Color

#181833
```
#181833 rgb(24,24,51)
```
#331818
```
#331818 rgb(51,24,24)
```
#183318
```
#183318 rgb(24,51,24)
```

Triadic Color

#331833
```
#331833 rgb(51,24,51)
```
#331818
```
#331818 rgb(51,24,24)
```
#183318
```
#183318 rgb(24,51,24)
```
#183333
```
#183333 rgb(24,51,51)
```

Tetradic Color

#000000
```
#000000 rgb(0,0,0)
```
#100808
```
#100808 rgb(16,8,8)
```
#221010
```
#221010 rgb(34,16,16)
```
#331818
```
#331818 rgb(51,24,24)
```
#442020
```
#442020 rgb(68,32,32)
```
#562828
```
#562828 rgb(86,40,40)
```
#673030
```
#673030 rgb(103,48,48)
```

Monochromatic Color

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

#33181f
```
#33181f rgb(51,24,31)
```
#33181d
```
#33181d rgb(51,24,29)
```
#33181a
```
#33181a rgb(51,24,26)
```
#331818
```
#331818 rgb(51,24,24)
```
#331a18
```
#331a18 rgb(51,26,24)
```
#331d18
```
#331d18 rgb(51,29,24)
```
#331f18
```
#331f18 rgb(51,31,24)
```

Similar Colors

Text with hexadecimal color #331818

This text has a font color of #331818.

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

#331818 background color

This paragraph has a background color of #331818.

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

#331818 border color

This element has a border color of #331818.

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

CSS codes

.text {color:#331818;}

.background {background-color:#331818;}

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

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

#0b0505
```
#0b0505 rgb(11,5,5)
```
#180b0b
```
#180b0b rgb(24,11,11)
```
#261212
```
#261212 rgb(38,18,18)
```
#331818
```
#331818 rgb(51,24,24)
```
#401e1e
```
#401e1e rgb(64,30,30)
```
#4e2525
```
#4e2525 rgb(78,37,37)
```
#5b2b2b
```
#5b2b2b rgb(91,43,43)
```
#683131
```
#683131 rgb(104,49,49)
```
#763737
```
#763737 rgb(118,55,55)
```
#833e3e
```
#833e3e rgb(131,62,62)
```
#904444
```
#904444 rgb(144,68,68)
```
#9e4a4a
```
#9e4a4a rgb(158,74,74)
```
#ab5050
```
#ab5050 rgb(171,80,80)
```

Shade Color Variation

#b35d5d
```
#b35d5d rgb(179,93,93)
```
#b96a6a
```
#b96a6a rgb(185,106,106)
```
#bf7777
```
#bf7777 rgb(191,119,119)
```
#c58585
```
#c58585 rgb(197,133,133)
```
#cc9292
```
#cc9292 rgb(204,146,146)
```
#d29f9f
```
#d29f9f rgb(210,159,159)
```
#d8adad
```
#d8adad rgb(216,173,173)
```
#dfbaba
```
#dfbaba rgb(223,186,186)
```
#e5c7c7
```
#e5c7c7 rgb(229,199,199)
```
#ebd5d5
```
#ebd5d5 rgb(235,213,213)
```
#f1e2e2
```
#f1e2e2 rgb(241,226,226)
```
#f8efef
```
#f8efef rgb(248,239,239)
```
#fefdfd
```
#fefdfd rgb(254,253,253)
```

Tint Color Variation

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

#272424
```
#272424 rgb(39,36,36)
```
#2a2121
```
#2a2121 rgb(42,33,33)
```
#2d1e1e
```
#2d1e1e rgb(45,30,30)
```
#301b1b
```
#301b1b rgb(48,27,27)
```
#331818
```
#331818 rgb(51,24,24)
```
#361515
```
#361515 rgb(54,21,21)
```
#391212
```
#391212 rgb(57,18,18)
```
#3c0f0f
```
#3c0f0f rgb(60,15,15)
```
#3f0c0c
```
#3f0c0c rgb(63,12,12)
```
#410a0a
```
#410a0a rgb(65,10,10)
```
#440707
```
#440707 rgb(68,7,7)
```
#470404
```
#470404 rgb(71,4,4)
```
#4a0101
```
#4a0101 rgb(74,1,1)
```

Tone Color Variation

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

#202020 Achromatopsia 0.005% of the population
#241e1e Atypical Achromatopsia 0.001% of the population

Dichromacy

#2d2b27 Protanopia 1% of men
#322922 Deuteranopia 1% of men
#3d2326 Tritanopia 0.001% of the population

Trichromacy

#2f2421 Protanomaly 1% of men, 0.01% of women
#32231e Deuteranomaly 6% of men, 0.4% of women
#391f20 Tritanomaly 0.01% of the population

#331818 hex color

#331818 Color Information

#331818 Color Conversion

Color Schemes with #331818

Alternatives to #331818

#331818 Preview

Shades and Tints of #331818

Tones of #331818

Color Blindness Simulator