#312946 hex color

In a RGB color space, hex #312946 is composed of 19.2% red, 16.1% green and 27.5% blue. Whereas in a CMYK color space, it is composed of 30% cyan, 41.4% magenta, 0% yellow and 72.5% black. It has a hue angle of 256.6 degrees, a saturation of 26.1% and a lightness of 21.8%. #312946 color hex could be obtained by blending #62528c with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 19
- G 16
- B 27
RGB color chart
- C 30
- M 41
- Y 0
- K 73
CMYK color chart

● #312946 color description : Very dark desaturated violet.

The hexadecimal color #312946 has RGB values of R:49, G:41, B:70 and CMYK values of C:0.3, M:0.41, Y:0, K:0.73. Its decimal value is 3221830.

Hex triplet	312946	`#312946`
RGB Decimal	49, 41, 70	`rgb(49,41,70)`
RGB Percent	19.2, 16.1, 27.5	`rgb(19.2%,16.1%,27.5%)`
CMYK	30, 41, 0, 73
HSL	256.6°, 26.1, 21.8	`hsl(256.6,26.1%,21.8%)`
HSV (or HSB)	256.6°, 41.4, 27.5
Web Safe	333333	`#333333`

CIE-LAB	18.718, 11.21, -16.856
XYZ	3.165, 2.681, 6.145
xyY	0.264, 0.224, 2.681
CIE-LCH	18.718, 20.243, 303.626
CIE-LUV	18.718, 1.693, -18.977
Hunter-Lab	16.374, 5.848, -10.789
Binary	00110001, 00101001, 01000110

#312946
```
#312946 rgb(49,41,70)
```
#3e4629
```
#3e4629 rgb(62,70,41)
```

Complementary Color

#293046
```
#293046 rgb(41,48,70)
```
#312946
```
#312946 rgb(49,41,70)
```
#402946
```
#402946 rgb(64,41,70)
```

Analogous Color

#304629
```
#304629 rgb(48,70,41)
```
#312946
```
#312946 rgb(49,41,70)
```
#464029
```
#464029 rgb(70,64,41)
```

Split Complementary Color

#294631
```
#294631 rgb(41,70,49)
```
#312946
```
#312946 rgb(49,41,70)
```
#463129
```
#463129 rgb(70,49,41)
```

Triadic Color

#293e46
```
#293e46 rgb(41,62,70)
```
#312946
```
#312946 rgb(49,41,70)
```
#463129
```
#463129 rgb(70,49,41)
```
#3e4629
```
#3e4629 rgb(62,70,41)
```

Tetradic Color

#0f0d16
```
#0f0d16 rgb(15,13,22)
```
#1a1626
```
#1a1626 rgb(26,22,38)
```
#262036
```
#262036 rgb(38,32,54)
```
#312946
```
#312946 rgb(49,41,70)
```
#3c3256
```
#3c3256 rgb(60,50,86)
```
#483c66
```
#483c66 rgb(72,60,102)
```
#534576
```
#534576 rgb(83,69,118)
```

Monochromatic Color

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

#2a2946
```
#2a2946 rgb(42,41,70)
```
#2c2946
```
#2c2946 rgb(44,41,70)
```
#2f2946
```
#2f2946 rgb(47,41,70)
```
#312946
```
#312946 rgb(49,41,70)
```
#332946
```
#332946 rgb(51,41,70)
```
#362946
```
#362946 rgb(54,41,70)
```
#382946
```
#382946 rgb(56,41,70)
```

Similar Colors

Text with hexadecimal color #312946

This text has a font color of #312946.

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

#312946 background color

This paragraph has a background color of #312946.

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

#312946 border color

This element has a border color of #312946.

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

CSS codes

.text {color:#312946;}

.background {background-color:#312946;}

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

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

#060508
```
#060508 rgb(6,5,8)
```
#0e0c15
```
#0e0c15 rgb(14,12,21)
```
#171321
```
#171321 rgb(23,19,33)
```
#201b2d
```
#201b2d rgb(32,27,45)
```
#28223a
```
#28223a rgb(40,34,58)
```
#312946
```
#312946 rgb(49,41,70)
```
#3a3052
```
#3a3052 rgb(58,48,82)
```
#42375f
```
#42375f rgb(66,55,95)
```
#4b3f6b
```
#4b3f6b rgb(75,63,107)
```
#544677
```
#544677 rgb(84,70,119)
```
#5c4d84
```
#5c4d84 rgb(92,77,132)
```
#655490
```
#655490 rgb(101,84,144)
```
#6e5c9d
```
#6e5c9d rgb(110,92,157)
```

Shade Color Variation

#7866a6
```
#7866a6 rgb(120,102,166)
```
#8373ad
```
#8373ad rgb(131,115,173)
```
#8e7fb4
```
#8e7fb4 rgb(142,127,180)
```
#998bbb
```
#998bbb rgb(153,139,187)
```
#a498c3
```
#a498c3 rgb(164,152,195)
```
#afa4ca
```
#afa4ca rgb(175,164,202)
```
#bab1d1
```
#bab1d1 rgb(186,177,209)
```
#c4bdd8
```
#c4bdd8 rgb(196,189,216)
```
#cfc9e0
```
#cfc9e0 rgb(207,201,224)
```
#dad6e7
```
#dad6e7 rgb(218,214,231)
```
#e5e2ee
```
#e5e2ee rgb(229,226,238)
```
#f0eef5
```
#f0eef5 rgb(240,238,245)
```
#fbfbfd
```
#fbfbfd rgb(251,251,253)
```

Tint Color Variation

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

#373639
```
#373639 rgb(55,54,57)
```
#35323d
```
#35323d rgb(53,50,61)
```
#332d42
```
#332d42 rgb(51,45,66)
```
#312946
```
#312946 rgb(49,41,70)
```
#2f254a
```
#2f254a rgb(47,37,74)
```
#2d204f
```
#2d204f rgb(45,32,79)
```
#2b1c53
```
#2b1c53 rgb(43,28,83)
```
#291857
```
#291857 rgb(41,24,87)
```
#27145b
```
#27145b rgb(39,20,91)
```
#260f60
```
#260f60 rgb(38,15,96)
```
#240b64
```
#240b64 rgb(36,11,100)
```
#220768
```
#220768 rgb(34,7,104)
```
#20036c
```
#20036c rgb(32,3,108)
```

Tone Color Variation

Below, you can see how #312946 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
#2f2e34 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2e3752 Protanopia 1% of men
#2f384e Deuteranopia 1% of men
#37383c Tritanopia 0.001% of the population

Trichromacy

#2f324d Protanomaly 1% of men, 0.01% of women
#30324b Deuteranomaly 6% of men, 0.4% of women
#34323f Tritanomaly 0.01% of the population

#312946 hex color

#312946 Color Information

#312946 Color Conversion

Color Schemes with #312946

Alternatives to #312946

#312946 Preview

Shades and Tints of #312946

Tones of #312946

Color Blindness Simulator