#311e59 hex color

In a RGB color space, hex #311e59 is composed of 19.2% red, 11.8% green and 34.9% blue. Whereas in a CMYK color space, it is composed of 44.9% cyan, 66.3% magenta, 0% yellow and 65.1% black. It has a hue angle of 259.3 degrees, a saturation of 49.6% and a lightness of 23.3%. #311e59 color hex could be obtained by blending #623cb2 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 19
- G 12
- B 35
RGB color chart
- C 45
- M 66
- Y 0
- K 65
CMYK color chart

● #311e59 color description : Very dark violet.

The hexadecimal color #311e59 has RGB values of R:49, G:30, B:89 and CMYK values of C:0.45, M:0.66, Y:0, K:0.65. Its decimal value is 3219033.

Hex triplet	311e59	`#311e59`
RGB Decimal	49, 30, 89	`rgb(49,30,89)`
RGB Percent	19.2, 11.8, 34.9	`rgb(19.2%,11.8%,34.9%)`
CMYK	45, 66, 0, 65
HSL	259.3°, 49.6, 23.3	`hsl(259.3,49.6%,23.3%)`
HSV (or HSB)	259.3°, 66.3, 34.9
Web Safe	333366	`#333366`

CIE-LAB	17.002, 24.629, -32.451
XYZ	3.534, 2.303, 9.709
xyY	0.227, 0.148, 2.303
CIE-LCH	17.002, 40.739, 307.197
CIE-LUV	17.002, 2.762, -35.351
Hunter-Lab	15.175, 15.011, -27.312
Binary	00110001, 00011110, 01011001

#311e59
```
#311e59 rgb(49,30,89)
```
#46591e
```
#46591e rgb(70,89,30)
```

Complementary Color

#1e2959
```
#1e2959 rgb(30,41,89)
```
#311e59
```
#311e59 rgb(49,30,89)
```
#4e1e59
```
#4e1e59 rgb(78,30,89)
```

Analogous Color

#29591e
```
#29591e rgb(41,89,30)
```
#311e59
```
#311e59 rgb(49,30,89)
```
#594e1e
```
#594e1e rgb(89,78,30)
```

Split Complementary Color

#1e5931
```
#1e5931 rgb(30,89,49)
```
#311e59
```
#311e59 rgb(49,30,89)
```
#59311e
```
#59311e rgb(89,49,30)
```

Triadic Color

#1e4659
```
#1e4659 rgb(30,70,89)
```
#311e59
```
#311e59 rgb(49,30,89)
```
#59311e
```
#59311e rgb(89,49,30)
```
#46591e
```
#46591e rgb(70,89,30)
```

Tetradic Color

#120b20
```
#120b20 rgb(18,11,32)
```
#1c1133
```
#1c1133 rgb(28,17,51)
```
#271846
```
#271846 rgb(39,24,70)
```
#311e59
```
#311e59 rgb(49,30,89)
```
#3b246c
```
#3b246c rgb(59,36,108)
```
#462b7f
```
#462b7f rgb(70,43,127)
```
#503192
```
#503192 rgb(80,49,146)
```

Monochromatic Color

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

#221e59
```
#221e59 rgb(34,30,89)
```
#271e59
```
#271e59 rgb(39,30,89)
```
#2c1e59
```
#2c1e59 rgb(44,30,89)
```
#311e59
```
#311e59 rgb(49,30,89)
```
#361e59
```
#361e59 rgb(54,30,89)
```
#3b1e59
```
#3b1e59 rgb(59,30,89)
```
#401e59
```
#401e59 rgb(64,30,89)
```

Similar Colors

Text with hexadecimal color #311e59

This text has a font color of #311e59.

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

#311e59 background color

This paragraph has a background color of #311e59.

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

#311e59 border color

This element has a border color of #311e59.

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

CSS codes

.text {color:#311e59;}

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

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

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

#010001
```
#010001 rgb(1,0,1)
```
#090510
```
#090510 rgb(9,5,16)
```
#110a1e
```
#110a1e rgb(17,10,30)
```
#190f2d
```
#190f2d rgb(25,15,45)
```
#21143c
```
#21143c rgb(33,20,60)
```
#29194a
```
#29194a rgb(41,25,74)
```
#311e59
```
#311e59 rgb(49,30,89)
```
#392368
```
#392368 rgb(57,35,104)
```
#412876
```
#412876 rgb(65,40,118)
```
#492d85
```
#492d85 rgb(73,45,133)
```
#513294
```
#513294 rgb(81,50,148)
```
#5937a2
```
#5937a2 rgb(89,55,162)
```
#613cb1
```
#613cb1 rgb(97,60,177)
```

Shade Color Variation

#6a41bf
```
#6a41bf rgb(106,65,191)
```
#7550c4
```
#7550c4 rgb(117,80,196)
```
#815fc9
```
#815fc9 rgb(129,95,201)
```
#8c6dce
```
#8c6dce rgb(140,109,206)
```
#987cd3
```
#987cd3 rgb(152,124,211)
```
#a38bd8
```
#a38bd8 rgb(163,139,216)
```
#af99dd
```
#af99dd rgb(175,153,221)
```
#bba8e2
```
#bba8e2 rgb(187,168,226)
```
#c6b7e7
```
#c6b7e7 rgb(198,183,231)
```
#d2c5ec
```
#d2c5ec rgb(210,197,236)
```
#ddd4f0
```
#ddd4f0 rgb(221,212,240)
```
#e9e3f5
```
#e9e3f5 rgb(233,227,245)
```
#f4f1fa
```
#f4f1fa rgb(244,241,250)
```

Tint Color Variation

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

#3b393e
```
#3b393e rgb(59,57,62)
```
#393542
```
#393542 rgb(57,53,66)
```
#383047
```
#383047 rgb(56,48,71)
```
#362c4b
```
#362c4b rgb(54,44,75)
```
#342750
```
#342750 rgb(52,39,80)
```
#332354
```
#332354 rgb(51,35,84)
```
#311e59
```
#311e59 rgb(49,30,89)
```
#2f195e
```
#2f195e rgb(47,25,94)
```
#2e1562
```
#2e1562 rgb(46,21,98)
```
#2c1067
```
#2c1067 rgb(44,16,103)
```
#2a0c6b
```
#2a0c6b rgb(42,12,107)
```
#290770
```
#290770 rgb(41,7,112)
```
#270374
```
#270374 rgb(39,3,116)
```

Tone Color Variation

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

#2a2a2a Achromatopsia 0.005% of the population
#2b2833 Atypical Achromatopsia 0.001% of the population

Dichromacy

#003364 Protanopia 1% of men
#003559 Deuteranopia 1% of men
#2f3539 Tritanopia 0.001% of the population

Trichromacy

#112b60 Protanomaly 1% of men, 0.01% of women
#112d59 Deuteranomaly 6% of men, 0.4% of women
#302d45 Tritanomaly 0.01% of the population

#311e59 hex color

#311e59 Color Information

#311e59 Color Conversion

Color Schemes with #311e59

Alternatives to #311e59

#311e59 Preview

Shades and Tints of #311e59

Tones of #311e59

Color Blindness Simulator