#312e62 hex color

In a RGB color space, hex #312e62 is composed of 19.2% red, 18% green and 38.4% blue. Whereas in a CMYK color space, it is composed of 50% cyan, 53.1% magenta, 0% yellow and 61.6% black. It has a hue angle of 243.5 degrees, a saturation of 36.1% and a lightness of 28.2%. #312e62 color hex could be obtained by blending #625cc4 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 19
- G 18
- B 38
RGB color chart
- C 50
- M 53
- Y 0
- K 62
CMYK color chart

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

The hexadecimal color #312e62 has RGB values of R:49, G:46, B:98 and CMYK values of C:0.5, M:0.53, Y:0, K:0.62. Its decimal value is 3223138.

Hex triplet	312e62	`#312e62`
RGB Decimal	49, 46, 98	`rgb(49,46,98)`
RGB Percent	19.2, 18, 38.4	`rgb(19.2%,18%,38.4%)`
CMYK	50, 53, 0, 62
HSL	243.5°, 36.1, 28.2	`hsl(243.5,36.1%,28.2%)`
HSV (or HSB)	243.5°, 53.1, 38.4
Web Safe	333366	`#333366`

CIE-LAB	21.903, 16.803, -30.522
XYZ	4.448, 3.489, 11.994
xyY	0.223, 0.175, 3.489
CIE-LCH	21.903, 34.841, 298.834
CIE-LUV	21.903, -1.72, -36.972
Hunter-Lab	18.678, 9.82, -24.997
Binary	00110001, 00101110, 01100010

#312e62
```
#312e62 rgb(49,46,98)
```
#5f622e
```
#5f622e rgb(95,98,46)
```

Complementary Color

#2e4562
```
#2e4562 rgb(46,69,98)
```
#312e62
```
#312e62 rgb(49,46,98)
```
#4b2e62
```
#4b2e62 rgb(75,46,98)
```

Analogous Color

#45622e
```
#45622e rgb(69,98,46)
```
#312e62
```
#312e62 rgb(49,46,98)
```
#624b2e
```
#624b2e rgb(98,75,46)
```

Split Complementary Color

#2e6231
```
#2e6231 rgb(46,98,49)
```
#312e62
```
#312e62 rgb(49,46,98)
```
#62312e
```
#62312e rgb(98,49,46)
```

Triadic Color

#2e5f62
```
#2e5f62 rgb(46,95,98)
```
#312e62
```
#312e62 rgb(49,46,98)
```
#62312e
```
#62312e rgb(98,49,46)
```
#5f622e
```
#5f622e rgb(95,98,46)
```

Tetradic Color

#17162e
```
#17162e rgb(23,22,46)
```
#201e3f
```
#201e3f rgb(32,30,63)
```
#282651
```
#282651 rgb(40,38,81)
```
#312e62
```
#312e62 rgb(49,46,98)
```
#3a3673
```
#3a3673 rgb(58,54,115)
```
#423e85
```
#423e85 rgb(66,62,133)
```
#4b4696
```
#4b4696 rgb(75,70,150)
```

Monochromatic Color

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

#2e3862
```
#2e3862 rgb(46,56,98)
```
#2e3462
```
#2e3462 rgb(46,52,98)
```
#2e2f62
```
#2e2f62 rgb(46,47,98)
```
#312e62
```
#312e62 rgb(49,46,98)
```
#352e62
```
#352e62 rgb(53,46,98)
```
#3a2e62
```
#3a2e62 rgb(58,46,98)
```
#3e2e62
```
#3e2e62 rgb(62,46,98)
```

Similar Colors

Text with hexadecimal color #312e62

This text has a font color of #312e62.

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

#312e62 background color

This paragraph has a background color of #312e62.

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

#312e62 border color

This element has a border color of #312e62.

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

CSS codes

.text {color:#312e62;}

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

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

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

#020205
```
#020205 rgb(2,2,5)
```
#090812
```
#090812 rgb(9,8,18)
```
#100f1f
```
#100f1f rgb(16,15,31)
```
#16152d
```
#16152d rgb(22,21,45)
```
#1d1b3a
```
#1d1b3a rgb(29,27,58)
```
#242147
```
#242147 rgb(36,33,71)
```
#2a2855
```
#2a2855 rgb(42,40,85)
```
#312e62
```
#312e62 rgb(49,46,98)
```
#38346f
```
#38346f rgb(56,52,111)
```
#3e3b7d
```
#3e3b7d rgb(62,59,125)
```
#45418a
```
#45418a rgb(69,65,138)
```
#4c4797
```
#4c4797 rgb(76,71,151)
```
#524da5
```
#524da5 rgb(82,77,165)
```

Shade Color Variation

#5b56b0
```
#5b56b0 rgb(91,86,176)
```
#6863b6
```
#6863b6 rgb(104,99,182)
```
#7571bc
```
#7571bc rgb(117,113,188)
```
#827ec2
```
#827ec2 rgb(130,126,194)
```
#8f8bc9
```
#8f8bc9 rgb(143,139,201)
```
#9c99cf
```
#9c99cf rgb(156,153,207)
```
#a9a6d5
```
#a9a6d5 rgb(169,166,213)
```
#b6b3dc
```
#b6b3dc rgb(182,179,220)
```
#c3c1e2
```
#c3c1e2 rgb(195,193,226)
```
#d0cee8
```
#d0cee8 rgb(208,206,232)
```
#dddcee
```
#dddcee rgb(221,220,238)
```
#eae9f5
```
#eae9f5 rgb(234,233,245)
```
#f6f6fb
```
#f6f6fb rgb(246,246,251)
```

Tint Color Variation

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

#45444c
```
#45444c rgb(69,68,76)
```
#403f51
```
#403f51 rgb(64,63,81)
```
#3b3957
```
#3b3957 rgb(59,57,87)
```
#36345c
```
#36345c rgb(54,52,92)
```
#312e62
```
#312e62 rgb(49,46,98)
```
#2c2868
```
#2c2868 rgb(44,40,104)
```
#27236d
```
#27236d rgb(39,35,109)
```
#221d73
```
#221d73 rgb(34,29,115)
```
#1d1878
```
#1d1878 rgb(29,24,120)
```
#19127e
```
#19127e rgb(25,18,126)
```
#140d83
```
#140d83 rgb(20,13,131)
```
#0f0789
```
#0f0789 rgb(15,7,137)
```
#0a028e
```
#0a028e rgb(10,2,142)
```

Tone Color Variation

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

#353535 Achromatopsia 0.005% of the population
#34343e Atypical Achromatopsia 0.001% of the population

Dichromacy

#233d6e Protanopia 1% of men
#1a3f67 Deuteranopia 1% of men
#2f4146 Tritanopia 0.001% of the population

Trichromacy

#283769 Protanomaly 1% of men, 0.01% of women
#223965 Deuteranomaly 6% of men, 0.4% of women
#2f3a50 Tritanomaly 0.01% of the population

#312e62 hex color

#312e62 Color Information

#312e62 Color Conversion

Color Schemes with #312e62

Alternatives to #312e62

#312e62 Preview

Shades and Tints of #312e62

Tones of #312e62

Color Blindness Simulator