#311b76 hex color

In a RGB color space, hex #311b76 is composed of 19.2% red, 10.6% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 58.5% cyan, 77.1% magenta, 0% yellow and 53.7% black. It has a hue angle of 254.5 degrees, a saturation of 62.8% and a lightness of 28.4%. #311b76 color hex could be obtained by blending #6236ec with #000000. Closest websafe color is: #333366.

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

● #311b76 color description : Dark blue.

The hexadecimal color #311b76 has RGB values of R:49, G:27, B:118 and CMYK values of C:0.58, M:0.77, Y:0, K:0.54. Its decimal value is 3218294.

Hex triplet	311b76	`#311b76`
RGB Decimal	49, 27, 118	`rgb(49,27,118)`
RGB Percent	19.2, 10.6, 46.3	`rgb(19.2%,10.6%,46.3%)`
CMYK	58, 77, 0, 54
HSL	254.5°, 62.8, 28.4	`hsl(254.5,62.8%,28.4%)`
HSV (or HSB)	254.5°, 77.1, 46.3
Web Safe	333366	`#333366`

CIE-LAB	18.991, 35.62, -48.221
XYZ	4.928, 2.745, 17.409
xyY	0.196, 0.109, 2.745
CIE-LCH	18.991, 59.95, 306.452
CIE-LUV	18.991, 0.651, -53.599
Hunter-Lab	16.567, 24.103, -50.705
Binary	00110001, 00011011, 01110110

#311b76
```
#311b76 rgb(49,27,118)
```
#60761b
```
#60761b rgb(96,118,27)
```

Complementary Color

#1b3376
```
#1b3376 rgb(27,51,118)
```
#311b76
```
#311b76 rgb(49,27,118)
```
#5f1b76
```
#5f1b76 rgb(95,27,118)
```

Analogous Color

#33761b
```
#33761b rgb(51,118,27)
```
#311b76
```
#311b76 rgb(49,27,118)
```
#765f1b
```
#765f1b rgb(118,95,27)
```

Split Complementary Color

#1b7631
```
#1b7631 rgb(27,118,49)
```
#311b76
```
#311b76 rgb(49,27,118)
```
#76311b
```
#76311b rgb(118,49,27)
```

Triadic Color

#1b6076
```
#1b6076 rgb(27,96,118)
```
#311b76
```
#311b76 rgb(49,27,118)
```
#76311b
```
#76311b rgb(118,49,27)
```
#60761b
```
#60761b rgb(96,118,27)
```

Tetradic Color

#170d38
```
#170d38 rgb(23,13,56)
```
#20124c
```
#20124c rgb(32,18,76)
```
#281661
```
#281661 rgb(40,22,97)
```
#311b76
```
#311b76 rgb(49,27,118)
```
#3a208b
```
#3a208b rgb(58,32,139)
```
#4224a0
```
#4224a0 rgb(66,36,160)
```
#4b29b4
```
#4b29b4 rgb(75,41,180)
```

Monochromatic Color

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

#1b1c76
```
#1b1c76 rgb(27,28,118)
```
#221b76
```
#221b76 rgb(34,27,118)
```
#291b76
```
#291b76 rgb(41,27,118)
```
#311b76
```
#311b76 rgb(49,27,118)
```
#391b76
```
#391b76 rgb(57,27,118)
```
#401b76
```
#401b76 rgb(64,27,118)
```
#481b76
```
#481b76 rgb(72,27,118)
```

Similar Colors

Text with hexadecimal color #311b76

This text has a font color of #311b76.

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

#311b76 background color

This paragraph has a background color of #311b76.

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

#311b76 border color

This element has a border color of #311b76.

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

CSS codes

.text {color:#311b76;}

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

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

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

#030106
```
#030106 rgb(3,1,6)
```
#090516
```
#090516 rgb(9,5,22)
```
#100926
```
#100926 rgb(16,9,38)
```
#160c36
```
#160c36 rgb(22,12,54)
```
#1d1046
```
#1d1046 rgb(29,16,70)
```
#241456
```
#241456 rgb(36,20,86)
```
#2a1766
```
#2a1766 rgb(42,23,102)
```
#311b76
```
#311b76 rgb(49,27,118)
```
#381f86
```
#381f86 rgb(56,31,134)
```
#3e2296
```
#3e2296 rgb(62,34,150)
```
#4526a6
```
#4526a6 rgb(69,38,166)
```
#4c2ab6
```
#4c2ab6 rgb(76,42,182)
```
#522dc6
```
#522dc6 rgb(82,45,198)
```

Shade Color Variation

#5b36d1
```
#5b36d1 rgb(91,54,209)
```
#6846d5
```
#6846d5 rgb(104,70,213)
```
#7556d8
```
#7556d8 rgb(117,86,216)
```
#8266dc
```
#8266dc rgb(130,102,220)
```
#8f76e0
```
#8f76e0 rgb(143,118,224)
```
#9c86e3
```
#9c86e3 rgb(156,134,227)
```
#a996e7
```
#a996e7 rgb(169,150,231)
```
#b6a5eb
```
#b6a5eb rgb(182,165,235)
```
#c3b5ee
```
#c3b5ee rgb(195,181,238)
```
#d0c5f2
```
#d0c5f2 rgb(208,197,242)
```
#ddd5f5
```
#ddd5f5 rgb(221,213,245)
```
#eae5f9
```
#eae5f9 rgb(234,229,249)
```
#f7f5fd
```
#f7f5fd rgb(247,245,253)
```

Tint Color Variation

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

#484849
```
#484849 rgb(72,72,73)
```
#45424f
```
#45424f rgb(69,66,79)
```
#423c55
```
#423c55 rgb(66,60,85)
```
#3f375a
```
#3f375a rgb(63,55,90)
```
#3d3160
```
#3d3160 rgb(61,49,96)
```
#3a2c65
```
#3a2c65 rgb(58,44,101)
```
#37266b
```
#37266b rgb(55,38,107)
```
#342170
```
#342170 rgb(52,33,112)
```
#311b76
```
#311b76 rgb(49,27,118)
```
#2e157c
```
#2e157c rgb(46,21,124)
```
#2b1081
```
#2b1081 rgb(43,16,129)
```
#280a87
```
#280a87 rgb(40,10,135)
```
#25058c
```
#25058c rgb(37,5,140)
```

Tone Color Variation

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

#2c2c2c Achromatopsia 0.005% of the population
#2d293b Atypical Achromatopsia 0.001% of the population

Dichromacy

#00376b Protanopia 1% of men
#003a5d Deuteranopia 1% of men
#1d3d41 Tritanopia 0.001% of the population

Trichromacy

#112d6f Protanomaly 1% of men, 0.01% of women
#112f66 Deuteranomaly 6% of men, 0.4% of women
#243054 Tritanomaly 0.01% of the population

#311b76 hex color

#311b76 Color Information

#311b76 Color Conversion

Color Schemes with #311b76

Alternatives to #311b76

#311b76 Preview

Shades and Tints of #311b76

Tones of #311b76

Color Blindness Simulator