#311b8e hex color

In a RGB color space, hex #311b8e is composed of 19.2% red, 10.6% green and 55.7% blue. Whereas in a CMYK color space, it is composed of 65.5% cyan, 81% magenta, 0% yellow and 44.3% black. It has a hue angle of 251.5 degrees, a saturation of 68% and a lightness of 33.1%. #311b8e color hex could be obtained by blending #6236ff with #00001d. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 19
- G 11
- B 56
RGB color chart
- C 65
- M 81
- Y 0
- K 44
CMYK color chart

● #311b8e color description : Dark blue.

The hexadecimal color #311b8e has RGB values of R:49, G:27, B:142 and CMYK values of C:0.65, M:0.81, Y:0, K:0.44. Its decimal value is 3218318.

Hex triplet	311b8e	`#311b8e`
RGB Decimal	49, 27, 142	`rgb(49,27,142)`
RGB Percent	19.2, 10.6, 55.7	`rgb(19.2%,10.6%,55.7%)`
CMYK	65, 81, 0, 44
HSL	251.5°, 68, 33.1	`hsl(251.5,68%,33.1%)`
HSV (or HSB)	251.5°, 81, 55.7
Web Safe	333399	`#333399`

CIE-LAB	21.541, 43.074, -59.194
XYZ	6.54, 3.39, 25.899
xyY	0.183, 0.095, 3.39
CIE-LCH	21.541, 73.207, 306.043
CIE-LUV	21.541, -1.169, -67.909
Hunter-Lab	18.411, 31.19, -70.519
Binary	00110001, 00011011, 10001110

#311b8e
```
#311b8e rgb(49,27,142)
```
#788e1b
```
#788e1b rgb(120,142,27)
```

Complementary Color

#1b3f8e
```
#1b3f8e rgb(27,63,142)
```
#311b8e
```
#311b8e rgb(49,27,142)
```
#6b1b8e
```
#6b1b8e rgb(107,27,142)
```

Analogous Color

#3f8e1b
```
#3f8e1b rgb(63,142,27)
```
#311b8e
```
#311b8e rgb(49,27,142)
```
#8e6b1b
```
#8e6b1b rgb(142,107,27)
```

Split Complementary Color

#1b8e31
```
#1b8e31 rgb(27,142,49)
```
#311b8e
```
#311b8e rgb(49,27,142)
```
#8e311b
```
#8e311b rgb(142,49,27)
```

Triadic Color

#1b788e
```
#1b788e rgb(27,120,142)
```
#311b8e
```
#311b8e rgb(49,27,142)
```
#8e311b
```
#8e311b rgb(142,49,27)
```
#788e1b
```
#788e1b rgb(120,142,27)
```

Tetradic Color

#1b0f4e
```
#1b0f4e rgb(27,15,78)
```
#221363
```
#221363 rgb(34,19,99)
```
#2a1779
```
#2a1779 rgb(42,23,121)
```
#311b8e
```
#311b8e rgb(49,27,142)
```
#381fa3
```
#381fa3 rgb(56,31,163)
```
#4023b9
```
#4023b9 rgb(64,35,185)
```
#4727ce
```
#4727ce rgb(71,39,206)
```

Monochromatic Color

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

#1b228e
```
#1b228e rgb(27,34,142)
```
#1e1b8e
```
#1e1b8e rgb(30,27,142)
```
#271b8e
```
#271b8e rgb(39,27,142)
```
#311b8e
```
#311b8e rgb(49,27,142)
```
#3b1b8e
```
#3b1b8e rgb(59,27,142)
```
#441b8e
```
#441b8e rgb(68,27,142)
```
#4e1b8e
```
#4e1b8e rgb(78,27,142)
```

Similar Colors

Text with hexadecimal color #311b8e

This text has a font color of #311b8e.

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

#311b8e background color

This paragraph has a background color of #311b8e.

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

#311b8e border color

This element has a border color of #311b8e.

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

CSS codes

.text {color:#311b8e;}

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

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

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, #04020a is the darkest color, while #faf9fe is the lightest one.

#04020a
```
#04020a rgb(4,2,10)
```
#09051b
```
#09051b rgb(9,5,27)
```
#0f082b
```
#0f082b rgb(15,8,43)
```
#150b3c
```
#150b3c rgb(21,11,60)
```
#1a0e4c
```
#1a0e4c rgb(26,14,76)
```
#20125d
```
#20125d rgb(32,18,93)
```
#26156d
```
#26156d rgb(38,21,109)
```
#2b187e
```
#2b187e rgb(43,24,126)
```
#311b8e
```
#311b8e rgb(49,27,142)
```
#371e9e
```
#371e9e rgb(55,30,158)
```
#3c21af
```
#3c21af rgb(60,33,175)
```
#4224bf
```
#4224bf rgb(66,36,191)
```
#4828d0
```
#4828d0 rgb(72,40,208)
```

Shade Color Variation

#5333d8
```
#5333d8 rgb(83,51,216)
```
#6043db
```
#6043db rgb(96,67,219)
```
#6e54de
```
#6e54de rgb(110,84,222)
```
#7c64e2
```
#7c64e2 rgb(124,100,226)
```
#8a75e5
```
#8a75e5 rgb(138,117,229)
```
#9885e8
```
#9885e8 rgb(152,133,232)
```
#a696eb
```
#a696eb rgb(166,150,235)
```
#b4a6ee
```
#b4a6ee rgb(180,166,238)
```
#c2b7f1
```
#c2b7f1 rgb(194,183,241)
```
#d0c7f4
```
#d0c7f4 rgb(208,199,244)
```
#ded8f8
```
#ded8f8 rgb(222,216,248)
```
#ece8fb
```
#ece8fb rgb(236,232,251)
```
#faf9fe
```
#faf9fe rgb(250,249,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #514f5a is the less saturated color, while #2101a8 is the most saturated one.

#514f5a
```
#514f5a rgb(81,79,90)
```
#4d4961
```
#4d4961 rgb(77,73,97)
```
#494267
```
#494267 rgb(73,66,103)
```
#453c6e
```
#453c6e rgb(69,60,110)
```
#413574
```
#413574 rgb(65,53,116)
```
#3d2f7b
```
#3d2f7b rgb(61,47,123)
```
#392881
```
#392881 rgb(57,40,129)
```
#352288
```
#352288 rgb(53,34,136)
```
#311b8e
```
#311b8e rgb(49,27,142)
```
#2d1595
```
#2d1595 rgb(45,21,149)
```
#290e9b
```
#290e9b rgb(41,14,155)
```
#2507a2
```
#2507a2 rgb(37,7,162)
```
#2101a8
```
#2101a8 rgb(33,1,168)
```

Tone Color Variation

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

#2f2f2f Achromatopsia 0.005% of the population
#2f2b42 Atypical Achromatopsia 0.001% of the population

Dichromacy

#003c75 Protanopia 1% of men
#003f65 Deuteranopia 1% of men
#004448 Tritanopia 0.001% of the population

Trichromacy

#11307e Protanomaly 1% of men, 0.01% of women
#113274 Deuteranomaly 6% of men, 0.4% of women
#113561 Tritanomaly 0.01% of the population

#311b8e hex color

#311b8e Color Information

#311b8e Color Conversion

Color Schemes with #311b8e

Alternatives to #311b8e

#311b8e Preview

Shades and Tints of #311b8e

Tones of #311b8e

Color Blindness Simulator