#311d77 hex color

In a RGB color space, hex #311d77 is composed of 19.2% red, 11.4% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 58.8% cyan, 75.6% magenta, 0% yellow and 53.3% black. It has a hue angle of 253.3 degrees, a saturation of 60.8% and a lightness of 29%. #311d77 color hex could be obtained by blending #623aee with #000000. Closest websafe color is: #333366.

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

● #311d77 color description : Dark blue.

The hexadecimal color #311d77 has RGB values of R:49, G:29, B:119 and CMYK values of C:0.59, M:0.76, Y:0, K:0.53. Its decimal value is 3218807.

Hex triplet	311d77	`#311d77`
RGB Decimal	49, 29, 119	`rgb(49,29,119)`
RGB Percent	19.2, 11.4, 46.7	`rgb(19.2%,11.4%,46.7%)`
CMYK	59, 76, 0, 53
HSL	253.3°, 60.8, 29	`hsl(253.3,60.8%,29%)`
HSV (or HSB)	253.3°, 75.6, 46.7
Web Safe	333366	`#333366`

CIE-LAB	19.489, 34.817, -48.046
XYZ	5.035, 2.863, 17.739
xyY	0.196, 0.112, 2.863
CIE-LCH	19.489, 59.335, 305.93
CIE-LUV	19.489, 0.296, -54.139
Hunter-Lab	16.922, 23.5, -50.309
Binary	00110001, 00011101, 01110111

#311d77
```
#311d77 rgb(49,29,119)
```
#63771d
```
#63771d rgb(99,119,29)
```

Complementary Color

#1d3677
```
#1d3677 rgb(29,54,119)
```
#311d77
```
#311d77 rgb(49,29,119)
```
#5e1d77
```
#5e1d77 rgb(94,29,119)
```

Analogous Color

#36771d
```
#36771d rgb(54,119,29)
```
#311d77
```
#311d77 rgb(49,29,119)
```
#775e1d
```
#775e1d rgb(119,94,29)
```

Split Complementary Color

#1d7731
```
#1d7731 rgb(29,119,49)
```
#311d77
```
#311d77 rgb(49,29,119)
```
#77311d
```
#77311d rgb(119,49,29)
```

Triadic Color

#1d6377
```
#1d6377 rgb(29,99,119)
```
#311d77
```
#311d77 rgb(49,29,119)
```
#77311d
```
#77311d rgb(119,49,29)
```
#63771d
```
#63771d rgb(99,119,29)
```

Tetradic Color

#180e39
```
#180e39 rgb(24,14,57)
```
#20134e
```
#20134e rgb(32,19,78)
```
#291862
```
#291862 rgb(41,24,98)
```
#311d77
```
#311d77 rgb(49,29,119)
```
#39228c
```
#39228c rgb(57,34,140)
```
#4227a0
```
#4227a0 rgb(66,39,160)
```
#4a2cb5
```
#4a2cb5 rgb(74,44,181)
```

Monochromatic Color

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

#1d2077
```
#1d2077 rgb(29,32,119)
```
#221d77
```
#221d77 rgb(34,29,119)
```
#2a1d77
```
#2a1d77 rgb(42,29,119)
```
#311d77
```
#311d77 rgb(49,29,119)
```
#391d77
```
#391d77 rgb(57,29,119)
```
#401d77
```
#401d77 rgb(64,29,119)
```
#481d77
```
#481d77 rgb(72,29,119)
```

Similar Colors

Text with hexadecimal color #311d77

This text has a font color of #311d77.

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

#311d77 background color

This paragraph has a background color of #311d77.

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

#311d77 border color

This element has a border color of #311d77.

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

CSS codes

.text {color:#311d77;}

.background {background-color:#311d77;}

.border {border:1px solid #311d77;}

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

#040209
```
#040209 rgb(4,2,9)
```
#0a0618
```
#0a0618 rgb(10,6,24)
```
#110a28
```
#110a28 rgb(17,10,40)
```
#170e38
```
#170e38 rgb(23,14,56)
```
#1e1148
```
#1e1148 rgb(30,17,72)
```
#241557
```
#241557 rgb(36,21,87)
```
#2b1967
```
#2b1967 rgb(43,25,103)
```
#311d77
```
#311d77 rgb(49,29,119)
```
#372187
```
#372187 rgb(55,33,135)
```
#3e2597
```
#3e2597 rgb(62,37,151)
```
#4429a6
```
#4429a6 rgb(68,41,166)
```
#4b2cb6
```
#4b2cb6 rgb(75,44,182)
```
#5130c6
```
#5130c6 rgb(81,48,198)
```

Shade Color Variation

#5c3bcf
```
#5c3bcf rgb(92,59,207)
```
#694ad3
```
#694ad3 rgb(105,74,211)
```
#765ad7
```
#765ad7 rgb(118,90,215)
```
#836adb
```
#836adb rgb(131,106,219)
```
#907adf
```
#907adf rgb(144,122,223)
```
#9d89e2
```
#9d89e2 rgb(157,137,226)
```
#aa99e6
```
#aa99e6 rgb(170,153,230)
```
#b7a9ea
```
#b7a9ea rgb(183,169,234)
```
#c5b9ee
```
#c5b9ee rgb(197,185,238)
```
#d2c9f2
```
#d2c9f2 rgb(210,201,242)
```
#dfd8f6
```
#dfd8f6 rgb(223,216,246)
```
#ece8f9
```
#ece8f9 rgb(236,232,249)
```
#f9f8fd
```
#f9f8fd rgb(249,248,253)
```

Tint Color Variation

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

#47454f
```
#47454f rgb(71,69,79)
```
#443f55
```
#443f55 rgb(68,63,85)
```
#41395b
```
#41395b rgb(65,57,91)
```
#3e3460
```
#3e3460 rgb(62,52,96)
```
#3a2e66
```
#3a2e66 rgb(58,46,102)
```
#37286c
```
#37286c rgb(55,40,108)
```
#342371
```
#342371 rgb(52,35,113)
```
#311d77
```
#311d77 rgb(49,29,119)
```
#2e177d
```
#2e177d rgb(46,23,125)
```
#2b1282
```
#2b1282 rgb(43,18,130)
```
#280c88
```
#280c88 rgb(40,12,136)
```
#24068e
```
#24068e rgb(36,6,142)
```
#210193
```
#210193 rgb(33,1,147)
```

Tone Color Variation

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

#2d2d2d Achromatopsia 0.005% of the population
#2e2a3c Atypical Achromatopsia 0.001% of the population

Dichromacy

#00386d Protanopia 1% of men
#003b5f Deuteranopia 1% of men
#1d3e43 Tritanopia 0.001% of the population

Trichromacy

#112e71 Protanomaly 1% of men, 0.01% of women
#113068 Deuteranomaly 6% of men, 0.4% of women
#243255 Tritanomaly 0.01% of the population

#311d77 hex color

#311d77 Color Information

#311d77 Color Conversion

Color Schemes with #311d77

Alternatives to #311d77

#311d77 Preview

Shades and Tints of #311d77

Tones of #311d77

Color Blindness Simulator