#312b58 hex color

In a RGB color space, hex #312b58 is composed of 19.2% red, 16.9% green and 34.5% blue. Whereas in a CMYK color space, it is composed of 44.3% cyan, 51.1% magenta, 0% yellow and 65.5% black. It has a hue angle of 248 degrees, a saturation of 34.4% and a lightness of 25.7%. #312b58 color hex could be obtained by blending #6256b0 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 19
- G 17
- B 35
RGB color chart
- C 44
- M 51
- Y 0
- K 65
CMYK color chart

● #312b58 color description : Very dark desaturated blue.

The hexadecimal color #312b58 has RGB values of R:49, G:43, B:88 and CMYK values of C:0.44, M:0.51, Y:0, K:0.65. Its decimal value is 3222360.

Hex triplet	312b58	`#312b58`
RGB Decimal	49, 43, 88	`rgb(49,43,88)`
RGB Percent	19.2, 16.9, 34.5	`rgb(19.2%,16.9%,34.5%)`
CMYK	44, 51, 0, 65
HSL	248°, 34.4, 25.7	`hsl(248,34.4%,25.7%)`
HSV (or HSB)	248°, 51.1, 34.5
Web Safe	333366	`#333366`

CIE-LAB	20.382, 15.513, -26.357
XYZ	3.892, 3.085, 9.622
xyY	0.234, 0.186, 3.085
CIE-LCH	20.382, 30.584, 300.48
CIE-LUV	20.382, -0.236, -31.007
Hunter-Lab	17.565, 8.81, -20.185
Binary	00110001, 00101011, 01011000

#312b58
```
#312b58 rgb(49,43,88)
```
#52582b
```
#52582b rgb(82,88,43)
```

Complementary Color

#2b3c58
```
#2b3c58 rgb(43,60,88)
```
#312b58
```
#312b58 rgb(49,43,88)
```
#482b58
```
#482b58 rgb(72,43,88)
```

Analogous Color

#3c582b
```
#3c582b rgb(60,88,43)
```
#312b58
```
#312b58 rgb(49,43,88)
```
#58482b
```
#58482b rgb(88,72,43)
```

Split Complementary Color

#2b5831
```
#2b5831 rgb(43,88,49)
```
#312b58
```
#312b58 rgb(49,43,88)
```
#58312b
```
#58312b rgb(88,49,43)
```

Triadic Color

#2b5258
```
#2b5258 rgb(43,82,88)
```
#312b58
```
#312b58 rgb(49,43,88)
```
#58312b
```
#58312b rgb(88,49,43)
```
#52582b
```
#52582b rgb(82,88,43)
```

Tetradic Color

#141225
```
#141225 rgb(20,18,37)
```
#1e1a36
```
#1e1a36 rgb(30,26,54)
```
#272347
```
#272347 rgb(39,35,71)
```
#312b58
```
#312b58 rgb(49,43,88)
```
#3b3369
```
#3b3369 rgb(59,51,105)
```
#443c7a
```
#443c7a rgb(68,60,122)
```
#4e448b
```
#4e448b rgb(78,68,139)
```

Monochromatic Color

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

#2b3058
```
#2b3058 rgb(43,48,88)
```
#2b2d58
```
#2b2d58 rgb(43,45,88)
```
#2d2b58
```
#2d2b58 rgb(45,43,88)
```
#312b58
```
#312b58 rgb(49,43,88)
```
#352b58
```
#352b58 rgb(53,43,88)
```
#392b58
```
#392b58 rgb(57,43,88)
```
#3c2b58
```
#3c2b58 rgb(60,43,88)
```

Similar Colors

Text with hexadecimal color #312b58

This text has a font color of #312b58.

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

#312b58 background color

This paragraph has a background color of #312b58.

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

#312b58 border color

This element has a border color of #312b58.

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

CSS codes

.text {color:#312b58;}

.background {background-color:#312b58;}

.border {border:1px solid #312b58;}

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

#050409
```
#050409 rgb(5,4,9)
```
#0c0b16
```
#0c0b16 rgb(12,11,22)
```
#141123
```
#141123 rgb(20,17,35)
```
#1b1830
```
#1b1830 rgb(27,24,48)
```
#221e3e
```
#221e3e rgb(34,30,62)
```
#2a254b
```
#2a254b rgb(42,37,75)
```
#312b58
```
#312b58 rgb(49,43,88)
```
#383165
```
#383165 rgb(56,49,101)
```
#403872
```
#403872 rgb(64,56,114)
```
#473e80
```
#473e80 rgb(71,62,128)
```
#4e458d
```
#4e458d rgb(78,69,141)
```
#564b9a
```
#564b9a rgb(86,75,154)
```
#5d52a7
```
#5d52a7 rgb(93,82,167)
```

Shade Color Variation

#685db0
```
#685db0 rgb(104,93,176)
```
#746ab6
```
#746ab6 rgb(116,106,182)
```
#8077bd
```
#8077bd rgb(128,119,189)
```
#8d84c3
```
#8d84c3 rgb(141,132,195)
```
#9991c9
```
#9991c9 rgb(153,145,201)
```
#a59fd0
```
#a59fd0 rgb(165,159,208)
```
#b1acd6
```
#b1acd6 rgb(177,172,214)
```
#beb9dd
```
#beb9dd rgb(190,185,221)
```
#cac6e3
```
#cac6e3 rgb(202,198,227)
```
#d6d3ea
```
#d6d3ea rgb(214,211,234)
```
#e2e0f0
```
#e2e0f0 rgb(226,224,240)
```
#efeef6
```
#efeef6 rgb(239,238,246)
```
#fbfbfd
```
#fbfbfd rgb(251,251,253)
```

Tint Color Variation

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

#403f44
```
#403f44 rgb(64,63,68)
```
#3c3a49
```
#3c3a49 rgb(60,58,73)
```
#38354e
```
#38354e rgb(56,53,78)
```
#353053
```
#353053 rgb(53,48,83)
```
#312b58
```
#312b58 rgb(49,43,88)
```
#2d265d
```
#2d265d rgb(45,38,93)
```
#2a2162
```
#2a2162 rgb(42,33,98)
```
#261c67
```
#261c67 rgb(38,28,103)
```
#22176c
```
#22176c rgb(34,23,108)
```
#1f1271
```
#1f1271 rgb(31,18,113)
```
#1b0d76
```
#1b0d76 rgb(27,13,118)
```
#17087b
```
#17087b rgb(23,8,123)
```
#130380
```
#130380 rgb(19,3,128)
```

Tone Color Variation

Below, you can see how #312b58 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
#32313a Atypical Achromatopsia 0.001% of the population

Dichromacy

#263a64 Protanopia 1% of men
#233c5e Deuteranopia 1% of men
#323d42 Tritanopia 0.001% of the population

Trichromacy

#2a345f Protanomaly 1% of men, 0.01% of women
#28355c Deuteranomaly 6% of men, 0.4% of women
#31364a Tritanomaly 0.01% of the population

#312b58 hex color

#312b58 Color Information

#312b58 Color Conversion

Color Schemes with #312b58

Alternatives to #312b58

#312b58 Preview

Shades and Tints of #312b58

Tones of #312b58

Color Blindness Simulator