#312b37 hex color

In a RGB color space, hex #312b37 is composed of 19.2% red, 16.9% green and 21.6% blue. Whereas in a CMYK color space, it is composed of 10.9% cyan, 21.8% magenta, 0% yellow and 78.4% black. It has a hue angle of 270 degrees, a saturation of 12.2% and a lightness of 19.2%. #312b37 color hex could be obtained by blending #62566e with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 19
- G 17
- B 22
RGB color chart
- C 11
- M 22
- Y 0
- K 78
CMYK color chart

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

The hexadecimal color #312b37 has RGB values of R:49, G:43, B:55 and CMYK values of C:0.11, M:0.22, Y:0, K:0.78. Its decimal value is 3222327.

Hex triplet	312b37	`#312b37`
RGB Decimal	49, 43, 55	`rgb(49,43,55)`
RGB Percent	19.2, 16.9, 21.6	`rgb(19.2%,16.9%,21.6%)`
CMYK	11, 22, 0, 78
HSL	270°, 12.2, 19.2	`hsl(270,12.2%,19.2%)`
HSV (or HSB)	270°, 21.8, 21.6
Web Safe	333333	`#333333`

CIE-LAB	18.612, 5.597, -6.69
XYZ	2.82, 2.657, 3.978
xyY	0.298, 0.281, 2.657
CIE-LCH	18.612, 8.722, 309.919
CIE-LUV	18.612, 2.114, -7.373
Hunter-Lab	16.299, 2.36, -3.063
Binary	00110001, 00101011, 00110111

#312b37
```
#312b37 rgb(49,43,55)
```
#31372b
```
#31372b rgb(49,55,43)
```

Complementary Color

#2b2b37
```
#2b2b37 rgb(43,43,55)
```
#312b37
```
#312b37 rgb(49,43,55)
```
#372b37
```
#372b37 rgb(55,43,55)
```

Analogous Color

#2b372b
```
#2b372b rgb(43,55,43)
```
#312b37
```
#312b37 rgb(49,43,55)
```
#37372b
```
#37372b rgb(55,55,43)
```

Split Complementary Color

#2b3731
```
#2b3731 rgb(43,55,49)
```
#312b37
```
#312b37 rgb(49,43,55)
```
#37312b
```
#37312b rgb(55,49,43)
```

Triadic Color

#2b3137
```
#2b3137 rgb(43,49,55)
```
#312b37
```
#312b37 rgb(49,43,55)
```
#37312b
```
#37312b rgb(55,49,43)
```
#31372b
```
#31372b rgb(49,55,43)
```

Tetradic Color

#0b090c
```
#0b090c rgb(11,9,12)
```
#18151a
```
#18151a rgb(24,21,26)
```
#242029
```
#242029 rgb(36,32,41)
```
#312b37
```
#312b37 rgb(49,43,55)
```
#3e3645
```
#3e3645 rgb(62,54,69)
```
#4b4154
```
#4b4154 rgb(75,65,84)
```
#574d62
```
#574d62 rgb(87,77,98)
```

Monochromatic Color

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

#2e2b37
```
#2e2b37 rgb(46,43,55)
```
#2f2b37
```
#2f2b37 rgb(47,43,55)
```
#302b37
```
#302b37 rgb(48,43,55)
```
#312b37
```
#312b37 rgb(49,43,55)
```
#322b37
```
#322b37 rgb(50,43,55)
```
#332b37
```
#332b37 rgb(51,43,55)
```
#342b37
```
#342b37 rgb(52,43,55)
```

Similar Colors

Text with hexadecimal color #312b37

This text has a font color of #312b37.

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

#312b37 background color

This paragraph has a background color of #312b37.

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

#312b37 border color

This element has a border color of #312b37.

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

CSS codes

.text {color:#312b37;}

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

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

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)
```
#141116
```
#141116 rgb(20,17,22)
```
#1d1a21
```
#1d1a21 rgb(29,26,33)
```
#27222c
```
#27222c rgb(39,34,44)
```
#312b37
```
#312b37 rgb(49,43,55)
```
#3b3442
```
#3b3442 rgb(59,52,66)
```
#453c4d
```
#453c4d rgb(69,60,77)
```
#4e4558
```
#4e4558 rgb(78,69,88)
```
#584d63
```
#584d63 rgb(88,77,99)
```
#62566e
```
#62566e rgb(98,86,110)
```
#6c5f79
```
#6c5f79 rgb(108,95,121)
```
#766784
```
#766784 rgb(118,103,132)
```
#7f708f
```
#7f708f rgb(127,112,143)
```

Shade Color Variation

#897b98
```
#897b98 rgb(137,123,152)
```
#9386a0
```
#9386a0 rgb(147,134,160)
```
#9d91a9
```
#9d91a9 rgb(157,145,169)
```
#a79cb2
```
#a79cb2 rgb(167,156,178)
```
#b1a7ba
```
#b1a7ba rgb(177,167,186)
```
#bab2c3
```
#bab2c3 rgb(186,178,195)
```
#c4bdcb
```
#c4bdcb rgb(196,189,203)
```
#cec8d4
```
#cec8d4 rgb(206,200,212)
```
#d8d3dd
```
#d8d3dd rgb(216,211,221)
```
#e2dee5
```
#e2dee5 rgb(226,222,229)
```
#ebe9ee
```
#ebe9ee rgb(235,233,238)
```
#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, #312f33 is the less saturated color, while #310260 is the most saturated one.

#312f33
```
#312f33 rgb(49,47,51)
```
#312b37
```
#312b37 rgb(49,43,55)
```
#31273b
```
#31273b rgb(49,39,59)
```
#31233f
```
#31233f rgb(49,35,63)
```
#312042
```
#312042 rgb(49,32,66)
```
#311c46
```
#311c46 rgb(49,28,70)
```
#31184a
```
#31184a rgb(49,24,74)
```
#31144e
```
#31144e rgb(49,20,78)
```
#311151
```
#311151 rgb(49,17,81)
```
#310d55
```
#310d55 rgb(49,13,85)
```
#310959
```
#310959 rgb(49,9,89)
```
#31055d
```
#31055d rgb(49,5,93)
```
#310260
```
#310260 rgb(49,2,96)
```

Tone Color Variation

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

#353742 Protanopia 1% of men
#383741 Deuteranopia 1% of men
#3a373b Tritanopia 0.001% of the population

Trichromacy

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

#312b37 hex color

#312b37 Color Information

#312b37 Color Conversion

Color Schemes with #312b37

Alternatives to #312b37

#312b37 Preview

Shades and Tints of #312b37

Tones of #312b37

Color Blindness Simulator