#311d76 hex color

In a RGB color space, hex #311d76 is composed of 19.2% red, 11.4% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 58.5% cyan, 75.4% magenta, 0% yellow and 53.7% black. It has a hue angle of 253.5 degrees, a saturation of 60.5% and a lightness of 28.8%. #311d76 color hex could be obtained by blending #623aec with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 19
- G 11
- B 46
RGB color chart
- C 58
- M 75
- Y 0
- K 54
CMYK color chart

● #311d76 color description : Dark blue.

The hexadecimal color #311d76 has RGB values of R:49, G:29, B:118 and CMYK values of C:0.58, M:0.75, Y:0, K:0.54. Its decimal value is 3218806.

Hex triplet	311d76	`#311d76`
RGB Decimal	49, 29, 118	`rgb(49,29,118)`
RGB Percent	19.2, 11.4, 46.3	`rgb(19.2%,11.4%,46.3%)`
CMYK	58, 75, 0, 54
HSL	253.5°, 60.5, 28.8	`hsl(253.5,60.5%,28.8%)`
HSV (or HSB)	253.5°, 75.4, 46.3
Web Safe	333366	`#333366`

CIE-LAB	19.39, 34.498, -47.567
XYZ	4.975, 2.84, 17.424
xyY	0.197, 0.113, 2.84
CIE-LCH	19.39, 58.76, 305.952
CIE-LUV	19.39, 0.376, -53.531
Hunter-Lab	16.851, 23.214, -49.512
Binary	00110001, 00011101, 01110110

#311d76
```
#311d76 rgb(49,29,118)
```
#62761d
```
#62761d rgb(98,118,29)
```

Complementary Color

#1d3676
```
#1d3676 rgb(29,54,118)
```
#311d76
```
#311d76 rgb(49,29,118)
```
#5e1d76
```
#5e1d76 rgb(94,29,118)
```

Analogous Color

#36761d
```
#36761d rgb(54,118,29)
```
#311d76
```
#311d76 rgb(49,29,118)
```
#765e1d
```
#765e1d rgb(118,94,29)
```

Split Complementary Color

#1d7631
```
#1d7631 rgb(29,118,49)
```
#311d76
```
#311d76 rgb(49,29,118)
```
#76311d
```
#76311d rgb(118,49,29)
```

Triadic Color

#1d6276
```
#1d6276 rgb(29,98,118)
```
#311d76
```
#311d76 rgb(49,29,118)
```
#76311d
```
#76311d rgb(118,49,29)
```
#62761d
```
#62761d rgb(98,118,29)
```

Tetradic Color

#180e39
```
#180e39 rgb(24,14,57)
```
#20134d
```
#20134d rgb(32,19,77)
```
#291862
```
#291862 rgb(41,24,98)
```
#311d76
```
#311d76 rgb(49,29,118)
```
#3a228a
```
#3a228a rgb(58,34,138)
```
#42279f
```
#42279f rgb(66,39,159)
```
#4b2cb3
```
#4b2cb3 rgb(75,44,179)
```

Monochromatic Color

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

#1d1f76
```
#1d1f76 rgb(29,31,118)
```
#221d76
```
#221d76 rgb(34,29,118)
```
#2a1d76
```
#2a1d76 rgb(42,29,118)
```
#311d76
```
#311d76 rgb(49,29,118)
```
#381d76
```
#381d76 rgb(56,29,118)
```
#401d76
```
#401d76 rgb(64,29,118)
```
#471d76
```
#471d76 rgb(71,29,118)
```

Similar Colors

Text with hexadecimal color #311d76

This text has a font color of #311d76.

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

#311d76 background color

This paragraph has a background color of #311d76.

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

#311d76 border color

This element has a border color of #311d76.

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

CSS codes

.text {color:#311d76;}

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

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

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

#030208
```
#030208 rgb(3,2,8)
```
#0a0618
```
#0a0618 rgb(10,6,24)
```
#100a27
```
#100a27 rgb(16,10,39)
```
#170e37
```
#170e37 rgb(23,14,55)
```
#1d1147
```
#1d1147 rgb(29,17,71)
```
#241557
```
#241557 rgb(36,21,87)
```
#2a1966
```
#2a1966 rgb(42,25,102)
```
#311d76
```
#311d76 rgb(49,29,118)
```
#382186
```
#382186 rgb(56,33,134)
```
#3e2595
```
#3e2595 rgb(62,37,149)
```
#4529a5
```
#4529a5 rgb(69,41,165)
```
#4b2cb5
```
#4b2cb5 rgb(75,44,181)
```
#5230c5
```
#5230c5 rgb(82,48,197)
```

Shade Color Variation

#5b3acf
```
#5b3acf rgb(91,58,207)
```
#694ad2
```
#694ad2 rgb(105,74,210)
```
#765ad6
```
#765ad6 rgb(118,90,214)
```
#8369da
```
#8369da rgb(131,105,218)
```
#9079de
```
#9079de rgb(144,121,222)
```
#9d89e2
```
#9d89e2 rgb(157,137,226)
```
#aa99e6
```
#aa99e6 rgb(170,153,230)
```
#b7a8ea
```
#b7a8ea rgb(183,168,234)
```
#c4b8ee
```
#c4b8ee rgb(196,184,238)
```
#d1c8f1
```
#d1c8f1 rgb(209,200,241)
```
#ded8f5
```
#ded8f5 rgb(222,216,245)
```
#ebe7f9
```
#ebe7f9 rgb(235,231,249)
```
#f8f7fd
```
#f8f7fd rgb(248,247,253)
```

Tint Color Variation

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

#47454e
```
#47454e rgb(71,69,78)
```
#443f54
```
#443f54 rgb(68,63,84)
```
#41395a
```
#41395a rgb(65,57,90)
```
#3d345f
```
#3d345f rgb(61,52,95)
```
#3a2e65
```
#3a2e65 rgb(58,46,101)
```
#37286b
```
#37286b rgb(55,40,107)
```
#342370
```
#342370 rgb(52,35,112)
```
#311d76
```
#311d76 rgb(49,29,118)
```
#2e177c
```
#2e177c rgb(46,23,124)
```
#2b1281
```
#2b1281 rgb(43,18,129)
```
#280c87
```
#280c87 rgb(40,12,135)
```
#25068d
```
#25068d rgb(37,6,141)
```
#210192
```
#210192 rgb(33,1,146)
```

Tone Color Variation

Below, you can see how #311d76 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
#1e3e42 Tritanopia 0.001% of the population

Trichromacy

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

#311d76 hex color

#311d76 Color Information

#311d76 Color Conversion

Color Schemes with #311d76

Alternatives to #311d76

#311d76 Preview

Shades and Tints of #311d76

Tones of #311d76

Color Blindness Simulator