#311e6a hex color

In a RGB color space, hex #311e6a is composed of 19.2% red, 11.8% green and 41.6% blue. Whereas in a CMYK color space, it is composed of 53.8% cyan, 71.7% magenta, 0% yellow and 58.4% black. It has a hue angle of 255 degrees, a saturation of 55.9% and a lightness of 26.7%. #311e6a color hex could be obtained by blending #623cd4 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 19
- G 12
- B 42
RGB color chart
- C 54
- M 72
- Y 0
- K 58
CMYK color chart

● #311e6a color description : Very dark violet.

The hexadecimal color #311e6a has RGB values of R:49, G:30, B:106 and CMYK values of C:0.54, M:0.72, Y:0, K:0.58. Its decimal value is 3219050.

Hex triplet	311e6a	`#311e6a`
RGB Decimal	49, 30, 106	`rgb(49,30,106)`
RGB Percent	19.2, 11.8, 41.6	`rgb(19.2%,11.8%,41.6%)`
CMYK	54, 72, 0, 58
HSL	255°, 55.9, 26.7	`hsl(255,55.9%,26.7%)`
HSV (or HSB)	255°, 71.7, 41.6
Web Safe	333366	`#333366`

CIE-LAB	18.462, 30.059, -41.318
XYZ	4.332, 2.622, 13.913
xyY	0.208, 0.126, 2.622
CIE-LCH	18.462, 51.096, 306.036
CIE-LUV	18.462, 1.214, -46.083
Hunter-Lab	16.193, 19.416, -39.607
Binary	00110001, 00011110, 01101010

#311e6a
```
#311e6a rgb(49,30,106)
```
#576a1e
```
#576a1e rgb(87,106,30)
```

Complementary Color

#1e316a
```
#1e316a rgb(30,49,106)
```
#311e6a
```
#311e6a rgb(49,30,106)
```
#571e6a
```
#571e6a rgb(87,30,106)
```

Analogous Color

#316a1e
```
#316a1e rgb(49,106,30)
```
#311e6a
```
#311e6a rgb(49,30,106)
```
#6a571e
```
#6a571e rgb(106,87,30)
```

Split Complementary Color

#1e6a31
```
#1e6a31 rgb(30,106,49)
```
#311e6a
```
#311e6a rgb(49,30,106)
```
#6a311e
```
#6a311e rgb(106,49,30)
```

Triadic Color

#1e576a
```
#1e576a rgb(30,87,106)
```
#311e6a
```
#311e6a rgb(49,30,106)
```
#6a311e
```
#6a311e rgb(106,49,30)
```
#576a1e
```
#576a1e rgb(87,106,30)
```

Tetradic Color

#150d2e
```
#150d2e rgb(21,13,46)
```
#1f1342
```
#1f1342 rgb(31,19,66)
```
#281856
```
#281856 rgb(40,24,86)
```
#311e6a
```
#311e6a rgb(49,30,106)
```
#3a247e
```
#3a247e rgb(58,36,126)
```
#432992
```
#432992 rgb(67,41,146)
```
#4d2fa6
```
#4d2fa6 rgb(77,47,166)
```

Monochromatic Color

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

#1e1e6a
```
#1e1e6a rgb(30,30,106)
```
#241e6a
```
#241e6a rgb(36,30,106)
```
#2b1e6a
```
#2b1e6a rgb(43,30,106)
```
#311e6a
```
#311e6a rgb(49,30,106)
```
#371e6a
```
#371e6a rgb(55,30,106)
```
#3e1e6a
```
#3e1e6a rgb(62,30,106)
```
#441e6a
```
#441e6a rgb(68,30,106)
```

Similar Colors

Text with hexadecimal color #311e6a

This text has a font color of #311e6a.

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

#311e6a background color

This paragraph has a background color of #311e6a.

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

#311e6a border color

This element has a border color of #311e6a.

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

CSS codes

.text {color:#311e6a;}

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

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

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, #07040e is the darkest color, while #fefeff is the lightest one.

#07040e
```
#07040e rgb(7,4,14)
```
#0e081e
```
#0e081e rgb(14,8,30)
```
#150d2d
```
#150d2d rgb(21,13,45)
```
#1c113c
```
#1c113c rgb(28,17,60)
```
#23154b
```
#23154b rgb(35,21,75)
```
#2a1a5b
```
#2a1a5b rgb(42,26,91)
```
#311e6a
```
#311e6a rgb(49,30,106)
```
#382279
```
#382279 rgb(56,34,121)
```
#3f2789
```
#3f2789 rgb(63,39,137)
```
#462b98
```
#462b98 rgb(70,43,152)
```
#4d2fa7
```
#4d2fa7 rgb(77,47,167)
```
#5434b6
```
#5434b6 rgb(84,52,182)
```
#5b38c6
```
#5b38c6 rgb(91,56,198)
```

Shade Color Variation

#6847cb
```
#6847cb rgb(104,71,203)
```
#7456cf
```
#7456cf rgb(116,86,207)
```
#8165d3
```
#8165d3 rgb(129,101,211)
```
#8d74d8
```
#8d74d8 rgb(141,116,216)
```
#9a84dc
```
#9a84dc rgb(154,132,220)
```
#a693e0
```
#a693e0 rgb(166,147,224)
```
#b3a2e5
```
#b3a2e5 rgb(179,162,229)
```
#bfb2e9
```
#bfb2e9 rgb(191,178,233)
```
#ccc1ed
```
#ccc1ed rgb(204,193,237)
```
#d9d0f2
```
#d9d0f2 rgb(217,208,242)
```
#e5dff6
```
#e5dff6 rgb(229,223,246)
```
#f2effa
```
#f2effa rgb(242,239,250)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#434345
```
#434345 rgb(67,67,69)
```
#413d4b
```
#413d4b rgb(65,61,75)
```
#3e3850
```
#3e3850 rgb(62,56,80)
```
#3b3355
```
#3b3355 rgb(59,51,85)
```
#392e5a
```
#392e5a rgb(57,46,90)
```
#362860
```
#362860 rgb(54,40,96)
```
#342365
```
#342365 rgb(52,35,101)
```
#311e6a
```
#311e6a rgb(49,30,106)
```
#2e196f
```
#2e196f rgb(46,25,111)
```
#2c1474
```
#2c1474 rgb(44,20,116)
```
#290e7a
```
#290e7a rgb(41,14,122)
```
#27097f
```
#27097f rgb(39,9,127)
```
#240484
```
#240484 rgb(36,4,132)
```

Tone Color Variation

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

Dichromacy

#003669 Protanopia 1% of men
#00395c Deuteranopia 1% of men
#273a3f Tritanopia 0.001% of the population

Trichromacy

#112d69 Protanomaly 1% of men, 0.01% of women
#112f61 Deuteranomaly 6% of men, 0.4% of women
#2b304e Tritanomaly 0.01% of the population

#311e6a hex color

#311e6a Color Information

#311e6a Color Conversion

Color Schemes with #311e6a

Alternatives to #311e6a

#311e6a Preview

Shades and Tints of #311e6a

Tones of #311e6a

Color Blindness Simulator