#311b78 hex color

In a RGB color space, hex #311b78 is composed of 19.2% red, 10.6% green and 47.1% blue. Whereas in a CMYK color space, it is composed of 59.2% cyan, 77.5% magenta, 0% yellow and 52.9% black. It has a hue angle of 254.2 degrees, a saturation of 63.3% and a lightness of 28.8%. #311b78 color hex could be obtained by blending #6236f0 with #000000. Closest websafe color is: #333366.

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

● #311b78 color description : Dark blue.

The hexadecimal color #311b78 has RGB values of R:49, G:27, B:120 and CMYK values of C:0.59, M:0.78, Y:0, K:0.53. Its decimal value is 3218296.

Hex triplet	311b78	`#311b78`
RGB Decimal	49, 27, 120	`rgb(49,27,120)`
RGB Percent	19.2, 10.6, 47.1	`rgb(19.2%,10.6%,47.1%)`
CMYK	59, 78, 0, 53
HSL	254.2°, 63.3, 28.8	`hsl(254.2,63.3%,28.8%)`
HSV (or HSB)	254.2°, 77.5, 47.1
Web Safe	333366	`#333366`

CIE-LAB	19.194, 36.248, -49.17
XYZ	5.048, 2.793, 18.041
xyY	0.195, 0.108, 2.793
CIE-LCH	19.194, 61.087, 306.397
CIE-LUV	19.194, 0.489, -54.803
Hunter-Lab	16.712, 24.675, -52.31
Binary	00110001, 00011011, 01111000

#311b78
```
#311b78 rgb(49,27,120)
```
#62781b
```
#62781b rgb(98,120,27)
```

Complementary Color

#1b3478
```
#1b3478 rgb(27,52,120)
```
#311b78
```
#311b78 rgb(49,27,120)
```
#601b78
```
#601b78 rgb(96,27,120)
```

Analogous Color

#34781b
```
#34781b rgb(52,120,27)
```
#311b78
```
#311b78 rgb(49,27,120)
```
#78601b
```
#78601b rgb(120,96,27)
```

Split Complementary Color

#1b7831
```
#1b7831 rgb(27,120,49)
```
#311b78
```
#311b78 rgb(49,27,120)
```
#78311b
```
#78311b rgb(120,49,27)
```

Triadic Color

#1b6278
```
#1b6278 rgb(27,98,120)
```
#311b78
```
#311b78 rgb(49,27,120)
```
#78311b
```
#78311b rgb(120,49,27)
```
#62781b
```
#62781b rgb(98,120,27)
```

Tetradic Color

#180d3a
```
#180d3a rgb(24,13,58)
```
#20124e
```
#20124e rgb(32,18,78)
```
#291663
```
#291663 rgb(41,22,99)
```
#311b78
```
#311b78 rgb(49,27,120)
```
#3a208d
```
#3a208d rgb(58,32,141)
```
#4224a2
```
#4224a2 rgb(66,36,162)
```
#4b29b6
```
#4b29b6 rgb(75,41,182)
```

Monochromatic Color

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

#1b1c78
```
#1b1c78 rgb(27,28,120)
```
#221b78
```
#221b78 rgb(34,27,120)
```
#291b78
```
#291b78 rgb(41,27,120)
```
#311b78
```
#311b78 rgb(49,27,120)
```
#391b78
```
#391b78 rgb(57,27,120)
```
#411b78
```
#411b78 rgb(65,27,120)
```
#481b78
```
#481b78 rgb(72,27,120)
```

Similar Colors

Text with hexadecimal color #311b78

This text has a font color of #311b78.

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

#311b78 background color

This paragraph has a background color of #311b78.

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

#311b78 border color

This element has a border color of #311b78.

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

CSS codes

.text {color:#311b78;}

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

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

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)
```
#0a0518
```
#0a0518 rgb(10,5,24)
```
#100928
```
#100928 rgb(16,9,40)
```
#170d38
```
#170d38 rgb(23,13,56)
```
#1d1048
```
#1d1048 rgb(29,16,72)
```
#241458
```
#241458 rgb(36,20,88)
```
#2a1768
```
#2a1768 rgb(42,23,104)
```
#311b78
```
#311b78 rgb(49,27,120)
```
#381f88
```
#381f88 rgb(56,31,136)
```
#3e2298
```
#3e2298 rgb(62,34,152)
```
#4526a8
```
#4526a8 rgb(69,38,168)
```
#4b29b8
```
#4b29b8 rgb(75,41,184)
```
#522dc8
```
#522dc8 rgb(82,45,200)
```

Shade Color Variation

#5b37d2
```
#5b37d2 rgb(91,55,210)
```
#6947d6
```
#6947d6 rgb(105,71,214)
```
#7657d9
```
#7657d9 rgb(118,87,217)
```
#8367dd
```
#8367dd rgb(131,103,221)
```
#9077e0
```
#9077e0 rgb(144,119,224)
```
#9d87e4
```
#9d87e4 rgb(157,135,228)
```
#aa97e8
```
#aa97e8 rgb(170,151,232)
```
#b7a7eb
```
#b7a7eb rgb(183,167,235)
```
#c4b7ef
```
#c4b7ef rgb(196,183,239)
```
#d1c7f2
```
#d1c7f2 rgb(209,199,242)
```
#ded7f6
```
#ded7f6 rgb(222,215,246)
```
#ebe7fa
```
#ebe7fa rgb(235,231,250)
```
#f8f7fd
```
#f8f7fd rgb(248,247,253)
```

Tint Color Variation

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

#49484b
```
#49484b rgb(73,72,75)
```
#464350
```
#464350 rgb(70,67,80)
```
#433d56
```
#433d56 rgb(67,61,86)
```
#40375c
```
#40375c rgb(64,55,92)
```
#3d3261
```
#3d3261 rgb(61,50,97)
```
#3a2c67
```
#3a2c67 rgb(58,44,103)
```
#37266d
```
#37266d rgb(55,38,109)
```
#342172
```
#342172 rgb(52,33,114)
```
#311b78
```
#311b78 rgb(49,27,120)
```
#2e157e
```
#2e157e rgb(46,21,126)
```
#2b1083
```
#2b1083 rgb(43,16,131)
```
#280a89
```
#280a89 rgb(40,10,137)
```
#25048f
```
#25048f rgb(37,4,143)
```

Tone Color Variation

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

#00376c Protanopia 1% of men
#003a5e Deuteranopia 1% of men
#1b3e42 Tritanopia 0.001% of the population

Trichromacy

#112d70 Protanomaly 1% of men, 0.01% of women
#112f67 Deuteranomaly 6% of men, 0.4% of women
#233156 Tritanomaly 0.01% of the population

#311b78 hex color

#311b78 Color Information

#311b78 Color Conversion

Color Schemes with #311b78

Alternatives to #311b78

#311b78 Preview

Shades and Tints of #311b78

Tones of #311b78

Color Blindness Simulator