#313b77 hex color

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

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

● #313b77 color description : Dark moderate blue.

The hexadecimal color #313b77 has RGB values of R:49, G:59, B:119 and CMYK values of C:0.59, M:0.5, Y:0, K:0.53. Its decimal value is 3226487.

Hex triplet	313b77	`#313b77`
RGB Decimal	49, 59, 119	`rgb(49,59,119)`
RGB Percent	19.2, 23.1, 46.7	`rgb(19.2%,23.1%,46.7%)`
CMYK	59, 50, 0, 53
HSL	231.4°, 41.7, 32.9	`hsl(231.4,41.7%,32.9%)`
HSV (or HSB)	231.4°, 58.8, 46.7
Web Safe	333366	`#333366`

CIE-LAB	27.053, 15.264, -35.768
XYZ	6.16, 5.113, 18.114
xyY	0.21, 0.174, 5.113
CIE-LCH	27.053, 38.888, 293.11
CIE-LUV	27.053, -6.416, -46.754
Hunter-Lab	22.611, 9.058, -31.671
Binary	00110001, 00111011, 01110111

#313b77
```
#313b77 rgb(49,59,119)
```
#776d31
```
#776d31 rgb(119,109,49)
```

Complementary Color

#315e77
```
#315e77 rgb(49,94,119)
```
#313b77
```
#313b77 rgb(49,59,119)
```
#4a3177
```
#4a3177 rgb(74,49,119)
```

Analogous Color

#5e7731
```
#5e7731 rgb(94,119,49)
```
#313b77
```
#313b77 rgb(49,59,119)
```
#774a31
```
#774a31 rgb(119,74,49)
```

Split Complementary Color

#3b7731
```
#3b7731 rgb(59,119,49)
```
#313b77
```
#313b77 rgb(49,59,119)
```
#77313b
```
#77313b rgb(119,49,59)
```

Triadic Color

#31776d
```
#31776d rgb(49,119,109)
```
#313b77
```
#313b77 rgb(49,59,119)
```
#77313b
```
#77313b rgb(119,49,59)
```
#776d31
```
#776d31 rgb(119,109,49)
```

Tetradic Color

#1b2041
```
#1b2041 rgb(27,32,65)
```
#222953
```
#222953 rgb(34,41,83)
```
#2a3265
```
#2a3265 rgb(42,50,101)
```
#313b77
```
#313b77 rgb(49,59,119)
```
#384489
```
#384489 rgb(56,68,137)
```
#404d9b
```
#404d9b rgb(64,77,155)
```
#4756ad
```
#4756ad rgb(71,86,173)
```

Monochromatic Color

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

#314d77
```
#314d77 rgb(49,77,119)
```
#314777
```
#314777 rgb(49,71,119)
```
#314177
```
#314177 rgb(49,65,119)
```
#313b77
```
#313b77 rgb(49,59,119)
```
#313577
```
#313577 rgb(49,53,119)
```
#333177
```
#333177 rgb(51,49,119)
```
#393177
```
#393177 rgb(57,49,119)
```

Similar Colors

Text with hexadecimal color #313b77

This text has a font color of #313b77.

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

#313b77 background color

This paragraph has a background color of #313b77.

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

#313b77 border color

This element has a border color of #313b77.

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

CSS codes

.text {color:#313b77;}

.background {background-color:#313b77;}

.border {border:1px solid #313b77;}

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)
```
#090b16
```
#090b16 rgb(9,11,22)
```
#0f1224
```
#0f1224 rgb(15,18,36)
```
#141932
```
#141932 rgb(20,25,50)
```
#1a1f3f
```
#1a1f3f rgb(26,31,63)
```
#20264d
```
#20264d rgb(32,38,77)
```
#262d5b
```
#262d5b rgb(38,45,91)
```
#2b3469
```
#2b3469 rgb(43,52,105)
```
#313b77
```
#313b77 rgb(49,59,119)
```
#374285
```
#374285 rgb(55,66,133)
```
#3c4993
```
#3c4993 rgb(60,73,147)
```
#4250a1
```
#4250a1 rgb(66,80,161)
```
#4857af
```
#4857af rgb(72,87,175)
```

Shade Color Variation

#5261b8
```
#5261b8 rgb(82,97,184)
```
#606dbe
```
#606dbe rgb(96,109,190)
```
#6e7ac3
```
#6e7ac3 rgb(110,122,195)
```
#7c87c9
```
#7c87c9 rgb(124,135,201)
```
#8a94cf
```
#8a94cf rgb(138,148,207)
```
#98a0d4
```
#98a0d4 rgb(152,160,212)
```
#a6adda
```
#a6adda rgb(166,173,218)
```
#b3bae0
```
#b3bae0 rgb(179,186,224)
```
#c1c7e6
```
#c1c7e6 rgb(193,199,230)
```
#cfd3eb
```
#cfd3eb rgb(207,211,235)
```
#dde0f1
```
#dde0f1 rgb(221,224,241)
```
#ebedf7
```
#ebedf7 rgb(235,237,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 #041ba4 is the most saturated one.

#515257
```
#515257 rgb(81,82,87)
```
#4b4d5d
```
#4b4d5d rgb(75,77,93)
```
#444964
```
#444964 rgb(68,73,100)
```
#3e446a
```
#3e446a rgb(62,68,106)
```
#374071
```
#374071 rgb(55,64,113)
```
#313b77
```
#313b77 rgb(49,59,119)
```
#2b367d
```
#2b367d rgb(43,54,125)
```
#243284
```
#243284 rgb(36,50,132)
```
#1e2d8a
```
#1e2d8a rgb(30,45,138)
```
#172991
```
#172991 rgb(23,41,145)
```
#112497
```
#112497 rgb(17,36,151)
```
#0a1f9e
```
#0a1f9e rgb(10,31,158)
```
#041ba4
```
#041ba4 rgb(4,27,164)
```

Tone Color Variation

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

#3f3f3f Achromatopsia 0.005% of the population
#3c3e4a Atypical Achromatopsia 0.001% of the population

Dichromacy

#294880 Protanopia 1% of men
#154a7b Deuteranopia 1% of men
#264f55 Tritanopia 0.001% of the population

Trichromacy

#2c437d Protanomaly 1% of men, 0.01% of women
#1f4579 Deuteranomaly 6% of men, 0.4% of women
#2a4861 Tritanomaly 0.01% of the population

#313b77 hex color

#313b77 Color Information

#313b77 Color Conversion

Color Schemes with #313b77

Alternatives to #313b77

#313b77 Preview

Shades and Tints of #313b77

Tones of #313b77

Color Blindness Simulator