#313585 hex color

In a RGB color space, hex #313585 is composed of 19.2% red, 20.8% green and 52.2% blue. Whereas in a CMYK color space, it is composed of 63.2% cyan, 60.2% magenta, 0% yellow and 47.8% black. It has a hue angle of 237.1 degrees, a saturation of 46.2% and a lightness of 35.7%. #313585 color hex could be obtained by blending #626aff with #00000b. Closest websafe color is: #333399.

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

● #313585 color description : Dark moderate blue.

The hexadecimal color #313585 has RGB values of R:49, G:53, B:133 and CMYK values of C:0.63, M:0.6, Y:0, K:0.48. Its decimal value is 3224965.

Hex triplet	313585	`#313585`
RGB Decimal	49, 53, 133	`rgb(49,53,133)`
RGB Percent	19.2, 20.8, 52.2	`rgb(19.2%,20.8%,52.2%)`
CMYK	63, 60, 0, 48
HSL	237.1°, 46.2, 35.7	`hsl(237.1,46.2%,35.7%)`
HSV (or HSB)	237.1°, 63.2, 52.2
Web Safe	333399	`#333399`

CIE-LAB	26.426, 24.418, -45.576
XYZ	6.773, 4.892, 22.776
xyY	0.197, 0.142, 4.892
CIE-LCH	26.426, 51.705, 298.181
CIE-LUV	26.426, -5.29, -59.021
Hunter-Lab	22.119, 15.948, -45.57
Binary	00110001, 00110101, 10000101

#313585
```
#313585 rgb(49,53,133)
```
#858131
```
#858131 rgb(133,129,49)
```

Complementary Color

#315f85
```
#315f85 rgb(49,95,133)
```
#313585
```
#313585 rgb(49,53,133)
```
#573185
```
#573185 rgb(87,49,133)
```

Analogous Color

#5f8531
```
#5f8531 rgb(95,133,49)
```
#313585
```
#313585 rgb(49,53,133)
```
#855731
```
#855731 rgb(133,87,49)
```

Split Complementary Color

#358531
```
#358531 rgb(53,133,49)
```
#313585
```
#313585 rgb(49,53,133)
```
#853135
```
#853135 rgb(133,49,53)
```

Triadic Color

#318581
```
#318581 rgb(49,133,129)
```
#313585
```
#313585 rgb(49,53,133)
```
#853135
```
#853135 rgb(133,49,53)
```
#858131
```
#858131 rgb(133,129,49)
```

Tetradic Color

#1c1f4d
```
#1c1f4d rgb(28,31,77)
```
#232660
```
#232660 rgb(35,38,96)
```
#2a2e72
```
#2a2e72 rgb(42,46,114)
```
#313585
```
#313585 rgb(49,53,133)
```
#383c98
```
#383c98 rgb(56,60,152)
```
#3f44aa
```
#3f44aa rgb(63,68,170)
```
#474dbb
```
#474dbb rgb(71,77,187)
```

Monochromatic Color

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

#314a85
```
#314a85 rgb(49,74,133)
```
#314385
```
#314385 rgb(49,67,133)
```
#313c85
```
#313c85 rgb(49,60,133)
```
#313585
```
#313585 rgb(49,53,133)
```
#343185
```
#343185 rgb(52,49,133)
```
#3b3185
```
#3b3185 rgb(59,49,133)
```
#423185
```
#423185 rgb(66,49,133)
```

Similar Colors

Text with hexadecimal color #313585

This text has a font color of #313585.

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

#313585 background color

This paragraph has a background color of #313585.

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

#313585 border color

This element has a border color of #313585.

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

CSS codes

.text {color:#313585;}

.background {background-color:#313585;}

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

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

#010204
```
#010204 rgb(1,2,4)
```
#070712
```
#070712 rgb(7,7,18)
```
#0c0d21
```
#0c0d21 rgb(12,13,33)
```
#11132f
```
#11132f rgb(17,19,47)
```
#17183d
```
#17183d rgb(23,24,61)
```
#1c1e4c
```
#1c1e4c rgb(28,30,76)
```
#21245a
```
#21245a rgb(33,36,90)
```
#262a68
```
#262a68 rgb(38,42,104)
```
#2c2f77
```
#2c2f77 rgb(44,47,119)
```
#313585
```
#313585 rgb(49,53,133)
```
#363b93
```
#363b93 rgb(54,59,147)
```
#3c40a2
```
#3c40a2 rgb(60,64,162)
```
#4146b0
```
#4146b0 rgb(65,70,176)
```

Shade Color Variation

#494ebc
```
#494ebc rgb(73,78,188)
```
#575cc1
```
#575cc1 rgb(87,92,193)
```
#656ac6
```
#656ac6 rgb(101,106,198)
```
#7478cc
```
#7478cc rgb(116,120,204)
```
#8286d1
```
#8286d1 rgb(130,134,209)
```
#9094d6
```
#9094d6 rgb(144,148,214)
```
#9fa2dc
```
#9fa2dc rgb(159,162,220)
```
#adafe1
```
#adafe1 rgb(173,175,225)
```
#bbbde6
```
#bbbde6 rgb(187,189,230)
```
#cacbeb
```
#cacbeb rgb(202,203,235)
```
#d8d9f1
```
#d8d9f1 rgb(216,217,241)
```
#e6e7f6
```
#e6e7f6 rgb(230,231,246)
```
#f5f5fb
```
#f5f5fb rgb(245,245,251)
```

Tint Color Variation

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

#5b5b5b
```
#5b5b5b rgb(91,91,91)
```
#545562
```
#545562 rgb(84,85,98)
```
#4d4e69
```
#4d4e69 rgb(77,78,105)
```
#464870
```
#464870 rgb(70,72,112)
```
#3f4277
```
#3f4277 rgb(63,66,119)
```
#383b7e
```
#383b7e rgb(56,59,126)
```
#313585
```
#313585 rgb(49,53,133)
```
#2a2f8c
```
#2a2f8c rgb(42,47,140)
```
#232893
```
#232893 rgb(35,40,147)
```
#1c229a
```
#1c229a rgb(28,34,154)
```
#151ca1
```
#151ca1 rgb(21,28,161)
```
#0e15a8
```
#0e15a8 rgb(14,21,168)
```
#070faf
```
#070faf rgb(7,15,175)
```

Tone Color Variation

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

#3d3d3d Achromatopsia 0.005% of the population
#3b3b4b Atypical Achromatopsia 0.001% of the population

Dichromacy

#004689 Protanopia 1% of men
#004a79 Deuteranopia 1% of men
#134f55 Tritanopia 0.001% of the population

Trichromacy

#114088 Protanomaly 1% of men, 0.01% of women
#11427d Deuteranomaly 6% of men, 0.4% of women
#1e4566 Tritanomaly 0.01% of the population

#313585 hex color

#313585 Color Information

#313585 Color Conversion

Color Schemes with #313585

Alternatives to #313585

#313585 Preview

Shades and Tints of #313585

Tones of #313585

Color Blindness Simulator