#312738 hex color

In a RGB color space, hex #312738 is composed of 19.2% red, 15.3% green and 22% blue. Whereas in a CMYK color space, it is composed of 12.5% cyan, 30.4% magenta, 0% yellow and 78% black. It has a hue angle of 275.3 degrees, a saturation of 17.9% and a lightness of 18.6%. #312738 color hex could be obtained by blending #624e70 with #000000. Closest websafe color is: #333333.

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

● #312738 color description : Very dark grayish violet.

The hexadecimal color #312738 has RGB values of R:49, G:39, B:56 and CMYK values of C:0.13, M:0.3, Y:0, K:0.78. Its decimal value is 3221304.

Hex triplet	312738	`#312738`
RGB Decimal	49, 39, 56	`rgb(49,39,56)`
RGB Percent	19.2, 15.3, 22	`rgb(19.2%,15.3%,22%)`
CMYK	13, 30, 0, 78
HSL	275.3°, 17.9, 18.6	`hsl(275.3,17.9%,18.6%)`
HSV (or HSB)	275.3°, 30.4, 22
Web Safe	333333	`#333333`

CIE-LAB	17.412, 8.656, -9.21
XYZ	2.706, 2.39, 4.06
xyY	0.296, 0.261, 2.39
CIE-LCH	17.412, 12.639, 313.225
CIE-LUV	17.412, 3.512, -10.049
Hunter-Lab	15.458, 4.193, -4.751
Binary	00110001, 00100111, 00111000

#312738
```
#312738 rgb(49,39,56)
```
#2e3827
```
#2e3827 rgb(46,56,39)
```

Complementary Color

#292738
```
#292738 rgb(41,39,56)
```
#312738
```
#312738 rgb(49,39,56)
```
#382737
```
#382737 rgb(56,39,55)
```

Analogous Color

#273829
```
#273829 rgb(39,56,41)
```
#312738
```
#312738 rgb(49,39,56)
```
#373827
```
#373827 rgb(55,56,39)
```

Split Complementary Color

#273831
```
#273831 rgb(39,56,49)
```
#312738
```
#312738 rgb(49,39,56)
```
#383127
```
#383127 rgb(56,49,39)
```

Triadic Color

#272e38
```
#272e38 rgb(39,46,56)
```
#312738
```
#312738 rgb(49,39,56)
```
#383127
```
#383127 rgb(56,49,39)
```
#2e3827
```
#2e3827 rgb(46,56,39)
```

Tetradic Color

#0a080b
```
#0a080b rgb(10,8,11)
```
#17121a
```
#17121a rgb(23,18,26)
```
#241d29
```
#241d29 rgb(36,29,41)
```
#312738
```
#312738 rgb(49,39,56)
```
#3e3147
```
#3e3147 rgb(62,49,71)
```
#4b3c56
```
#4b3c56 rgb(75,60,86)
```
#584665
```
#584665 rgb(88,70,101)
```

Monochromatic Color

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

#2d2738
```
#2d2738 rgb(45,39,56)
```
#2e2738
```
#2e2738 rgb(46,39,56)
```
#302738
```
#302738 rgb(48,39,56)
```
#312738
```
#312738 rgb(49,39,56)
```
#322738
```
#322738 rgb(50,39,56)
```
#342738
```
#342738 rgb(52,39,56)
```
#352738
```
#352738 rgb(53,39,56)
```

Similar Colors

Text with hexadecimal color #312738

This text has a font color of #312738.

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

#312738 background color

This paragraph has a background color of #312738.

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

#312738 border color

This element has a border color of #312738.

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

CSS codes

.text {color:#312738;}

.background {background-color:#312738;}

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

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

#09070a
```
#09070a rgb(9,7,10)
```
#130f15
```
#130f15 rgb(19,15,21)
```
#1d1721
```
#1d1721 rgb(29,23,33)
```
#271f2c
```
#271f2c rgb(39,31,44)
```
#312738
```
#312738 rgb(49,39,56)
```
#3b2f44
```
#3b2f44 rgb(59,47,68)
```
#45374f
```
#45374f rgb(69,55,79)
```
#4f3f5b
```
#4f3f5b rgb(79,63,91)
```
#594766
```
#594766 rgb(89,71,102)
```
#644f72
```
#644f72 rgb(100,79,114)
```
#6e577d
```
#6e577d rgb(110,87,125)
```
#785f89
```
#785f89 rgb(120,95,137)
```
#826795
```
#826795 rgb(130,103,149)
```

Shade Color Variation

#8c729d
```
#8c729d rgb(140,114,157)
```
#957ea5
```
#957ea5 rgb(149,126,165)
```
#9f8aad
```
#9f8aad rgb(159,138,173)
```
#a895b5
```
#a895b5 rgb(168,149,181)
```
#b2a1bd
```
#b2a1bd rgb(178,161,189)
```
#bbacc5
```
#bbacc5 rgb(187,172,197)
```
#c5b8cd
```
#c5b8cd rgb(197,184,205)
```
#cec3d5
```
#cec3d5 rgb(206,195,213)
```
#d8cfde
```
#d8cfde rgb(216,207,222)
```
#e1dae6
```
#e1dae6 rgb(225,218,230)
```
#ebe6ee
```
#ebe6ee rgb(235,230,238)
```
#f4f2f6
```
#f4f2f6 rgb(244,242,246)
```
#fefdfe
```
#fefdfe rgb(254,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #302e31 is the less saturated color, while #37025d is the most saturated one.

#302e31
```
#302e31 rgb(48,46,49)
```
#302b34
```
#302b34 rgb(48,43,52)
```
#312738
```
#312738 rgb(49,39,56)
```
#32233c
```
#32233c rgb(50,35,60)
```
#32203f
```
#32203f rgb(50,32,63)
```
#331c43
```
#331c43 rgb(51,28,67)
```
#341847
```
#341847 rgb(52,24,71)
```
#34154a
```
#34154a rgb(52,21,74)
```
#35114e
```
#35114e rgb(53,17,78)
```
#360d52
```
#360d52 rgb(54,13,82)
```
#360a55
```
#360a55 rgb(54,10,85)
```
#370659
```
#370659 rgb(55,6,89)
```
#37025d
```
#37025d rgb(55,2,93)
```

Tone Color Variation

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

#2c2c2c Achromatopsia 0.005% of the population
#2d2b2e Atypical Achromatopsia 0.001% of the population

Dichromacy

#313544 Protanopia 1% of men
#343441 Deuteranopia 1% of men
#393438 Tritanopia 0.001% of the population

Trichromacy

#31303f Protanomaly 1% of men, 0.01% of women
#332f3e Deuteranomaly 6% of men, 0.4% of women
#362f38 Tritanomaly 0.01% of the population

#312738 hex color

#312738 Color Information

#312738 Color Conversion

Color Schemes with #312738

Alternatives to #312738

#312738 Preview

Shades and Tints of #312738

Tones of #312738

Color Blindness Simulator