#311e60 hex color

In a RGB color space, hex #311e60 is composed of 19.2% red, 11.8% green and 37.6% blue. Whereas in a CMYK color space, it is composed of 49% cyan, 68.8% magenta, 0% yellow and 62.4% black. It has a hue angle of 257.3 degrees, a saturation of 52.4% and a lightness of 24.7%. #311e60 color hex could be obtained by blending #623cc0 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 19
- G 12
- B 38
RGB color chart
- C 49
- M 69
- Y 0
- K 62
CMYK color chart

● #311e60 color description : Very dark violet.

The hexadecimal color #311e60 has RGB values of R:49, G:30, B:96 and CMYK values of C:0.49, M:0.69, Y:0, K:0.62. Its decimal value is 3219040.

Hex triplet	311e60	`#311e60`
RGB Decimal	49, 30, 96	`rgb(49,30,96)`
RGB Percent	19.2, 11.8, 37.6	`rgb(19.2%,11.8%,37.6%)`
CMYK	49, 69, 0, 62
HSL	257.3°, 52.4, 24.7	`hsl(257.3,52.4%,24.7%)`
HSV (or HSB)	257.3°, 68.8, 37.6
Web Safe	333366	`#333366`

CIE-LAB	17.581, 26.851, -36.177
XYZ	3.842, 2.426, 11.332
xyY	0.218, 0.138, 2.426
CIE-LCH	17.581, 45.053, 306.583
CIE-LUV	17.581, 2.101, -39.809
Hunter-Lab	15.576, 16.771, -32.232
Binary	00110001, 00011110, 01100000

#311e60
```
#311e60 rgb(49,30,96)
```
#4d601e
```
#4d601e rgb(77,96,30)
```

Complementary Color

#1e2c60
```
#1e2c60 rgb(30,44,96)
```
#311e60
```
#311e60 rgb(49,30,96)
```
#521e60
```
#521e60 rgb(82,30,96)
```

Analogous Color

#2c601e
```
#2c601e rgb(44,96,30)
```
#311e60
```
#311e60 rgb(49,30,96)
```
#60521e
```
#60521e rgb(96,82,30)
```

Split Complementary Color

#1e6031
```
#1e6031 rgb(30,96,49)
```
#311e60
```
#311e60 rgb(49,30,96)
```
#60311e
```
#60311e rgb(96,49,30)
```

Triadic Color

#1e4d60
```
#1e4d60 rgb(30,77,96)
```
#311e60
```
#311e60 rgb(49,30,96)
```
#60311e
```
#60311e rgb(96,49,30)
```
#4d601e
```
#4d601e rgb(77,96,30)
```

Tetradic Color

#130c26
```
#130c26 rgb(19,12,38)
```
#1d1239
```
#1d1239 rgb(29,18,57)
```
#27184d
```
#27184d rgb(39,24,77)
```
#311e60
```
#311e60 rgb(49,30,96)
```
#3b2473
```
#3b2473 rgb(59,36,115)
```
#452a87
```
#452a87 rgb(69,42,135)
```
#4f309a
```
#4f309a rgb(79,48,154)
```

Monochromatic Color

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

#211e60
```
#211e60 rgb(33,30,96)
```
#261e60
```
#261e60 rgb(38,30,96)
```
#2c1e60
```
#2c1e60 rgb(44,30,96)
```
#311e60
```
#311e60 rgb(49,30,96)
```
#371e60
```
#371e60 rgb(55,30,96)
```
#3c1e60
```
#3c1e60 rgb(60,30,96)
```
#421e60
```
#421e60 rgb(66,30,96)
```

Similar Colors

Text with hexadecimal color #311e60

This text has a font color of #311e60.

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

#311e60 background color

This paragraph has a background color of #311e60.

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

#311e60 border color

This element has a border color of #311e60.

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

CSS codes

.text {color:#311e60;}

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

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

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

#030206
```
#030206 rgb(3,2,6)
```
#0b0715
```
#0b0715 rgb(11,7,21)
```
#120b24
```
#120b24 rgb(18,11,36)
```
#1a1033
```
#1a1033 rgb(26,16,51)
```
#221542
```
#221542 rgb(34,21,66)
```
#291951
```
#291951 rgb(41,25,81)
```
#311e60
```
#311e60 rgb(49,30,96)
```
#39236f
```
#39236f rgb(57,35,111)
```
#40277e
```
#40277e rgb(64,39,126)
```
#482c8d
```
#482c8d rgb(72,44,141)
```
#50319c
```
#50319c rgb(80,49,156)
```
#5735ab
```
#5735ab rgb(87,53,171)
```
#5f3aba
```
#5f3aba rgb(95,58,186)
```

Shade Color Variation

#6843c4
```
#6843c4 rgb(104,67,196)
```
#7452c9
```
#7452c9 rgb(116,82,201)
```
#8061ce
```
#8061ce rgb(128,97,206)
```
#8c70d2
```
#8c70d2 rgb(140,112,210)
```
#987fd7
```
#987fd7 rgb(152,127,215)
```
#a48edc
```
#a48edc rgb(164,142,220)
```
#b09de0
```
#b09de0 rgb(176,157,224)
```
#bcace5
```
#bcace5 rgb(188,172,229)
```
#c8bbea
```
#c8bbea rgb(200,187,234)
```
#d4caee
```
#d4caee rgb(212,202,238)
```
#e0d8f3
```
#e0d8f3 rgb(224,216,243)
```
#ece7f8
```
#ece7f8 rgb(236,231,248)
```
#f8f6fc
```
#f8f6fc rgb(248,246,252)
```

Tint Color Variation

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

#3d3b43
```
#3d3b43 rgb(61,59,67)
```
#3b3648
```
#3b3648 rgb(59,54,72)
```
#39314d
```
#39314d rgb(57,49,77)
```
#372d51
```
#372d51 rgb(55,45,81)
```
#352856
```
#352856 rgb(53,40,86)
```
#33235b
```
#33235b rgb(51,35,91)
```
#311e60
```
#311e60 rgb(49,30,96)
```
#2f1965
```
#2f1965 rgb(47,25,101)
```
#2d146a
```
#2d146a rgb(45,20,106)
```
#2b0f6f
```
#2b0f6f rgb(43,15,111)
```
#290b73
```
#290b73 rgb(41,11,115)
```
#270678
```
#270678 rgb(39,6,120)
```
#25017d
```
#25017d rgb(37,1,125)
```

Tone Color Variation

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

#2b2b2b Achromatopsia 0.005% of the population
#2c2836 Atypical Achromatopsia 0.001% of the population

Dichromacy

#003466 Protanopia 1% of men
#00375a Deuteranopia 1% of men
#2d373b Tritanopia 0.001% of the population

Trichromacy

#112c64 Protanomaly 1% of men, 0.01% of women
#112e5c Deuteranomaly 6% of men, 0.4% of women
#2e2e49 Tritanomaly 0.01% of the population

#311e60 hex color

#311e60 Color Information

#311e60 Color Conversion

Color Schemes with #311e60

Alternatives to #311e60

#311e60 Preview

Shades and Tints of #311e60

Tones of #311e60

Color Blindness Simulator