#312586 hex color

In a RGB color space, hex #312586 is composed of 19.2% red, 14.5% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 63.4% cyan, 72.4% magenta, 0% yellow and 47.5% black. It has a hue angle of 247.4 degrees, a saturation of 56.7% and a lightness of 33.5%. #312586 color hex could be obtained by blending #624aff with #00000d. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 19
- G 15
- B 53
RGB color chart
- C 63
- M 72
- Y 0
- K 47
CMYK color chart

● #312586 color description : Dark blue.

The hexadecimal color #312586 has RGB values of R:49, G:37, B:134 and CMYK values of C:0.63, M:0.72, Y:0, K:0.47. Its decimal value is 3220870.

Hex triplet	312586	`#312586`
RGB Decimal	49, 37, 134	`rgb(49,37,134)`
RGB Percent	19.2, 14.5, 52.5	`rgb(19.2%,14.5%,52.5%)`
CMYK	63, 72, 0, 47
HSL	247.4°, 56.7, 33.5	`hsl(247.4,56.7%,33.5%)`
HSV (or HSB)	247.4°, 72.4, 52.5
Web Safe	333399	`#333399`

CIE-LAB	22.644, 35.036, -52.378
XYZ	6.23, 3.697, 22.938
xyY	0.19, 0.112, 3.697
CIE-LCH	22.644, 63.015, 303.779
CIE-LUV	22.644, -2.022, -62.808
Hunter-Lab	19.228, 24.191, -57.272
Binary	00110001, 00100101, 10000110

#312586
```
#312586 rgb(49,37,134)
```
#7a8625
```
#7a8625 rgb(122,134,37)
```

Complementary Color

#254a86
```
#254a86 rgb(37,74,134)
```
#312586
```
#312586 rgb(49,37,134)
```
#622586
```
#622586 rgb(98,37,134)
```

Analogous Color

#4a8625
```
#4a8625 rgb(74,134,37)
```
#312586
```
#312586 rgb(49,37,134)
```
#866225
```
#866225 rgb(134,98,37)
```

Split Complementary Color

#258631
```
#258631 rgb(37,134,49)
```
#312586
```
#312586 rgb(49,37,134)
```
#863125
```
#863125 rgb(134,49,37)
```

Triadic Color

#257a86
```
#257a86 rgb(37,122,134)
```
#312586
```
#312586 rgb(49,37,134)
```
#863125
```
#863125 rgb(134,49,37)
```
#7a8625
```
#7a8625 rgb(122,134,37)
```

Tetradic Color

#1b144a
```
#1b144a rgb(27,20,74)
```
#221a5e
```
#221a5e rgb(34,26,94)
```
#2a1f72
```
#2a1f72 rgb(42,31,114)
```
#312586
```
#312586 rgb(49,37,134)
```
#382b9a
```
#382b9a rgb(56,43,154)
```
#4030ae
```
#4030ae rgb(64,48,174)
```
#4736c2
```
#4736c2 rgb(71,54,194)
```

Monochromatic Color

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

#253186
```
#253186 rgb(37,49,134)
```
#252986
```
#252986 rgb(37,41,134)
```
#292586
```
#292586 rgb(41,37,134)
```
#312586
```
#312586 rgb(49,37,134)
```
#392586
```
#392586 rgb(57,37,134)
```
#412586
```
#412586 rgb(65,37,134)
```
#492586
```
#492586 rgb(73,37,134)
```

Similar Colors

Text with hexadecimal color #312586

This text has a font color of #312586.

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

#312586 background color

This paragraph has a background color of #312586.

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

#312586 border color

This element has a border color of #312586.

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

CSS codes

.text {color:#312586;}

.background {background-color:#312586;}

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

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, #04030b is the darkest color, while #fbfbfe is the lightest one.

#04030b
```
#04030b rgb(4,3,11)
```
#0a071a
```
#0a071a rgb(10,7,26)
```
#0f0c2a
```
#0f0c2a rgb(15,12,42)
```
#151039
```
#151039 rgb(21,16,57)
```
#1b1449
```
#1b1449 rgb(27,20,73)
```
#201858
```
#201858 rgb(32,24,88)
```
#261d67
```
#261d67 rgb(38,29,103)
```
#2b2177
```
#2b2177 rgb(43,33,119)
```
#312586
```
#312586 rgb(49,37,134)
```
#372995
```
#372995 rgb(55,41,149)
```
#3c2da5
```
#3c2da5 rgb(60,45,165)
```
#4232b4
```
#4232b4 rgb(66,50,180)
```
#4736c3
```
#4736c3 rgb(71,54,195)
```

Shade Color Variation

#5342cb
```
#5342cb rgb(83,66,203)
```
#6152cf
```
#6152cf rgb(97,82,207)
```
#6f61d3
```
#6f61d3 rgb(111,97,211)
```
#7d70d8
```
#7d70d8 rgb(125,112,216)
```
#8b80dc
```
#8b80dc rgb(139,128,220)
```
#998fe0
```
#998fe0 rgb(153,143,224)
```
#a79ee4
```
#a79ee4 rgb(167,158,228)
```
#b5aee9
```
#b5aee9 rgb(181,174,233)
```
#c3bded
```
#c3bded rgb(195,189,237)
```
#d1cdf1
```
#d1cdf1 rgb(209,205,241)
```
#dfdcf5
```
#dfdcf5 rgb(223,220,245)
```
#edebfa
```
#edebfa rgb(237,235,250)
```
#fbfbfe
```
#fbfbfe rgb(251,251,254)
```

Tint Color Variation

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

#545358
```
#545358 rgb(84,83,88)
```
#4f4c5f
```
#4f4c5f rgb(79,76,95)
```
#4a4665
```
#4a4665 rgb(74,70,101)
```
#453f6c
```
#453f6c rgb(69,63,108)
```
#403972
```
#403972 rgb(64,57,114)
```
#3b3279
```
#3b3279 rgb(59,50,121)
```
#362c7f
```
#362c7f rgb(54,44,127)
```
#312586
```
#312586 rgb(49,37,134)
```
#2c1e8d
```
#2c1e8d rgb(44,30,141)
```
#271893
```
#271893 rgb(39,24,147)
```
#22119a
```
#22119a rgb(34,17,154)
```
#1d0ba0
```
#1d0ba0 rgb(29,11,160)
```
#1804a7
```
#1804a7 rgb(24,4,167)
```

Tone Color Variation

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

#343434 Achromatopsia 0.005% of the population
#333144 Atypical Achromatopsia 0.001% of the population

Dichromacy

#003e7a Protanopia 1% of men
#00426a Deuteranopia 1% of men
#00464b Tritanopia 0.001% of the population

Trichromacy

#11357e Protanomaly 1% of men, 0.01% of women
#113774 Deuteranomaly 6% of men, 0.4% of women
#113a61 Tritanomaly 0.01% of the population

#312586 hex color

#312586 Color Information

#312586 Color Conversion

Color Schemes with #312586

Alternatives to #312586

#312586 Preview

Shades and Tints of #312586

Tones of #312586

Color Blindness Simulator