colorhexa.com

#312d33 hex color

In a RGB color space, hex #312d33 is composed of 19.2% red, 17.6% green and 20% blue. Whereas in a CMYK color space, it is composed of 3.9% cyan, 11.8% magenta, 0% yellow and 80% black. It has a hue angle of 280 degrees, a saturation of 6.3% and a lightness of 18.8%. #312d33 color hex could be obtained by blending #625a66 with #000000. Closest websafe color is: #333333.

- R 19
- G 18
- B 20
RGB color chart
- C 4
- M 12
- Y 0
- K 80
CMYK color chart

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

The hexadecimal color #312d33 has RGB values of R:49, G:45, B:51 and CMYK values of C:0.04, M:0.12, Y:0, K:0.8. Its decimal value is 3222835.

Hex triplet	312d33	`#312d33`
RGB Decimal	49, 45, 51	`rgb(49,45,51)`
RGB Percent	19.2, 17.6, 20	`rgb(19.2%,17.6%,20%)`
CMYK	4, 12, 0, 80
HSL	280°, 6.3, 18.8	`hsl(280,6.3%,18.8%)`
HSV (or HSB)	280°, 11.8, 20
Web Safe	333333	`#333333`

CIE-LAB	19.093, 3.204, -3.199
XYZ	2.802, 2.769, 3.519
xyY	0.308, 0.305, 2.769
CIE-LCH	19.093, 4.528, 315.051
CIE-LUV	19.093, 1.585, -3.563
Hunter-Lab	16.64, 0.944, -0.89
Binary	00110001, 00101101, 00110011

#312d33
```
#312d33 rgb(49,45,51)
```
#2f332d
```
#2f332d rgb(47,51,45)
```

Complementary Color

#2e2d33
```
#2e2d33 rgb(46,45,51)
```
#312d33
```
#312d33 rgb(49,45,51)
```
#332d32
```
#332d32 rgb(51,45,50)
```

Analogous Color

#2d332e
```
#2d332e rgb(45,51,46)
```
#312d33
```
#312d33 rgb(49,45,51)
```
#32332d
```
#32332d rgb(50,51,45)
```

Split Complementary Color

#0a090a
```
#0a090a rgb(10,9,10)
```
#171518
```
#171518 rgb(23,21,24)
```
#242125
```
#242125 rgb(36,33,37)
```
#312d33
```
#312d33 rgb(49,45,51)
```
#3e3941
```
#3e3941 rgb(62,57,65)
```
#4b454e
```
#4b454e rgb(75,69,78)
```
#58515c
```
#58515c rgb(88,81,92)
```

Monochromatic Color

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

#302d33
```
#302d33 rgb(48,45,51)
```
#302d33
```
#302d33 rgb(48,45,51)
```
#312d33
```
#312d33 rgb(49,45,51)
```
#312d33
```
#312d33 rgb(49,45,51)
```
#322d33
```
#322d33 rgb(50,45,51)
```
#322d33
```
#322d33 rgb(50,45,51)
```
#332d33
```
#332d33 rgb(51,45,51)
```

Similar Colors

Text with hexadecimal color #312d33

This text has a font color of #312d33.

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

#312d33 background color

This paragraph has a background color of #312d33.

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

#312d33 border color

This element has a border color of #312d33.

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

CSS codes

.text {color:#312d33;}

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

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

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

#090809
```
#090809 rgb(9,8,9)
```
#131114
```
#131114 rgb(19,17,20)
```
#1d1b1e
```
#1d1b1e rgb(29,27,30)
```
#272429
```
#272429 rgb(39,36,41)
```
#312d33
```
#312d33 rgb(49,45,51)
```
#3b363d
```
#3b363d rgb(59,54,61)
```
#453f48
```
#453f48 rgb(69,63,72)
```
#4f4952
```
#4f4952 rgb(79,73,82)
```
#59525d
```
#59525d rgb(89,82,93)
```
#635b67
```
#635b67 rgb(99,91,103)
```
#6d6472
```
#6d6472 rgb(109,100,114)
```
#776d7c
```
#776d7c rgb(119,109,124)
```
#817786
```
#817786 rgb(129,119,134)
```

Shade Color Variation

#8b8190
```
#8b8190 rgb(139,129,144)
```
#948b99
```
#948b99 rgb(148,139,153)
```
#9e96a2
```
#9e96a2 rgb(158,150,162)
```
#a8a0ab
```
#a8a0ab rgb(168,160,171)
```
#b1abb4
```
#b1abb4 rgb(177,171,180)
```
#bbb5be
```
#bbb5be rgb(187,181,190)
```
#c4bfc7
```
#c4bfc7 rgb(196,191,199)
```
#cecad0
```
#cecad0 rgb(206,202,208)
```
#d8d4d9
```
#d8d4d9 rgb(216,212,217)
```
#e1dfe2
```
#e1dfe2 rgb(225,223,226)
```
#ebe9ec
```
#ebe9ec rgb(235,233,236)
```
#f4f3f5
```
#f4f3f5 rgb(244,243,245)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#312d33
```
#312d33 rgb(49,45,51)
```
#322937
```
#322937 rgb(50,41,55)
```
#33263a
```
#33263a rgb(51,38,58)
```
#35223e
```
#35223e rgb(53,34,62)
```
#361e42
```
#361e42 rgb(54,30,66)
```
#371b45
```
#371b45 rgb(55,27,69)
```
#381749
```
#381749 rgb(56,23,73)
```
#3a134d
```
#3a134d rgb(58,19,77)
```
#3b0f51
```
#3b0f51 rgb(59,15,81)
```
#3c0c54
```
#3c0c54 rgb(60,12,84)
```
#3d0858
```
#3d0858 rgb(61,8,88)
```
#3f045c
```
#3f045c rgb(63,4,92)
```
#40015f
```
#40015f rgb(64,1,95)
```

Tone Color Variation

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

#38383e Protanopia 1% of men
#3c373d Deuteranopia 1% of men
#3b383c Tritanopia 0.001% of the population

Trichromacy

#35343a Protanomaly 1% of men, 0.01% of women
#383339 Deuteranomaly 6% of men, 0.4% of women
#373438 Tritanomaly 0.01% of the population