#311417 hex color

In a RGB color space, hex #311417 is composed of 19.2% red, 7.8% green and 9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 59.2% magenta, 53.1% yellow and 80.8% black. It has a hue angle of 353.8 degrees, a saturation of 42% and a lightness of 13.5%. #311417 color hex could be obtained by blending #62282e with #000000. Closest websafe color is: #330000.

♥
- f
- t
- g
- R 19
- G 8
- B 9
RGB color chart
- C 0
- M 59
- Y 53
- K 81
CMYK color chart

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

The hexadecimal color #311417 has RGB values of R:49, G:20, B:23 and CMYK values of C:0, M:0.59, Y:0.53, K:0.81. Its decimal value is 3216407.

Hex triplet	311417	`#311417`
RGB Decimal	49, 20, 23	`rgb(49,20,23)`
RGB Percent	19.2, 7.8, 9	`rgb(19.2%,7.8%,9%)`
CMYK	0, 59, 53, 81
HSL	353.8°, 42, 13.5	`hsl(353.8,42%,13.5%)`
HSV (or HSB)	353.8°, 59.2, 19.2
Web Safe	330000	`#330000`

CIE-LAB	10.67, 15.069, 4.706
XYZ	1.671, 1.215, 0.957
xyY	0.435, 0.316, 1.215
CIE-LCH	10.67, 15.786, 17.343
CIE-LUV	10.67, 13.282, 1.66
Hunter-Lab	11.024, 7.772, 2.569
Binary	00110001, 00010100, 00010111

#311417
```
#311417 rgb(49,20,23)
```
#14312e
```
#14312e rgb(20,49,46)
```

Complementary Color

#311426
```
#311426 rgb(49,20,38)
```
#311417
```
#311417 rgb(49,20,23)
```
#312014
```
#312014 rgb(49,32,20)
```

Analogous Color

#142631
```
#142631 rgb(20,38,49)
```
#311417
```
#311417 rgb(49,20,23)
```
#143120
```
#143120 rgb(20,49,32)
```

Split Complementary Color

#141731
```
#141731 rgb(20,23,49)
```
#311417
```
#311417 rgb(49,20,23)
```
#173114
```
#173114 rgb(23,49,20)
```

Triadic Color

#2e1431
```
#2e1431 rgb(46,20,49)
```
#311417
```
#311417 rgb(49,20,23)
```
#173114
```
#173114 rgb(23,49,20)
```
#14312e
```
#14312e rgb(20,49,46)
```

Tetradic Color

#000000
```
#000000 rgb(0,0,0)
```
#0d0506
```
#0d0506 rgb(13,5,6)
```
#1f0d0f
```
#1f0d0f rgb(31,13,15)
```
#311417
```
#311417 rgb(49,20,23)
```
#431b20
```
#431b20 rgb(67,27,32)
```
#552328
```
#552328 rgb(85,35,40)
```
#672a31
```
#672a31 rgb(103,42,49)
```

Monochromatic Color

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

#31141e
```
#31141e rgb(49,20,30)
```
#31141c
```
#31141c rgb(49,20,28)
```
#311419
```
#311419 rgb(49,20,25)
```
#311417
```
#311417 rgb(49,20,23)
```
#311415
```
#311415 rgb(49,20,21)
```
#311614
```
#311614 rgb(49,22,20)
```
#311814
```
#311814 rgb(49,24,20)
```

Similar Colors

Text with hexadecimal color #311417

This text has a font color of #311417.

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

#311417 background color

This paragraph has a background color of #311417.

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

#311417 border color

This element has a border color of #311417.

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

CSS codes

.text {color:#311417;}

.background {background-color:#311417;}

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

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

#070303
```
#070303 rgb(7,3,3)
```
#15090a
```
#15090a rgb(21,9,10)
```
#230e10
```
#230e10 rgb(35,14,16)
```
#311417
```
#311417 rgb(49,20,23)
```
#3f1a1e
```
#3f1a1e rgb(63,26,30)
```
#4d1f24
```
#4d1f24 rgb(77,31,36)
```
#5b252b
```
#5b252b rgb(91,37,43)
```
#692b31
```
#692b31 rgb(105,43,49)
```
#773038
```
#773038 rgb(119,48,56)
```
#85363e
```
#85363e rgb(133,54,62)
```
#933c45
```
#933c45 rgb(147,60,69)
```
#a0414b
```
#a0414b rgb(160,65,75)
```
#ae4752
```
#ae4752 rgb(174,71,82)
```

Shade Color Variation

#b8515c
```
#b8515c rgb(184,81,92)
```
#be5f69
```
#be5f69 rgb(190,95,105)
```
#c36d76
```
#c36d76 rgb(195,109,118)
```
#c97b83
```
#c97b83 rgb(201,123,131)
```
#cf8990
```
#cf8990 rgb(207,137,144)
```
#d4979d
```
#d4979d rgb(212,151,157)
```
#daa5aa
```
#daa5aa rgb(218,165,170)
```
#e0b3b7
```
#e0b3b7 rgb(224,179,183)
```
#e6c1c4
```
#e6c1c4 rgb(230,193,196)
```
#ebced1
```
#ebced1 rgb(235,206,209)
```
#f1dcdf
```
#f1dcdf rgb(241,220,223)
```
#f7eaec
```
#f7eaec rgb(247,234,236)
```
#fcf8f9
```
#fcf8f9 rgb(252,248,249)
```

Tint Color Variation

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

#242122
```
#242122 rgb(36,33,34)
```
#261f1f
```
#261f1f rgb(38,31,31)
```
#291c1d
```
#291c1d rgb(41,28,29)
```
#2c191b
```
#2c191b rgb(44,25,27)
```
#2e1719
```
#2e1719 rgb(46,23,25)
```
#311417
```
#311417 rgb(49,20,23)
```
#341115
```
#341115 rgb(52,17,21)
```
#360f13
```
#360f13 rgb(54,15,19)
```
#390c11
```
#390c11 rgb(57,12,17)
```
#3c090f
```
#3c090f rgb(60,9,15)
```
#3e070c
```
#3e070c rgb(62,7,12)
```
#41040a
```
#41040a rgb(65,4,10)
```
#440108
```
#440108 rgb(68,1,8)
```

Tone Color Variation

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

#1d1d1d Achromatopsia 0.005% of the population
#211b1c Atypical Achromatopsia 0.001% of the population

Dichromacy

#292826 Protanopia 1% of men
#2e2721 Deuteranopia 1% of men
#3b2022 Tritanopia 0.001% of the population

Trichromacy

#2c2121 Protanomaly 1% of men, 0.01% of women
#2f201d Deuteranomaly 6% of men, 0.4% of women
#371b1e Tritanomaly 0.01% of the population

#311417 hex color

#311417 Color Information

#311417 Color Conversion

Color Schemes with #311417

Alternatives to #311417

#311417 Preview

Shades and Tints of #311417

Tones of #311417

Color Blindness Simulator