#313785 hex color

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

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

● #313785 color description : Dark moderate blue.

The hexadecimal color #313785 has RGB values of R:49, G:55, B:133 and CMYK values of C:0.63, M:0.59, Y:0, K:0.48. Its decimal value is 3225477.

Hex triplet	313785	`#313785`
RGB Decimal	49, 55, 133	`rgb(49,55,133)`
RGB Percent	19.2, 21.6, 52.2	`rgb(19.2%,21.6%,52.2%)`
CMYK	63, 59, 0, 48
HSL	235.7°, 46.2, 35.7	`hsl(235.7,46.2%,35.7%)`
HSV (or HSB)	235.7°, 63.2, 52.2
Web Safe	333399	`#333399`

CIE-LAB	26.957, 23.073, -44.714
XYZ	6.866, 5.078, 22.807
xyY	0.198, 0.146, 5.078
CIE-LCH	26.957, 50.316, 297.294
CIE-LUV	26.957, -5.792, -58.375
Hunter-Lab	22.535, 14.944, -44.231
Binary	00110001, 00110111, 10000101

#313785
```
#313785 rgb(49,55,133)
```
#857f31
```
#857f31 rgb(133,127,49)
```

Complementary Color

#316185
```
#316185 rgb(49,97,133)
```
#313785
```
#313785 rgb(49,55,133)
```
#553185
```
#553185 rgb(85,49,133)
```

Analogous Color

#618531
```
#618531 rgb(97,133,49)
```
#313785
```
#313785 rgb(49,55,133)
```
#855531
```
#855531 rgb(133,85,49)
```

Split Complementary Color

#378531
```
#378531 rgb(55,133,49)
```
#313785
```
#313785 rgb(49,55,133)
```
#853137
```
#853137 rgb(133,49,55)
```

Triadic Color

#31857f
```
#31857f rgb(49,133,127)
```
#313785
```
#313785 rgb(49,55,133)
```
#853137
```
#853137 rgb(133,49,55)
```
#857f31
```
#857f31 rgb(133,127,49)
```

Tetradic Color

#1c204d
```
#1c204d rgb(28,32,77)
```
#232860
```
#232860 rgb(35,40,96)
```
#2a2f72
```
#2a2f72 rgb(42,47,114)
```
#313785
```
#313785 rgb(49,55,133)
```
#383f98
```
#383f98 rgb(56,63,152)
```
#3f46aa
```
#3f46aa rgb(63,70,170)
```
#4750bb
```
#4750bb rgb(71,80,187)
```

Monochromatic Color

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

#314c85
```
#314c85 rgb(49,76,133)
```
#314585
```
#314585 rgb(49,69,133)
```
#313e85
```
#313e85 rgb(49,62,133)
```
#313785
```
#313785 rgb(49,55,133)
```
#323185
```
#323185 rgb(50,49,133)
```
#393185
```
#393185 rgb(57,49,133)
```
#403185
```
#403185 rgb(64,49,133)
```

Similar Colors

Text with hexadecimal color #313785

This text has a font color of #313785.

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

#313785 background color

This paragraph has a background color of #313785.

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

#313785 border color

This element has a border color of #313785.

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

CSS codes

.text {color:#313785;}

.background {background-color:#313785;}

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

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)
```
#070812
```
#070812 rgb(7,8,18)
```
#0c0e21
```
#0c0e21 rgb(12,14,33)
```
#11132f
```
#11132f rgb(17,19,47)
```
#17193d
```
#17193d rgb(23,25,61)
```
#1c1f4c
```
#1c1f4c rgb(28,31,76)
```
#21255a
```
#21255a rgb(33,37,90)
```
#262b68
```
#262b68 rgb(38,43,104)
```
#2c3177
```
#2c3177 rgb(44,49,119)
```
#313785
```
#313785 rgb(49,55,133)
```
#363d93
```
#363d93 rgb(54,61,147)
```
#3c43a2
```
#3c43a2 rgb(60,67,162)
```
#4149b0
```
#4149b0 rgb(65,73,176)
```

Shade Color Variation

#4951bc
```
#4951bc rgb(73,81,188)
```
#575fc1
```
#575fc1 rgb(87,95,193)
```
#656cc6
```
#656cc6 rgb(101,108,198)
```
#747acc
```
#747acc rgb(116,122,204)
```
#8288d1
```
#8288d1 rgb(130,136,209)
```
#9095d6
```
#9095d6 rgb(144,149,214)
```
#9fa3dc
```
#9fa3dc rgb(159,163,220)
```
#adb1e1
```
#adb1e1 rgb(173,177,225)
```
#bbbee6
```
#bbbee6 rgb(187,190,230)
```
#cacceb
```
#cacceb rgb(202,204,235)
```
#d8daf1
```
#d8daf1 rgb(216,218,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 #0713af is the most saturated one.

#5b5b5b
```
#5b5b5b rgb(91,91,91)
```
#545562
```
#545562 rgb(84,85,98)
```
#4d4f69
```
#4d4f69 rgb(77,79,105)
```
#464970
```
#464970 rgb(70,73,112)
```
#3f4377
```
#3f4377 rgb(63,67,119)
```
#383d7e
```
#383d7e rgb(56,61,126)
```
#313785
```
#313785 rgb(49,55,133)
```
#2a318c
```
#2a318c rgb(42,49,140)
```
#232b93
```
#232b93 rgb(35,43,147)
```
#1c259a
```
#1c259a rgb(28,37,154)
```
#151fa1
```
#151fa1 rgb(21,31,161)
```
#0e19a8
```
#0e19a8 rgb(14,25,168)
```
#0713af
```
#0713af rgb(7,19,175)
```

Tone Color Variation

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

#3e3e3e Achromatopsia 0.005% of the population
#3b3d4c Atypical Achromatopsia 0.001% of the population

Dichromacy

#00478c Protanopia 1% of men
#004b7b Deuteranopia 1% of men
#155056 Tritanopia 0.001% of the population

Trichromacy

#114189 Protanomaly 1% of men, 0.01% of women
#11437e Deuteranomaly 6% of men, 0.4% of women
#1f4767 Tritanomaly 0.01% of the population

#313785 hex color

#313785 Color Information

#313785 Color Conversion

Color Schemes with #313785

Alternatives to #313785

#313785 Preview

Shades and Tints of #313785

Tones of #313785

Color Blindness Simulator