#311b83 hex color

In a RGB color space, hex #311b83 is composed of 19.2% red, 10.6% green and 51.4% blue. Whereas in a CMYK color space, it is composed of 62.6% cyan, 79.4% magenta, 0% yellow and 48.6% black. It has a hue angle of 252.7 degrees, a saturation of 65.8% and a lightness of 31%. #311b83 color hex could be obtained by blending #6236ff with #000007. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 19
- G 11
- B 51
RGB color chart
- C 63
- M 79
- Y 0
- K 49
CMYK color chart

● #311b83 color description : Dark blue.

The hexadecimal color #311b83 has RGB values of R:49, G:27, B:131 and CMYK values of C:0.63, M:0.79, Y:0, K:0.49. Its decimal value is 3218307.

Hex triplet	311b83	`#311b83`
RGB Decimal	49, 27, 131	`rgb(49,27,131)`
RGB Percent	19.2, 10.6, 51.4	`rgb(19.2%,10.6%,51.4%)`
CMYK	63, 79, 0, 49
HSL	252.7°, 65.8, 31	`hsl(252.7,65.8%,31%)`
HSV (or HSB)	252.7°, 79.4, 51.4
Web Safe	333399	`#333399`

CIE-LAB	20.343, 39.682, -54.274
XYZ	5.755, 3.075, 21.762
xyY	0.188, 0.101, 3.075
CIE-LCH	20.343, 67.233, 306.172
CIE-LUV	20.343, -0.367, -61.385
Hunter-Lab	17.537, 27.885, -61.3
Binary	00110001, 00011011, 10000011

#311b83
```
#311b83 rgb(49,27,131)
```
#6d831b
```
#6d831b rgb(109,131,27)
```

Complementary Color

#1b3983
```
#1b3983 rgb(27,57,131)
```
#311b83
```
#311b83 rgb(49,27,131)
```
#651b83
```
#651b83 rgb(101,27,131)
```

Analogous Color

#39831b
```
#39831b rgb(57,131,27)
```
#311b83
```
#311b83 rgb(49,27,131)
```
#83651b
```
#83651b rgb(131,101,27)
```

Split Complementary Color

#1b8331
```
#1b8331 rgb(27,131,49)
```
#311b83
```
#311b83 rgb(49,27,131)
```
#83311b
```
#83311b rgb(131,49,27)
```

Triadic Color

#1b6d83
```
#1b6d83 rgb(27,109,131)
```
#311b83
```
#311b83 rgb(49,27,131)
```
#83311b
```
#83311b rgb(131,49,27)
```
#6d831b
```
#6d831b rgb(109,131,27)
```

Tetradic Color

#190e44
```
#190e44 rgb(25,14,68)
```
#211259
```
#211259 rgb(33,18,89)
```
#29176e
```
#29176e rgb(41,23,110)
```
#311b83
```
#311b83 rgb(49,27,131)
```
#391f98
```
#391f98 rgb(57,31,152)
```
#4124ad
```
#4124ad rgb(65,36,173)
```
#4928c2
```
#4928c2 rgb(73,40,194)
```

Monochromatic Color

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

#1b1f83
```
#1b1f83 rgb(27,31,131)
```
#201b83
```
#201b83 rgb(32,27,131)
```
#281b83
```
#281b83 rgb(40,27,131)
```
#311b83
```
#311b83 rgb(49,27,131)
```
#3a1b83
```
#3a1b83 rgb(58,27,131)
```
#421b83
```
#421b83 rgb(66,27,131)
```
#4b1b83
```
#4b1b83 rgb(75,27,131)
```

Similar Colors

Text with hexadecimal color #311b83

This text has a font color of #311b83.

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

#311b83 background color

This paragraph has a background color of #311b83.

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

#311b83 border color

This element has a border color of #311b83.

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

CSS codes

.text {color:#311b83;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#060411
```
#060411 rgb(6,4,17)
```
#0d0721
```
#0d0721 rgb(13,7,33)
```
#130a32
```
#130a32 rgb(19,10,50)
```
#190e42
```
#190e42 rgb(25,14,66)
```
#1f1152
```
#1f1152 rgb(31,17,82)
```
#251462
```
#251462 rgb(37,20,98)
```
#2b1873
```
#2b1873 rgb(43,24,115)
```
#311b83
```
#311b83 rgb(49,27,131)
```
#371e93
```
#371e93 rgb(55,30,147)
```
#3d22a4
```
#3d22a4 rgb(61,34,164)
```
#4325b4
```
#4325b4 rgb(67,37,180)
```
#4928c4
```
#4928c4 rgb(73,40,196)
```

Shade Color Variation

#502cd4
```
#502cd4 rgb(80,44,212)
```
#5d3dd7
```
#5d3dd7 rgb(93,61,215)
```
#6b4dda
```
#6b4dda rgb(107,77,218)
```
#785dde
```
#785dde rgb(120,93,222)
```
#866ee1
```
#866ee1 rgb(134,110,225)
```
#937ee4
```
#937ee4 rgb(147,126,228)
```
#a18ee8
```
#a18ee8 rgb(161,142,232)
```
#af9eeb
```
#af9eeb rgb(175,158,235)
```
#bcafee
```
#bcafee rgb(188,175,238)
```
#cabff2
```
#cabff2 rgb(202,191,242)
```
#d7cff5
```
#d7cff5 rgb(215,207,245)
```
#e5dff8
```
#e5dff8 rgb(229,223,248)
```
#f2f0fc
```
#f2f0fc rgb(242,240,252)
```

Tint Color Variation

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

#4d4c52
```
#4d4c52 rgb(77,76,82)
```
#4a4658
```
#4a4658 rgb(74,70,88)
```
#463f5f
```
#463f5f rgb(70,63,95)
```
#433965
```
#433965 rgb(67,57,101)
```
#3f336b
```
#3f336b rgb(63,51,107)
```
#3c2d71
```
#3c2d71 rgb(60,45,113)
```
#382777
```
#382777 rgb(56,39,119)
```
#35217d
```
#35217d rgb(53,33,125)
```
#311b83
```
#311b83 rgb(49,27,131)
```
#2d1589
```
#2d1589 rgb(45,21,137)
```
#2a0f8f
```
#2a0f8f rgb(42,15,143)
```
#260995
```
#260995 rgb(38,9,149)
```
#23039b
```
#23039b rgb(35,3,155)
```

Tone Color Variation

Below, you can see how #311b83 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
#2e293e Atypical Achromatopsia 0.001% of the population

Dichromacy

#003a70 Protanopia 1% of men
#003d62 Deuteranopia 1% of men
#004146 Tritanopia 0.001% of the population

Trichromacy

#112e77 Protanomaly 1% of men, 0.01% of women
#11306e Deuteranomaly 6% of men, 0.4% of women
#11335c Tritanomaly 0.01% of the population

#311b83 hex color

#311b83 Color Information

#311b83 Color Conversion

Color Schemes with #311b83

Alternatives to #311b83

#311b83 Preview

Shades and Tints of #311b83

Tones of #311b83

Color Blindness Simulator