#312966 hex color

In a RGB color space, hex #312966 is composed of 19.2% red, 16.1% green and 40% blue. Whereas in a CMYK color space, it is composed of 52% cyan, 59.8% magenta, 0% yellow and 60% black. It has a hue angle of 247.9 degrees, a saturation of 42.7% and a lightness of 28%. #312966 color hex could be obtained by blending #6252cc with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 19
- G 16
- B 40
RGB color chart
- C 52
- M 60
- Y 0
- K 60
CMYK color chart

● #312966 color description : Very dark desaturated blue.

The hexadecimal color #312966 has RGB values of R:49, G:41, B:102 and CMYK values of C:0.52, M:0.6, Y:0, K:0.6. Its decimal value is 3221862.

Hex triplet	312966	`#312966`
RGB Decimal	49, 41, 102	`rgb(49,41,102)`
RGB Percent	19.2, 16.1, 40	`rgb(19.2%,16.1%,40%)`
CMYK	52, 60, 0, 60
HSL	247.9°, 42.7, 28	`hsl(247.9,42.7%,28%)`
HSV (or HSB)	247.9°, 59.8, 40
Web Safe	333366	`#333366`

CIE-LAB	20.82, 21.601, -34.878
XYZ	4.457, 3.198, 12.952
xyY	0.216, 0.155, 3.198
CIE-LCH	20.82, 41.025, 301.771
CIE-LUV	20.82, -0.682, -41.42
Hunter-Lab	17.883, 13.196, -30.423
Binary	00110001, 00101001, 01100110

#312966
```
#312966 rgb(49,41,102)
```
#5e6629
```
#5e6629 rgb(94,102,41)
```

Complementary Color

#294066
```
#294066 rgb(41,64,102)
```
#312966
```
#312966 rgb(49,41,102)
```
#4f2966
```
#4f2966 rgb(79,41,102)
```

Analogous Color

#406629
```
#406629 rgb(64,102,41)
```
#312966
```
#312966 rgb(49,41,102)
```
#665029
```
#665029 rgb(102,80,41)
```

Split Complementary Color

#296631
```
#296631 rgb(41,102,49)
```
#312966
```
#312966 rgb(49,41,102)
```
#663129
```
#663129 rgb(102,49,41)
```

Triadic Color

#295e66
```
#295e66 rgb(41,94,102)
```
#312966
```
#312966 rgb(49,41,102)
```
#663129
```
#663129 rgb(102,49,41)
```
#5e6629
```
#5e6629 rgb(94,102,41)
```

Tetradic Color

#17132f
```
#17132f rgb(23,19,47)
```
#201a42
```
#201a42 rgb(32,26,66)
```
#282254
```
#282254 rgb(40,34,84)
```
#312966
```
#312966 rgb(49,41,102)
```
#3a3078
```
#3a3078 rgb(58,48,120)
```
#42388a
```
#42388a rgb(66,56,138)
```
#4b3f9d
```
#4b3f9d rgb(75,63,157)
```

Monochromatic Color

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

#293066
```
#293066 rgb(41,48,102)
```
#292b66
```
#292b66 rgb(41,43,102)
```
#2c2966
```
#2c2966 rgb(44,41,102)
```
#312966
```
#312966 rgb(49,41,102)
```
#362966
```
#362966 rgb(54,41,102)
```
#3b2966
```
#3b2966 rgb(59,41,102)
```
#402966
```
#402966 rgb(64,41,102)
```

Similar Colors

Text with hexadecimal color #312966

This text has a font color of #312966.

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

#312966 background color

This paragraph has a background color of #312966.

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

#312966 border color

This element has a border color of #312966.

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

CSS codes

.text {color:#312966;}

.background {background-color:#312966;}

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

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

#020204
```
#020204 rgb(2,2,4)
```
#090712
```
#090712 rgb(9,7,18)
```
#0f0d20
```
#0f0d20 rgb(15,13,32)
```
#16132e
```
#16132e rgb(22,19,46)
```
#1d183c
```
#1d183c rgb(29,24,60)
```
#241e4a
```
#241e4a rgb(36,30,74)
```
#2a2358
```
#2a2358 rgb(42,35,88)
```
#312966
```
#312966 rgb(49,41,102)
```
#382f74
```
#382f74 rgb(56,47,116)
```
#3e3482
```
#3e3482 rgb(62,52,130)
```
#453a90
```
#453a90 rgb(69,58,144)
```
#4c3f9e
```
#4c3f9e rgb(76,63,158)
```
#5345ac
```
#5345ac rgb(83,69,172)
```

Shade Color Variation

#5b4db8
```
#5b4db8 rgb(91,77,184)
```
#685bbd
```
#685bbd rgb(104,91,189)
```
#7569c3
```
#7569c3 rgb(117,105,195)
```
#8277c8
```
#8277c8 rgb(130,119,200)
```
#8f85ce
```
#8f85ce rgb(143,133,206)
```
#9c93d4
```
#9c93d4 rgb(156,147,212)
```
#a8a1d9
```
#a8a1d9 rgb(168,161,217)
```
#b5afdf
```
#b5afdf rgb(181,175,223)
```
#c2bde5
```
#c2bde5 rgb(194,189,229)
```
#cfcbea
```
#cfcbea rgb(207,203,234)
```
#dcd9f0
```
#dcd9f0 rgb(220,217,240)
```
#e9e7f5
```
#e9e7f5 rgb(233,231,245)
```
#f6f5fb
```
#f6f5fb rgb(246,245,251)
```

Tint Color Variation

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

#45454b
```
#45454b rgb(69,69,75)
```
#413f50
```
#413f50 rgb(65,63,80)
```
#3d3a56
```
#3d3a56 rgb(61,58,86)
```
#39345b
```
#39345b rgb(57,52,91)
```
#352f61
```
#352f61 rgb(53,47,97)
```
#312966
```
#312966 rgb(49,41,102)
```
#2d246c
```
#2d246c rgb(45,36,108)
```
#291e71
```
#291e71 rgb(41,30,113)
```
#251977
```
#251977 rgb(37,25,119)
```
#21137c
```
#21137c rgb(33,19,124)
```
#1d0e82
```
#1d0e82 rgb(29,14,130)
```
#190887
```
#190887 rgb(25,8,135)
```
#15028d
```
#15028d rgb(21,2,141)
```

Tone Color Variation

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

#323232 Achromatopsia 0.005% of the population
#32303c Atypical Achromatopsia 0.001% of the population

Dichromacy

#003a73 Protanopia 1% of men
#003d66 Deuteranopia 1% of men
#2c3f44 Tritanopia 0.001% of the population

Trichromacy

#11346e Protanomaly 1% of men, 0.01% of women
#113666 Deuteranomaly 6% of men, 0.4% of women
#2d3750 Tritanomaly 0.01% of the population

#312966 hex color

#312966 Color Information

#312966 Color Conversion

Color Schemes with #312966

Alternatives to #312966

#312966 Preview

Shades and Tints of #312966

Tones of #312966

Color Blindness Simulator