#311a60 hex color

In a RGB color space, hex #311a60 is composed of 19.2% red, 10.2% green and 37.6% blue. Whereas in a CMYK color space, it is composed of 49% cyan, 72.9% magenta, 0% yellow and 62.4% black. It has a hue angle of 259.7 degrees, a saturation of 57.4% and a lightness of 23.9%. #311a60 color hex could be obtained by blending #6234c0 with #000000. Closest websafe color is: #333366.

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

● #311a60 color description : Very dark violet.

The hexadecimal color #311a60 has RGB values of R:49, G:26, B:96 and CMYK values of C:0.49, M:0.73, Y:0, K:0.62. Its decimal value is 3218016.

Hex triplet	311a60	`#311a60`
RGB Decimal	49, 26, 96	`rgb(49,26,96)`
RGB Percent	19.2, 10.2, 37.6	`rgb(19.2%,10.2%,37.6%)`
CMYK	49, 73, 0, 62
HSL	259.7°, 57.4, 23.9	`hsl(259.7,57.4%,23.9%)`
HSV (or HSB)	259.7°, 72.9, 37.6
Web Safe	333366	`#333366`

CIE-LAB	16.681, 29.303, -37.64
XYZ	3.747, 2.236, 11.3
xyY	0.217, 0.129, 2.236
CIE-LCH	16.681, 47.702, 307.901
CIE-LUV	16.681, 2.752, -40.254
Hunter-Lab	14.954, 18.556, -34.334
Binary	00110001, 00011010, 01100000

#311a60
```
#311a60 rgb(49,26,96)
```
#49601a
```
#49601a rgb(73,96,26)
```

Complementary Color

#1a2660
```
#1a2660 rgb(26,38,96)
```
#311a60
```
#311a60 rgb(49,26,96)
```
#541a60
```
#541a60 rgb(84,26,96)
```

Analogous Color

#26601a
```
#26601a rgb(38,96,26)
```
#311a60
```
#311a60 rgb(49,26,96)
```
#60541a
```
#60541a rgb(96,84,26)
```

Split Complementary Color

#1a6031
```
#1a6031 rgb(26,96,49)
```
#311a60
```
#311a60 rgb(49,26,96)
```
#60311a
```
#60311a rgb(96,49,26)
```

Triadic Color

#1a4960
```
#1a4960 rgb(26,73,96)
```
#311a60
```
#311a60 rgb(49,26,96)
```
#60311a
```
#60311a rgb(96,49,26)
```
#49601a
```
#49601a rgb(73,96,26)
```

Tetradic Color

#120a24
```
#120a24 rgb(18,10,36)
```
#1d0f38
```
#1d0f38 rgb(29,15,56)
```
#27154c
```
#27154c rgb(39,21,76)
```
#311a60
```
#311a60 rgb(49,26,96)
```
#3b1f74
```
#3b1f74 rgb(59,31,116)
```
#452588
```
#452588 rgb(69,37,136)
```
#502a9c
```
#502a9c rgb(80,42,156)
```

Monochromatic Color

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

#201a60
```
#201a60 rgb(32,26,96)
```
#251a60
```
#251a60 rgb(37,26,96)
```
#2b1a60
```
#2b1a60 rgb(43,26,96)
```
#311a60
```
#311a60 rgb(49,26,96)
```
#371a60
```
#371a60 rgb(55,26,96)
```
#3d1a60
```
#3d1a60 rgb(61,26,96)
```
#421a60
```
#421a60 rgb(66,26,96)
```

Similar Colors

Text with hexadecimal color #311a60

This text has a font color of #311a60.

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

#311a60 background color

This paragraph has a background color of #311a60.

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

#311a60 border color

This element has a border color of #311a60.

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

CSS codes

.text {color:#311a60;}

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

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

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

#020103
```
#020103 rgb(2,1,3)
```
#0a0513
```
#0a0513 rgb(10,5,19)
```
#110922
```
#110922 rgb(17,9,34)
```
#190d32
```
#190d32 rgb(25,13,50)
```
#211241
```
#211241 rgb(33,18,65)
```
#291651
```
#291651 rgb(41,22,81)
```
#311a60
```
#311a60 rgb(49,26,96)
```
#391e6f
```
#391e6f rgb(57,30,111)
```
#41227f
```
#41227f rgb(65,34,127)
```
#49278e
```
#49278e rgb(73,39,142)
```
#512b9e
```
#512b9e rgb(81,43,158)
```
#582fad
```
#582fad rgb(88,47,173)
```
#6033bd
```
#6033bd rgb(96,51,189)
```

Shade Color Variation

#693aca
```
#693aca rgb(105,58,202)
```
#7549ce
```
#7549ce rgb(117,73,206)
```
#8059d2
```
#8059d2 rgb(128,89,210)
```
#8c68d6
```
#8c68d6 rgb(140,104,214)
```
#9877da
```
#9877da rgb(152,119,218)
```
#a487de
```
#a487de rgb(164,135,222)
```
#af96e3
```
#af96e3 rgb(175,150,227)
```
#bba6e7
```
#bba6e7 rgb(187,166,231)
```
#c7b5eb
```
#c7b5eb rgb(199,181,235)
```
#d3c5ef
```
#d3c5ef rgb(211,197,239)
```
#ded4f3
```
#ded4f3 rgb(222,212,243)
```
#eae4f8
```
#eae4f8 rgb(234,228,248)
```
#f6f3fc
```
#f6f3fc rgb(246,243,252)
```

Tint Color Variation

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

#3c3b3f
```
#3c3b3f rgb(60,59,63)
```
#3b3644
```
#3b3644 rgb(59,54,68)
```
#393149
```
#393149 rgb(57,49,73)
```
#372d4d
```
#372d4d rgb(55,45,77)
```
#362852
```
#362852 rgb(54,40,82)
```
#342357
```
#342357 rgb(52,35,87)
```
#331f5b
```
#331f5b rgb(51,31,91)
```
#311a60
```
#311a60 rgb(49,26,96)
```
#2f1565
```
#2f1565 rgb(47,21,101)
```
#2e1169
```
#2e1169 rgb(46,17,105)
```
#2c0c6e
```
#2c0c6e rgb(44,12,110)
```
#2b0773
```
#2b0773 rgb(43,7,115)
```
#290377
```
#290377 rgb(41,3,119)
```

Tone Color Variation

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

#292929 Achromatopsia 0.005% of the population
#2b2634 Atypical Achromatopsia 0.001% of the population

Dichromacy

#003263 Protanopia 1% of men
#003557 Deuteranopia 1% of men
#2c3539 Tritanopia 0.001% of the population

Trichromacy

#112962 Protanomaly 1% of men, 0.01% of women
#112b5a Deuteranomaly 6% of men, 0.4% of women
#2e2b47 Tritanomaly 0.01% of the population

#311a60 hex color

#311a60 Color Information

#311a60 Color Conversion

Color Schemes with #311a60

Alternatives to #311a60

#311a60 Preview

Shades and Tints of #311a60

Tones of #311a60

Color Blindness Simulator