#312c35 hex color

In a RGB color space, hex #312c35 is composed of 19.2% red, 17.3% green and 20.8% blue. Whereas in a CMYK color space, it is composed of 7.5% cyan, 17% magenta, 0% yellow and 79.2% black. It has a hue angle of 273.3 degrees, a saturation of 9.3% and a lightness of 19%. #312c35 color hex could be obtained by blending #62586a with #000000. Closest websafe color is: #333333.

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

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

The hexadecimal color #312c35 has RGB values of R:49, G:44, B:53 and CMYK values of C:0.08, M:0.17, Y:0, K:0.79. Its decimal value is 3222581.

Hex triplet	312c35	`#312c35`
RGB Decimal	49, 44, 53	`rgb(49,44,53)`
RGB Percent	19.2, 17.3, 20.8	`rgb(19.2%,17.3%,20.8%)`
CMYK	8, 17, 0, 79
HSL	273.3°, 9.3, 19	`hsl(273.3,9.3%,19%)`
HSV (or HSB)	273.3°, 17, 20.8
Web Safe	333333	`#333333`

CIE-LAB	18.849, 4.392, -4.948
XYZ	2.81, 2.711, 3.743
xyY	0.303, 0.293, 2.711
CIE-LCH	18.849, 6.616, 311.592
CIE-LUV	18.849, 1.86, -5.466
Hunter-Lab	16.466, 1.643, -1.952
Binary	00110001, 00101100, 00110101

#312c35
```
#312c35 rgb(49,44,53)
```
#30352c
```
#30352c rgb(48,53,44)
```

Complementary Color

#2d2c35
```
#2d2c35 rgb(45,44,53)
```
#312c35
```
#312c35 rgb(49,44,53)
```
#352c35
```
#352c35 rgb(53,44,53)
```

Analogous Color

#2c352d
```
#2c352d rgb(44,53,45)
```
#312c35
```
#312c35 rgb(49,44,53)
```
#35352c
```
#35352c rgb(53,53,44)
```

Split Complementary Color

#2c3531
```
#2c3531 rgb(44,53,49)
```
#312c35
```
#312c35 rgb(49,44,53)
```
#35312c
```
#35312c rgb(53,49,44)
```

Triadic Color

#2c3035
```
#2c3035 rgb(44,48,53)
```
#312c35
```
#312c35 rgb(49,44,53)
```
#35312c
```
#35312c rgb(53,49,44)
```
#30352c
```
#30352c rgb(48,53,44)
```

Tetradic Color

#0a090b
```
#0a090b rgb(10,9,11)
```
#171519
```
#171519 rgb(23,21,25)
```
#242027
```
#242027 rgb(36,32,39)
```
#312c35
```
#312c35 rgb(49,44,53)
```
#3e3843
```
#3e3843 rgb(62,56,67)
```
#4b4351
```
#4b4351 rgb(75,67,81)
```
#584f5f
```
#584f5f rgb(88,79,95)
```

Monochromatic Color

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

#2f2c35
```
#2f2c35 rgb(47,44,53)
```
#302c35
```
#302c35 rgb(48,44,53)
```
#302c35
```
#302c35 rgb(48,44,53)
```
#312c35
```
#312c35 rgb(49,44,53)
```
#322c35
```
#322c35 rgb(50,44,53)
```
#332c35
```
#332c35 rgb(51,44,53)
```
#332c35
```
#332c35 rgb(51,44,53)
```

Similar Colors

Text with hexadecimal color #312c35

This text has a font color of #312c35.

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

#312c35 background color

This paragraph has a background color of #312c35.

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

#312c35 border color

This element has a border color of #312c35.

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

CSS codes

.text {color:#312c35;}

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

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

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, #09080a is the darkest color, while #fefeff is the lightest one.

#09080a
```
#09080a rgb(9,8,10)
```
#131115
```
#131115 rgb(19,17,21)
```
#1d1a20
```
#1d1a20 rgb(29,26,32)
```
#27232a
```
#27232a rgb(39,35,42)
```
#312c35
```
#312c35 rgb(49,44,53)
```
#3b3540
```
#3b3540 rgb(59,53,64)
```
#453e4a
```
#453e4a rgb(69,62,74)
```
#4f4755
```
#4f4755 rgb(79,71,85)
```
#595060
```
#595060 rgb(89,80,96)
```
#63586b
```
#63586b rgb(99,88,107)
```
#6c6175
```
#6c6175 rgb(108,97,117)
```
#766a80
```
#766a80 rgb(118,106,128)
```
#80738b
```
#80738b rgb(128,115,139)
```

Shade Color Variation

#8a7e94
```
#8a7e94 rgb(138,126,148)
```
#94899d
```
#94899d rgb(148,137,157)
```
#9d93a6
```
#9d93a6 rgb(157,147,166)
```
#a79eae
```
#a79eae rgb(167,158,174)
```
#b1a9b7
```
#b1a9b7 rgb(177,169,183)
```
#bbb3c0
```
#bbb3c0 rgb(187,179,192)
```
#c4bec9
```
#c4bec9 rgb(196,190,201)
```
#cec9d2
```
#cec9d2 rgb(206,201,210)
```
#d8d4db
```
#d8d4db rgb(216,212,219)
```
#e1dee4
```
#e1dee4 rgb(225,222,228)
```
#ebe9ed
```
#ebe9ed rgb(235,233,237)
```
#f5f4f6
```
#f5f4f6 rgb(245,244,246)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#313031
```
#313031 rgb(49,48,49)
```
#312c35
```
#312c35 rgb(49,44,53)
```
#312839
```
#312839 rgb(49,40,57)
```
#32253c
```
#32253c rgb(50,37,60)
```
#322140
```
#322140 rgb(50,33,64)
```
#331d44
```
#331d44 rgb(51,29,68)
```
#331948
```
#331948 rgb(51,25,72)
```
#33164b
```
#33164b rgb(51,22,75)
```
#34124f
```
#34124f rgb(52,18,79)
```
#340e53
```
#340e53 rgb(52,14,83)
```
#350a57
```
#350a57 rgb(53,10,87)
```
#35075a
```
#35075a rgb(53,7,90)
```
#36035e
```
#36035e rgb(54,3,94)
```

Tone Color Variation

Below, you can see how #312c35 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
#2f2e30 Atypical Achromatopsia 0.001% of the population

Dichromacy

#373840 Protanopia 1% of men
#3a373f Deuteranopia 1% of men
#3b373b Tritanopia 0.001% of the population

Trichromacy

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

#312c35 hex color

#312c35 Color Information

#312c35 Color Conversion

Color Schemes with #312c35

Alternatives to #312c35

#312c35 Preview

Shades and Tints of #312c35

Tones of #312c35

Color Blindness Simulator