#312638 hex color

In a RGB color space, hex #312638 is composed of 19.2% red, 14.9% green and 22% blue. Whereas in a CMYK color space, it is composed of 12.5% cyan, 32.1% magenta, 0% yellow and 78% black. It has a hue angle of 276.7 degrees, a saturation of 19.1% and a lightness of 18.4%. #312638 color hex could be obtained by blending #624c70 with #000000. Closest websafe color is: #333333.

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

● #312638 color description : Very dark grayish violet.

The hexadecimal color #312638 has RGB values of R:49, G:38, B:56 and CMYK values of C:0.13, M:0.32, Y:0, K:0.78. Its decimal value is 3221048.

Hex triplet	312638	`#312638`
RGB Decimal	49, 38, 56	`rgb(49,38,56)`
RGB Percent	19.2, 14.9, 22	`rgb(19.2%,14.9%,22%)`
CMYK	13, 32, 0, 78
HSL	276.7°, 19.1, 18.4	`hsl(276.7,19.1%,18.4%)`
HSV (or HSB)	276.7°, 32.1, 22
Web Safe	333333	`#333333`

CIE-LAB	17.107, 9.358, -9.676
XYZ	2.673, 2.325, 4.049
xyY	0.295, 0.257, 2.325
CIE-LCH	17.107, 13.461, 314.043
CIE-LUV	17.107, 3.861, -10.516
Hunter-Lab	15.247, 4.616, -5.072
Binary	00110001, 00100110, 00111000

#312638
```
#312638 rgb(49,38,56)
```
#2d3826
```
#2d3826 rgb(45,56,38)
```

Complementary Color

#282638
```
#282638 rgb(40,38,56)
```
#312638
```
#312638 rgb(49,38,56)
```
#382636
```
#382636 rgb(56,38,54)
```

Analogous Color

#263828
```
#263828 rgb(38,56,40)
```
#312638
```
#312638 rgb(49,38,56)
```
#363826
```
#363826 rgb(54,56,38)
```

Split Complementary Color

#263831
```
#263831 rgb(38,56,49)
```
#312638
```
#312638 rgb(49,38,56)
```
#383126
```
#383126 rgb(56,49,38)
```

Triadic Color

#262d38
```
#262d38 rgb(38,45,56)
```
#312638
```
#312638 rgb(49,38,56)
```
#383126
```
#383126 rgb(56,49,38)
```
#2d3826
```
#2d3826 rgb(45,56,38)
```

Tetradic Color

#09070a
```
#09070a rgb(9,7,10)
```
#16111a
```
#16111a rgb(22,17,26)
```
#241c29
```
#241c29 rgb(36,28,41)
```
#312638
```
#312638 rgb(49,38,56)
```
#3e3047
```
#3e3047 rgb(62,48,71)
```
#4c3b56
```
#4c3b56 rgb(76,59,86)
```
#594566
```
#594566 rgb(89,69,102)
```

Monochromatic Color

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

#2d2638
```
#2d2638 rgb(45,38,56)
```
#2e2638
```
#2e2638 rgb(46,38,56)
```
#302638
```
#302638 rgb(48,38,56)
```
#312638
```
#312638 rgb(49,38,56)
```
#332638
```
#332638 rgb(51,38,56)
```
#342638
```
#342638 rgb(52,38,56)
```
#362638
```
#362638 rgb(54,38,56)
```

Similar Colors

Text with hexadecimal color #312638

This text has a font color of #312638.

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

#312638 background color

This paragraph has a background color of #312638.

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

#312638 border color

This element has a border color of #312638.

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

CSS codes

.text {color:#312638;}

.background {background-color:#312638;}

.border {border:1px solid #312638;}

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

#080609
```
#080609 rgb(8,6,9)
```
#120e15
```
#120e15 rgb(18,14,21)
```
#1d1621
```
#1d1621 rgb(29,22,33)
```
#271e2c
```
#271e2c rgb(39,30,44)
```
#312638
```
#312638 rgb(49,38,56)
```
#3b2e44
```
#3b2e44 rgb(59,46,68)
```
#45364f
```
#45364f rgb(69,54,79)
```
#503e5b
```
#503e5b rgb(80,62,91)
```
#5a4667
```
#5a4667 rgb(90,70,103)
```
#644e72
```
#644e72 rgb(100,78,114)
```
#6e567e
```
#6e567e rgb(110,86,126)
```
#795e8a
```
#795e8a rgb(121,94,138)
```
#836595
```
#836595 rgb(131,101,149)
```

Shade Color Variation

#8c709e
```
#8c709e rgb(140,112,158)
```
#967ca6
```
#967ca6 rgb(150,124,166)
```
#9f88ae
```
#9f88ae rgb(159,136,174)
```
#a993b6
```
#a993b6 rgb(169,147,182)
```
#b29fbe
```
#b29fbe rgb(178,159,190)
```
#bbabc6
```
#bbabc6 rgb(187,171,198)
```
#c5b6ce
```
#c5b6ce rgb(197,182,206)
```
#cec2d6
```
#cec2d6 rgb(206,194,214)
```
#d7cede
```
#d7cede rgb(215,206,222)
```
#e1dae6
```
#e1dae6 rgb(225,218,230)
```
#eae5ed
```
#eae5ed rgb(234,229,237)
```
#f4f1f5
```
#f4f1f5 rgb(244,241,245)
```
#fdfdfd
```
#fdfdfd rgb(253,253,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #2f2d31 is the less saturated color, while #39025c is the most saturated one.

#2f2d31
```
#2f2d31 rgb(47,45,49)
```
#302a34
```
#302a34 rgb(48,42,52)
```
#312638
```
#312638 rgb(49,38,56)
```
#32223c
```
#32223c rgb(50,34,60)
```
#331f3f
```
#331f3f rgb(51,31,63)
```
#331b43
```
#331b43 rgb(51,27,67)
```
#341846
```
#341846 rgb(52,24,70)
```
#35144a
```
#35144a rgb(53,20,74)
```
#36104e
```
#36104e rgb(54,16,78)
```
#370d51
```
#370d51 rgb(55,13,81)
```
#370955
```
#370955 rgb(55,9,85)
```
#380559
```
#380559 rgb(56,5,89)
```
#39025c
```
#39025c rgb(57,2,92)
```

Tone Color Variation

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

#2b2b2b Achromatopsia 0.005% of the population
#2c2a2e Atypical Achromatopsia 0.001% of the population

Dichromacy

#303444 Protanopia 1% of men
#333441 Deuteranopia 1% of men
#393337 Tritanopia 0.001% of the population

Trichromacy

#302f3f Protanomaly 1% of men, 0.01% of women
#322f3d Deuteranomaly 6% of men, 0.4% of women
#362e37 Tritanomaly 0.01% of the population

#312638 hex color

#312638 Color Information

#312638 Color Conversion

Color Schemes with #312638

Alternatives to #312638

#312638 Preview

Shades and Tints of #312638

Tones of #312638

Color Blindness Simulator