#312960 hex color

In a RGB color space, hex #312960 is composed of 19.2% red, 16.1% green and 37.6% blue. Whereas in a CMYK color space, it is composed of 49% cyan, 57.3% magenta, 0% yellow and 62.4% black. It has a hue angle of 248.7 degrees, a saturation of 40.1% and a lightness of 26.9%. #312960 color hex could be obtained by blending #6252c0 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 19
- G 16
- B 38
RGB color chart
- C 49
- M 57
- Y 0
- K 62
CMYK color chart

● #312960 color description : Very dark desaturated blue.

The hexadecimal color #312960 has RGB values of R:49, G:41, B:96 and CMYK values of C:0.49, M:0.57, Y:0, K:0.62. Its decimal value is 3221856.

Hex triplet	312960	`#312960`
RGB Decimal	49, 41, 96	`rgb(49,41,96)`
RGB Percent	19.2, 16.1, 37.6	`rgb(19.2%,16.1%,37.6%)`
CMYK	49, 57, 0, 62
HSL	248.7°, 40.1, 26.9	`hsl(248.7,40.1%,26.9%)`
HSV (or HSB)	248.7°, 57.3, 37.6
Web Safe	333366	`#333366`

CIE-LAB	20.374, 19.568, -31.662
XYZ	4.17, 3.083, 11.441
xyY	0.223, 0.165, 3.083
CIE-LCH	20.374, 37.221, 301.717
CIE-LUV	20.374, -0.261, -37.315
Hunter-Lab	17.559, 11.667, -26.34
Binary	00110001, 00101001, 01100000

#312960
```
#312960 rgb(49,41,96)
```
#586029
```
#586029 rgb(88,96,41)
```

Complementary Color

#293d60
```
#293d60 rgb(41,61,96)
```
#312960
```
#312960 rgb(49,41,96)
```
#4d2960
```
#4d2960 rgb(77,41,96)
```

Analogous Color

#3d6029
```
#3d6029 rgb(61,96,41)
```
#312960
```
#312960 rgb(49,41,96)
```
#604d29
```
#604d29 rgb(96,77,41)
```

Split Complementary Color

#296031
```
#296031 rgb(41,96,49)
```
#312960
```
#312960 rgb(49,41,96)
```
#603129
```
#603129 rgb(96,49,41)
```

Triadic Color

#295860
```
#295860 rgb(41,88,96)
```
#312960
```
#312960 rgb(49,41,96)
```
#603129
```
#603129 rgb(96,49,41)
```
#586029
```
#586029 rgb(88,96,41)
```

Tetradic Color

#16122a
```
#16122a rgb(22,18,42)
```
#1f1a3c
```
#1f1a3c rgb(31,26,60)
```
#28214e
```
#28214e rgb(40,33,78)
```
#312960
```
#312960 rgb(49,41,96)
```
#3a3172
```
#3a3172 rgb(58,49,114)
```
#433884
```
#433884 rgb(67,56,132)
```
#4c4096
```
#4c4096 rgb(76,64,150)
```

Monochromatic Color

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

#292f60
```
#292f60 rgb(41,47,96)
```
#292a60
```
#292a60 rgb(41,42,96)
```
#2c2960
```
#2c2960 rgb(44,41,96)
```
#312960
```
#312960 rgb(49,41,96)
```
#362960
```
#362960 rgb(54,41,96)
```
#3a2960
```
#3a2960 rgb(58,41,96)
```
#3f2960
```
#3f2960 rgb(63,41,96)
```

Similar Colors

Text with hexadecimal color #312960

This text has a font color of #312960.

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

#312960 background color

This paragraph has a background color of #312960.

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

#312960 border color

This element has a border color of #312960.

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

CSS codes

.text {color:#312960;}

.background {background-color:#312960;}

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

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, #07060e is the darkest color, while #ffffff is the lightest one.

#07060e
```
#07060e rgb(7,6,14)
```
#0e0c1b
```
#0e0c1b rgb(14,12,27)
```
#151229
```
#151229 rgb(21,18,41)
```
#1c1737
```
#1c1737 rgb(28,23,55)
```
#231d45
```
#231d45 rgb(35,29,69)
```
#2a2352
```
#2a2352 rgb(42,35,82)
```
#312960
```
#312960 rgb(49,41,96)
```
#382f6e
```
#382f6e rgb(56,47,110)
```
#3f357b
```
#3f357b rgb(63,53,123)
```
#463b89
```
#463b89 rgb(70,59,137)
```
#4d4097
```
#4d4097 rgb(77,64,151)
```
#5446a5
```
#5446a5 rgb(84,70,165)
```
#5b4cb2
```
#5b4cb2 rgb(91,76,178)
```

Shade Color Variation

#685ab8
```
#685ab8 rgb(104,90,184)
```
#7468be
```
#7468be rgb(116,104,190)
```
#8175c4
```
#8175c4 rgb(129,117,196)
```
#8d83ca
```
#8d83ca rgb(141,131,202)
```
#9a91d0
```
#9a91d0 rgb(154,145,208)
```
#a79fd6
```
#a79fd6 rgb(167,159,214)
```
#b3acdc
```
#b3acdc rgb(179,172,220)
```
#c0bae2
```
#c0bae2 rgb(192,186,226)
```
#ccc8e7
```
#ccc8e7 rgb(204,200,231)
```
#d9d6ed
```
#d9d6ed rgb(217,214,237)
```
#e6e3f3
```
#e6e3f3 rgb(230,227,243)
```
#f2f1f9
```
#f2f1f9 rgb(242,241,249)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#444346
```
#444346 rgb(68,67,70)
```
#403e4b
```
#403e4b rgb(64,62,75)
```
#3c3950
```
#3c3950 rgb(60,57,80)
```
#383455
```
#383455 rgb(56,52,85)
```
#352e5b
```
#352e5b rgb(53,46,91)
```
#312960
```
#312960 rgb(49,41,96)
```
#2d2465
```
#2d2465 rgb(45,36,101)
```
#2a1e6b
```
#2a1e6b rgb(42,30,107)
```
#261970
```
#261970 rgb(38,25,112)
```
#221475
```
#221475 rgb(34,20,117)
```
#1e0f7a
```
#1e0f7a rgb(30,15,122)
```
#1b0980
```
#1b0980 rgb(27,9,128)
```
#170485
```
#170485 rgb(23,4,133)
```

Tone Color Variation

Below, you can see how #312960 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
#32303b Atypical Achromatopsia 0.001% of the population

Dichromacy

#183a6d Protanopia 1% of men
#0d3c64 Deuteranopia 1% of men
#2e3e42 Tritanopia 0.001% of the population

Trichromacy

#213368 Protanomaly 1% of men, 0.01% of women
#1a3563 Deuteranomaly 6% of men, 0.4% of women
#2f364d Tritanomaly 0.01% of the population

#312960 hex color

#312960 Color Information

#312960 Color Conversion

Color Schemes with #312960

Alternatives to #312960

#312960 Preview

Shades and Tints of #312960

Tones of #312960

Color Blindness Simulator