#312b36 hex color

In a RGB color space, hex #312b36 is composed of 19.2% red, 16.9% green and 21.2% blue. Whereas in a CMYK color space, it is composed of 9.3% cyan, 20.4% magenta, 0% yellow and 78.8% black. It has a hue angle of 272.7 degrees, a saturation of 11.3% and a lightness of 19%. #312b36 color hex could be obtained by blending #62566c with #000000. Closest websafe color is: #333333.

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

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

The hexadecimal color #312b36 has RGB values of R:49, G:43, B:54 and CMYK values of C:0.09, M:0.2, Y:0, K:0.79. Its decimal value is 3222326.

Hex triplet	312b36	`#312b36`
RGB Decimal	49, 43, 54	`rgb(49,43,54)`
RGB Percent	19.2, 16.9, 21.2	`rgb(19.2%,16.9%,21.2%)`
CMYK	9, 20, 0, 79
HSL	272.7°, 11.3, 19	`hsl(272.7,11.3%,19%)`
HSV (or HSB)	272.7°, 20.4, 21.2
Web Safe	333333	`#333333`

CIE-LAB	18.571, 5.34, -6.058
XYZ	2.796, 2.647, 3.853
xyY	0.301, 0.285, 2.647
CIE-LCH	18.571, 8.076, 311.391
CIE-LUV	18.571, 2.185, -6.68
Hunter-Lab	16.27, 2.206, -2.654
Binary	00110001, 00101011, 00110110

#312b36
```
#312b36 rgb(49,43,54)
```
#30362b
```
#30362b rgb(48,54,43)
```

Complementary Color

#2c2b36
```
#2c2b36 rgb(44,43,54)
```
#312b36
```
#312b36 rgb(49,43,54)
```
#362b36
```
#362b36 rgb(54,43,54)
```

Analogous Color

#2b362c
```
#2b362c rgb(43,54,44)
```
#312b36
```
#312b36 rgb(49,43,54)
```
#36362b
```
#36362b rgb(54,54,43)
```

Split Complementary Color

#2b3631
```
#2b3631 rgb(43,54,49)
```
#312b36
```
#312b36 rgb(49,43,54)
```
#36312b
```
#36312b rgb(54,49,43)
```

Triadic Color

#2b3036
```
#2b3036 rgb(43,48,54)
```
#312b36
```
#312b36 rgb(49,43,54)
```
#36312b
```
#36312b rgb(54,49,43)
```
#30362b
```
#30362b rgb(48,54,43)
```

Tetradic Color

#0a090b
```
#0a090b rgb(10,9,11)
```
#17141a
```
#17141a rgb(23,20,26)
```
#242028
```
#242028 rgb(36,32,40)
```
#312b36
```
#312b36 rgb(49,43,54)
```
#3e3644
```
#3e3644 rgb(62,54,68)
```
#4b4252
```
#4b4252 rgb(75,66,82)
```
#584d61
```
#584d61 rgb(88,77,97)
```

Monochromatic Color

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

#2e2b36
```
#2e2b36 rgb(46,43,54)
```
#2f2b36
```
#2f2b36 rgb(47,43,54)
```
#302b36
```
#302b36 rgb(48,43,54)
```
#312b36
```
#312b36 rgb(49,43,54)
```
#322b36
```
#322b36 rgb(50,43,54)
```
#332b36
```
#332b36 rgb(51,43,54)
```
#342b36
```
#342b36 rgb(52,43,54)
```

Similar Colors

Text with hexadecimal color #312b36

This text has a font color of #312b36.

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

#312b36 background color

This paragraph has a background color of #312b36.

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

#312b36 border color

This element has a border color of #312b36.

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

CSS codes

.text {color:#312b36;}

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

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

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)
```
#27222b
```
#27222b rgb(39,34,43)
```
#312b36
```
#312b36 rgb(49,43,54)
```
#3b3441
```
#3b3441 rgb(59,52,65)
```
#453c4c
```
#453c4c rgb(69,60,76)
```
#4f4557
```
#4f4557 rgb(79,69,87)
```
#594e62
```
#594e62 rgb(89,78,98)
```
#63566d
```
#63566d rgb(99,86,109)
```
#6c5f78
```
#6c5f78 rgb(108,95,120)
```
#766882
```
#766882 rgb(118,104,130)
```
#80718d
```
#80718d rgb(128,113,141)
```

Shade Color Variation

#8a7b96
```
#8a7b96 rgb(138,123,150)
```
#94869f
```
#94869f rgb(148,134,159)
```
#9d91a8
```
#9d91a8 rgb(157,145,168)
```
#a79cb0
```
#a79cb0 rgb(167,156,176)
```
#b1a7b9
```
#b1a7b9 rgb(177,167,185)
```
#bbb2c2
```
#bbb2c2 rgb(187,178,194)
```
#c4bdca
```
#c4bdca rgb(196,189,202)
```
#cec8d3
```
#cec8d3 rgb(206,200,211)
```
#d8d3dc
```
#d8d3dc rgb(216,211,220)
```
#e1dee4
```
#e1dee4 rgb(225,222,228)
```
#ebe9ed
```
#ebe9ed rgb(235,233,237)
```
#f5f3f6
```
#f5f3f6 rgb(245,243,246)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#312f32
```
#312f32 rgb(49,47,50)
```
#312b36
```
#312b36 rgb(49,43,54)
```
#31273a
```
#31273a rgb(49,39,58)
```
#32243d
```
#32243d rgb(50,36,61)
```
#322041
```
#322041 rgb(50,32,65)
```
#321c45
```
#321c45 rgb(50,28,69)
```
#331849
```
#331849 rgb(51,24,73)
```
#33154c
```
#33154c rgb(51,21,76)
```
#331150
```
#331150 rgb(51,17,80)
```
#340d54
```
#340d54 rgb(52,13,84)
```
#340958
```
#340958 rgb(52,9,88)
```
#34065b
```
#34065b rgb(52,6,91)
```
#35025f
```
#35025f rgb(53,2,95)
```

Tone Color Variation

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

#2e2e2e Achromatopsia 0.005% of the population
#2f2d30 Atypical Achromatopsia 0.001% of the population

Dichromacy

#363741 Protanopia 1% of men
#393640 Deuteranopia 1% of men
#3a373a Tritanopia 0.001% of the population

Trichromacy

#34333d Protanomaly 1% of men, 0.01% of women
#36323c Deuteranomaly 6% of men, 0.4% of women
#373239 Tritanomaly 0.01% of the population

#312b36 hex color

#312b36 Color Information

#312b36 Color Conversion

Color Schemes with #312b36

Alternatives to #312b36

#312b36 Preview

Shades and Tints of #312b36

Tones of #312b36

Color Blindness Simulator