#301216 hex color

In a RGB color space, hex #301216 is composed of 18.8% red, 7.1% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 62.5% magenta, 54.2% yellow and 81.2% black. It has a hue angle of 352 degrees, a saturation of 45.5% and a lightness of 12.9%. #301216 color hex could be obtained by blending #60242c with #000000. Closest websafe color is: #330000.

♥
- f
- t
- g
- R 19
- G 7
- B 9
RGB color chart
- C 0
- M 63
- Y 54
- K 81
CMYK color chart

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

The hexadecimal color #301216 has RGB values of R:48, G:18, B:22 and CMYK values of C:0, M:0.63, Y:0.54, K:0.81. Its decimal value is 3150358.

Hex triplet	301216	`#301216`
RGB Decimal	48, 18, 22	`rgb(48,18,22)`
RGB Percent	18.8, 7.1, 8.6	`rgb(18.8%,7.1%,8.6%)`
CMYK	0, 63, 54, 81
HSL	352°, 45.5, 12.9	`hsl(352,45.5%,12.9%)`
HSV (or HSB)	352°, 62.5, 18.8
Web Safe	330000	`#330000`

CIE-LAB	9.946, 15.772, 4.393
XYZ	1.58, 1.119, 0.892
xyY	0.44, 0.312, 1.119
CIE-LCH	9.946, 16.373, 15.563
CIE-LUV	9.946, 13.258, 1.334
Hunter-Lab	10.579, 8.15, 2.407
Binary	00110000, 00010010, 00010110

#301216
```
#301216 rgb(48,18,22)
```
#12302c
```
#12302c rgb(18,48,44)
```

Complementary Color

#301225
```
#301225 rgb(48,18,37)
```
#301216
```
#301216 rgb(48,18,22)
```
#301d12
```
#301d12 rgb(48,29,18)
```

Analogous Color

#122530
```
#122530 rgb(18,37,48)
```
#301216
```
#301216 rgb(48,18,22)
```
#12301d
```
#12301d rgb(18,48,29)
```

Split Complementary Color

#121630
```
#121630 rgb(18,22,48)
```
#301216
```
#301216 rgb(48,18,22)
```
#163012
```
#163012 rgb(22,48,18)
```

Triadic Color

#2c1230
```
#2c1230 rgb(44,18,48)
```
#301216
```
#301216 rgb(48,18,22)
```
#163012
```
#163012 rgb(22,48,18)
```
#12302c
```
#12302c rgb(18,48,44)
```

Tetradic Color

#000000
```
#000000 rgb(0,0,0)
```
#0b0405
```
#0b0405 rgb(11,4,5)
```
#1d0b0e
```
#1d0b0e rgb(29,11,14)
```
#301216
```
#301216 rgb(48,18,22)
```
#43191f
```
#43191f rgb(67,25,31)
```
#552027
```
#552027 rgb(85,32,39)
```
#682730
```
#682730 rgb(104,39,48)
```

Monochromatic Color

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

#30121e
```
#30121e rgb(48,18,30)
```
#30121b
```
#30121b rgb(48,18,27)
```
#301219
```
#301219 rgb(48,18,25)
```
#301216
```
#301216 rgb(48,18,22)
```
#301214
```
#301214 rgb(48,18,20)
```
#301312
```
#301312 rgb(48,19,18)
```
#301612
```
#301612 rgb(48,22,18)
```

Similar Colors

Text with hexadecimal color #301216

This text has a font color of #301216.

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

#301216 background color

This paragraph has a background color of #301216.

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

#301216 border color

This element has a border color of #301216.

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

CSS codes

.text {color:#301216;}

.background {background-color:#301216;}

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

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 #fcf6f7 is the lightest one.

#050202
```
#050202 rgb(5,2,2)
```
#130709
```
#130709 rgb(19,7,9)
```
#220d0f
```
#220d0f rgb(34,13,15)
```
#301216
```
#301216 rgb(48,18,22)
```
#3e171d
```
#3e171d rgb(62,23,29)
```
#4d1d23
```
#4d1d23 rgb(77,29,35)
```
#5b222a
```
#5b222a rgb(91,34,42)
```
#692730
```
#692730 rgb(105,39,48)
```
#772d37
```
#772d37 rgb(119,45,55)
```
#86323d
```
#86323d rgb(134,50,61)
```
#943744
```
#943744 rgb(148,55,68)
```
#a23d4a
```
#a23d4a rgb(162,61,74)
```
#b04251
```
#b04251 rgb(176,66,81)
```

Shade Color Variation

#bb4b5a
```
#bb4b5a rgb(187,75,90)
```
#c15967
```
#c15967 rgb(193,89,103)
```
#c66774
```
#c66774 rgb(198,103,116)
```
#cb7681
```
#cb7681 rgb(203,118,129)
```
#d1848e
```
#d1848e rgb(209,132,142)
```
#d6929b
```
#d6929b rgb(214,146,155)
```
#dca0a8
```
#dca0a8 rgb(220,160,168)
```
#e1afb5
```
#e1afb5 rgb(225,175,181)
```
#e6bdc2
```
#e6bdc2 rgb(230,189,194)
```
#eccbcf
```
#eccbcf rgb(236,203,207)
```
#f1d9dd
```
#f1d9dd rgb(241,217,221)
```
#f6e8ea
```
#f6e8ea rgb(246,232,234)
```
#fcf6f7
```
#fcf6f7 rgb(252,246,247)
```

Tint Color Variation

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

#231f1f
```
#231f1f rgb(35,31,31)
```
#261c1d
```
#261c1d rgb(38,28,29)
```
#281a1c
```
#281a1c rgb(40,26,28)
```
#2b171a
```
#2b171a rgb(43,23,26)
```
#2d1518
```
#2d1518 rgb(45,21,24)
```
#301216
```
#301216 rgb(48,18,22)
```
#330f14
```
#330f14 rgb(51,15,20)
```
#350d12
```
#350d12 rgb(53,13,18)
```
#380a10
```
#380a10 rgb(56,10,16)
```
#3a080f
```
#3a080f rgb(58,8,15)
```
#3d050d
```
#3d050d rgb(61,5,13)
```
#3f030b
```
#3f030b rgb(63,3,11)
```
#420009
```
#420009 rgb(66,0,9)
```

Tone Color Variation

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

#282726 Protanopia 1% of men
#2d2520 Deuteranopia 1% of men
#3a1e20 Tritanopia 0.001% of the population

Trichromacy

#2a1f20 Protanomaly 1% of men, 0.01% of women
#2e1e1c Deuteranomaly 6% of men, 0.4% of women
#361a1c Tritanomaly 0.01% of the population

#301216 hex color

#301216 Color Information

#301216 Color Conversion

Color Schemes with #301216

Alternatives to #301216

#301216 Preview

Shades and Tints of #301216

Tones of #301216

Color Blindness Simulator