#312d35 hex color

In a RGB color space, hex #312d35 is composed of 19.2% red, 17.6% green and 20.8% blue. Whereas in a CMYK color space, it is composed of 7.5% cyan, 15.1% magenta, 0% yellow and 79.2% black. It has a hue angle of 270 degrees, a saturation of 8.2% and a lightness of 19.2%. #312d35 color hex could be obtained by blending #625a6a with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 19
- G 18
- B 21
RGB color chart
- C 8
- M 15
- Y 0
- K 79
CMYK color chart

● #312d35 color description : Very dark grayish violet.

The hexadecimal color #312d35 has RGB values of R:49, G:45, B:53 and CMYK values of C:0.08, M:0.15, Y:0, K:0.79. Its decimal value is 3222837.

Hex triplet	312d35	`#312d35`
RGB Decimal	49, 45, 53	`rgb(49,45,53)`
RGB Percent	19.2, 17.6, 20.8	`rgb(19.2%,17.6%,20.8%)`
CMYK	8, 15, 0, 79
HSL	270°, 8.2, 19.2	`hsl(270,8.2%,19.2%)`
HSV (or HSB)	270°, 15.1, 20.8
Web Safe	333333	`#333333`

CIE-LAB	19.169, 3.7, -4.469
XYZ	2.848, 2.787, 3.756
xyY	0.303, 0.297, 2.787
CIE-LCH	19.169, 5.802, 309.626
CIE-LUV	19.169, 1.459, -4.933
Hunter-Lab	16.694, 1.233, -1.654
Binary	00110001, 00101101, 00110101

#312d35
```
#312d35 rgb(49,45,53)
```
#31352d
```
#31352d rgb(49,53,45)
```

Complementary Color

#2d2d35
```
#2d2d35 rgb(45,45,53)
```
#312d35
```
#312d35 rgb(49,45,53)
```
#352d35
```
#352d35 rgb(53,45,53)
```

Analogous Color

#2d352d
```
#2d352d rgb(45,53,45)
```
#312d35
```
#312d35 rgb(49,45,53)
```
#35352d
```
#35352d rgb(53,53,45)
```

Split Complementary Color

#2d3531
```
#2d3531 rgb(45,53,49)
```
#312d35
```
#312d35 rgb(49,45,53)
```
#35312d
```
#35312d rgb(53,49,45)
```

Triadic Color

#2d3135
```
#2d3135 rgb(45,49,53)
```
#312d35
```
#312d35 rgb(49,45,53)
```
#35312d
```
#35312d rgb(53,49,45)
```
#31352d
```
#31352d rgb(49,53,45)
```

Tetradic Color

#0b0a0c
```
#0b0a0c rgb(11,10,12)
```
#181619
```
#181619 rgb(24,22,25)
```
#242127
```
#242127 rgb(36,33,39)
```
#312d35
```
#312d35 rgb(49,45,53)
```
#3e3943
```
#3e3943 rgb(62,57,67)
```
#4b4451
```
#4b4451 rgb(75,68,81)
```
#57505e
```
#57505e rgb(87,80,94)
```

Monochromatic Color

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

#2f2d35
```
#2f2d35 rgb(47,45,53)
```
#302d35
```
#302d35 rgb(48,45,53)
```
#302d35
```
#302d35 rgb(48,45,53)
```
#312d35
```
#312d35 rgb(49,45,53)
```
#322d35
```
#322d35 rgb(50,45,53)
```
#322d35
```
#322d35 rgb(50,45,53)
```
#332d35
```
#332d35 rgb(51,45,53)
```

Similar Colors

Text with hexadecimal color #312d35

This text has a font color of #312d35.

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

#312d35 background color

This paragraph has a background color of #312d35.

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

#312d35 border color

This element has a border color of #312d35.

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

CSS codes

.text {color:#312d35;}

.background {background-color:#312d35;}

.border {border:1px solid #312d35;}

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

#0a090b
```
#0a090b rgb(10,9,11)
```
#141215
```
#141215 rgb(20,18,21)
```
#1d1b20
```
#1d1b20 rgb(29,27,32)
```
#27242a
```
#27242a rgb(39,36,42)
```
#312d35
```
#312d35 rgb(49,45,53)
```
#3b3640
```
#3b3640 rgb(59,54,64)
```
#453f4a
```
#453f4a rgb(69,63,74)
```
#4e4855
```
#4e4855 rgb(78,72,85)
```
#58515f
```
#58515f rgb(88,81,95)
```
#625a6a
```
#625a6a rgb(98,90,106)
```
#6c6375
```
#6c6375 rgb(108,99,117)
```
#766c7f
```
#766c7f rgb(118,108,127)
```
#7f758a
```
#7f758a rgb(127,117,138)
```

Shade Color Variation

#898093
```
#898093 rgb(137,128,147)
```
#938a9c
```
#938a9c rgb(147,138,156)
```
#9d95a5
```
#9d95a5 rgb(157,149,165)
```
#a79fae
```
#a79fae rgb(167,159,174)
```
#b1aab7
```
#b1aab7 rgb(177,170,183)
```
#bab5c0
```
#bab5c0 rgb(186,181,192)
```
#c4bfc9
```
#c4bfc9 rgb(196,191,201)
```
#cecad2
```
#cecad2 rgb(206,202,210)
```
#d8d5db
```
#d8d5db rgb(216,213,219)
```
#e2dfe4
```
#e2dfe4 rgb(226,223,228)
```
#ebeaed
```
#ebeaed rgb(235,234,237)
```
#f5f4f6
```
#f5f4f6 rgb(245,244,246)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#313131
```
#313131 rgb(49,49,49)
```
#312d35
```
#312d35 rgb(49,45,53)
```
#312939
```
#312939 rgb(49,41,57)
```
#31253d
```
#31253d rgb(49,37,61)
```
#312240
```
#312240 rgb(49,34,64)
```
#311e44
```
#311e44 rgb(49,30,68)
```
#311a48
```
#311a48 rgb(49,26,72)
```
#31164c
```
#31164c rgb(49,22,76)
```
#31134f
```
#31134f rgb(49,19,79)
```
#310f53
```
#310f53 rgb(49,15,83)
```
#310b57
```
#310b57 rgb(49,11,87)
```
#31075b
```
#31075b rgb(49,7,91)
```
#31045e
```
#31045e rgb(49,4,94)
```

Tone Color Variation

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

#2f2f2f Achromatopsia 0.005% of the population
#2f2f30 Atypical Achromatopsia 0.001% of the population

Dichromacy

#383840 Protanopia 1% of men
#3b373f Deuteranopia 1% of men
#3b383c Tritanopia 0.001% of the population

Trichromacy

#35343c Protanomaly 1% of men, 0.01% of women
#37333b Deuteranomaly 6% of men, 0.4% of women
#373439 Tritanomaly 0.01% of the population

#312d35 hex color

#312d35 Color Information

#312d35 Color Conversion

Color Schemes with #312d35

Alternatives to #312d35

#312d35 Preview

Shades and Tints of #312d35

Tones of #312d35

Color Blindness Simulator