#313877 hex color

In a RGB color space, hex #313877 is composed of 19.2% red, 22% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 58.8% cyan, 52.9% magenta, 0% yellow and 53.3% black. It has a hue angle of 234 degrees, a saturation of 41.7% and a lightness of 32.9%. #313877 color hex could be obtained by blending #6270ee with #000000. Closest websafe color is: #333366.

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

● #313877 color description : Dark moderate blue.

The hexadecimal color #313877 has RGB values of R:49, G:56, B:119 and CMYK values of C:0.59, M:0.53, Y:0, K:0.53. Its decimal value is 3225719.

Hex triplet	313877	`#313877`
RGB Decimal	49, 56, 119	`rgb(49,56,119)`
RGB Percent	19.2, 22, 46.7	`rgb(19.2%,22%,46.7%)`
CMYK	59, 53, 0, 53
HSL	234°, 41.7, 32.9	`hsl(234,41.7%,32.9%)`
HSV (or HSB)	234°, 58.8, 46.7
Web Safe	333366	`#333366`

CIE-LAB	26.195, 17.32, -37.146
XYZ	6.01, 4.813, 18.064
xyY	0.208, 0.167, 4.813
CIE-LCH	26.195, 40.985, 294.998
CIE-LUV	26.195, -5.54, -48.071
Hunter-Lab	21.938, 10.507, -33.462
Binary	00110001, 00111000, 01110111

#313877
```
#313877 rgb(49,56,119)
```
#777031
```
#777031 rgb(119,112,49)
```

Complementary Color

#315b77
```
#315b77 rgb(49,91,119)
```
#313877
```
#313877 rgb(49,56,119)
```
#4d3177
```
#4d3177 rgb(77,49,119)
```

Analogous Color

#5b7731
```
#5b7731 rgb(91,119,49)
```
#313877
```
#313877 rgb(49,56,119)
```
#774d31
```
#774d31 rgb(119,77,49)
```

Split Complementary Color

#387731
```
#387731 rgb(56,119,49)
```
#313877
```
#313877 rgb(49,56,119)
```
#773138
```
#773138 rgb(119,49,56)
```

Triadic Color

#317770
```
#317770 rgb(49,119,112)
```
#313877
```
#313877 rgb(49,56,119)
```
#773138
```
#773138 rgb(119,49,56)
```
#777031
```
#777031 rgb(119,112,49)
```

Tetradic Color

#1b1f41
```
#1b1f41 rgb(27,31,65)
```
#222753
```
#222753 rgb(34,39,83)
```
#2a3065
```
#2a3065 rgb(42,48,101)
```
#313877
```
#313877 rgb(49,56,119)
```
#384189
```
#384189 rgb(56,65,137)
```
#40499b
```
#40499b rgb(64,73,155)
```
#4752ad
```
#4752ad rgb(71,82,173)
```

Monochromatic Color

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

#314a77
```
#314a77 rgb(49,74,119)
```
#314477
```
#314477 rgb(49,68,119)
```
#313e77
```
#313e77 rgb(49,62,119)
```
#313877
```
#313877 rgb(49,56,119)
```
#313277
```
#313277 rgb(49,50,119)
```
#363177
```
#363177 rgb(54,49,119)
```
#3b3177
```
#3b3177 rgb(59,49,119)
```

Similar Colors

Text with hexadecimal color #313877

This text has a font color of #313877.

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

#313877 background color

This paragraph has a background color of #313877.

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

#313877 border color

This element has a border color of #313877.

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

CSS codes

.text {color:#313877;}

.background {background-color:#313877;}

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

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

#030408
```
#030408 rgb(3,4,8)
```
#090a16
```
#090a16 rgb(9,10,22)
```
#0f1124
```
#0f1124 rgb(15,17,36)
```
#141732
```
#141732 rgb(20,23,50)
```
#1a1e3f
```
#1a1e3f rgb(26,30,63)
```
#20244d
```
#20244d rgb(32,36,77)
```
#262b5b
```
#262b5b rgb(38,43,91)
```
#2b3169
```
#2b3169 rgb(43,49,105)
```
#313877
```
#313877 rgb(49,56,119)
```
#373f85
```
#373f85 rgb(55,63,133)
```
#3c4593
```
#3c4593 rgb(60,69,147)
```
#424ca1
```
#424ca1 rgb(66,76,161)
```
#4852af
```
#4852af rgb(72,82,175)
```

Shade Color Variation

#525cb8
```
#525cb8 rgb(82,92,184)
```
#6069be
```
#6069be rgb(96,105,190)
```
#6e77c3
```
#6e77c3 rgb(110,119,195)
```
#7c84c9
```
#7c84c9 rgb(124,132,201)
```
#8a91cf
```
#8a91cf rgb(138,145,207)
```
#989ed4
```
#989ed4 rgb(152,158,212)
```
#a6abda
```
#a6abda rgb(166,171,218)
```
#b3b8e0
```
#b3b8e0 rgb(179,184,224)
```
#c1c5e6
```
#c1c5e6 rgb(193,197,230)
```
#cfd2eb
```
#cfd2eb rgb(207,210,235)
```
#dddff1
```
#dddff1 rgb(221,223,241)
```
#ebecf7
```
#ebecf7 rgb(235,236,247)
```
#f9f9fd
```
#f9f9fd rgb(249,249,253)
```

Tint Color Variation

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

#515257
```
#515257 rgb(81,82,87)
```
#4b4d5d
```
#4b4d5d rgb(75,77,93)
```
#444864
```
#444864 rgb(68,72,100)
```
#3e426a
```
#3e426a rgb(62,66,106)
```
#373d71
```
#373d71 rgb(55,61,113)
```
#313877
```
#313877 rgb(49,56,119)
```
#2b337d
```
#2b337d rgb(43,51,125)
```
#242e84
```
#242e84 rgb(36,46,132)
```
#1e288a
```
#1e288a rgb(30,40,138)
```
#172391
```
#172391 rgb(23,35,145)
```
#111e97
```
#111e97 rgb(17,30,151)
```
#0a199e
```
#0a199e rgb(10,25,158)
```
#0414a4
```
#0414a4 rgb(4,20,164)
```

Tone Color Variation

Below, you can see how #313877 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
#3b3c49 Atypical Achromatopsia 0.001% of the population

Dichromacy

#224681 Protanopia 1% of men
#00497a Deuteranopia 1% of men
#254d53 Tritanopia 0.001% of the population

Trichromacy

#27407d Protanomaly 1% of men, 0.01% of women
#114278 Deuteranomaly 6% of men, 0.4% of women
#294560 Tritanomaly 0.01% of the population

#313877 hex color

#313877 Color Information

#313877 Color Conversion

Color Schemes with #313877

Alternatives to #313877

#313877 Preview

Shades and Tints of #313877

Tones of #313877

Color Blindness Simulator