#311c83 hex color

In a RGB color space, hex #311c83 is composed of 19.2% red, 11% green and 51.4% blue. Whereas in a CMYK color space, it is composed of 62.6% cyan, 78.6% magenta, 0% yellow and 48.6% black. It has a hue angle of 252.2 degrees, a saturation of 64.8% and a lightness of 31.2%. #311c83 color hex could be obtained by blending #6238ff 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

● #311c83 color description : Dark blue.

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

Hex triplet	311c83	`#311c83`
RGB Decimal	49, 28, 131	`rgb(49,28,131)`
RGB Percent	19.2, 11, 51.4	`rgb(19.2%,11%,51.4%)`
CMYK	63, 79, 0, 49
HSL	252.2°, 64.8, 31.2	`hsl(252.2,64.8%,31.2%)`
HSV (or HSB)	252.2°, 78.6, 51.4
Web Safe	333399	`#333399`

CIE-LAB	20.526, 39.159, -53.973
XYZ	5.778, 3.122, 21.77
xyY	0.188, 0.102, 3.122
CIE-LCH	20.526, 66.682, 305.962
CIE-LUV	20.526, -0.491, -61.386
Hunter-Lab	17.669, 27.449, -60.681
Binary	00110001, 00011100, 10000011

#311c83
```
#311c83 rgb(49,28,131)
```
#6e831c
```
#6e831c rgb(110,131,28)
```

Complementary Color

#1c3b83
```
#1c3b83 rgb(28,59,131)
```
#311c83
```
#311c83 rgb(49,28,131)
```
#651c83
```
#651c83 rgb(101,28,131)
```

Analogous Color

#3b831c
```
#3b831c rgb(59,131,28)
```
#311c83
```
#311c83 rgb(49,28,131)
```
#83651c
```
#83651c rgb(131,101,28)
```

Split Complementary Color

#1c8331
```
#1c8331 rgb(28,131,49)
```
#311c83
```
#311c83 rgb(49,28,131)
```
#83311c
```
#83311c rgb(131,49,28)
```

Triadic Color

#1c6e83
```
#1c6e83 rgb(28,110,131)
```
#311c83
```
#311c83 rgb(49,28,131)
```
#83311c
```
#83311c rgb(131,49,28)
```
#6e831c
```
#6e831c rgb(110,131,28)
```

Tetradic Color

#190f44
```
#190f44 rgb(25,15,68)
```
#211359
```
#211359 rgb(33,19,89)
```
#29186e
```
#29186e rgb(41,24,110)
```
#311c83
```
#311c83 rgb(49,28,131)
```
#392098
```
#392098 rgb(57,32,152)
```
#4125ad
```
#4125ad rgb(65,37,173)
```
#4929c2
```
#4929c2 rgb(73,41,194)
```

Monochromatic Color

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

#1c2183
```
#1c2183 rgb(28,33,131)
```
#201c83
```
#201c83 rgb(32,28,131)
```
#281c83
```
#281c83 rgb(40,28,131)
```
#311c83
```
#311c83 rgb(49,28,131)
```
#3a1c83
```
#3a1c83 rgb(58,28,131)
```
#421c83
```
#421c83 rgb(66,28,131)
```
#4b1c83
```
#4b1c83 rgb(75,28,131)
```

Similar Colors

Text with hexadecimal color #311c83

This text has a font color of #311c83.

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

#311c83 background color

This paragraph has a background color of #311c83.

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

#311c83 border color

This element has a border color of #311c83.

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

CSS codes

.text {color:#311c83;}

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

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

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

#010002
```
#010002 rgb(1,0,2)
```
#070412
```
#070412 rgb(7,4,18)
```
#0d0722
```
#0d0722 rgb(13,7,34)
```
#130b32
```
#130b32 rgb(19,11,50)
```
#190e42
```
#190e42 rgb(25,14,66)
```
#1f1253
```
#1f1253 rgb(31,18,83)
```
#251563
```
#251563 rgb(37,21,99)
```
#2b1973
```
#2b1973 rgb(43,25,115)
```
#311c83
```
#311c83 rgb(49,28,131)
```
#371f93
```
#371f93 rgb(55,31,147)
```
#3d23a3
```
#3d23a3 rgb(61,35,163)
```
#4326b3
```
#4326b3 rgb(67,38,179)
```
#492ac4
```
#492ac4 rgb(73,42,196)
```

Shade Color Variation

#502fd2
```
#502fd2 rgb(80,47,210)
```
#5e3fd6
```
#5e3fd6 rgb(94,63,214)
```
#6b4fd9
```
#6b4fd9 rgb(107,79,217)
```
#795fdd
```
#795fdd rgb(121,95,221)
```
#866fe0
```
#866fe0 rgb(134,111,224)
```
#947fe4
```
#947fe4 rgb(148,127,228)
```
#a190e7
```
#a190e7 rgb(161,144,231)
```
#afa0eb
```
#afa0eb rgb(175,160,235)
```
#bdb0ee
```
#bdb0ee rgb(189,176,238)
```
#cac0f2
```
#cac0f2 rgb(202,192,242)
```
#d8d0f5
```
#d8d0f5 rgb(216,208,245)
```
#e5e0f8
```
#e5e0f8 rgb(229,224,248)
```
#f3f1fc
```
#f3f1fc rgb(243,241,252)
```

Tint Color Variation

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

#4e4d52
```
#4e4d52 rgb(78,77,82)
```
#4a4758
```
#4a4758 rgb(74,71,88)
```
#47415e
```
#47415e rgb(71,65,94)
```
#433b64
```
#433b64 rgb(67,59,100)
```
#3f346b
```
#3f346b rgb(63,52,107)
```
#3c2e71
```
#3c2e71 rgb(60,46,113)
```
#382877
```
#382877 rgb(56,40,119)
```
#35227d
```
#35227d rgb(53,34,125)
```
#311c83
```
#311c83 rgb(49,28,131)
```
#2d1689
```
#2d1689 rgb(45,22,137)
```
#2a108f
```
#2a108f rgb(42,16,143)
```
#260a95
```
#260a95 rgb(38,10,149)
```
#23049b
```
#23049b rgb(35,4,155)
```

Tone Color Variation

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

#2e2e2e Achromatopsia 0.005% of the population
#2f2a3f Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

#112f77 Protanomaly 1% of men, 0.01% of women
#11316e Deuteranomaly 6% of men, 0.4% of women
#11345c Tritanomaly 0.01% of the population

#311c83 hex color

#311c83 Color Information

#311c83 Color Conversion

Color Schemes with #311c83

Alternatives to #311c83

#311c83 Preview

Shades and Tints of #311c83

Tones of #311c83

Color Blindness Simulator