colorhexa.com

#311f5d hex color

In a RGB color space, hex #311f5d is composed of 19.2% red, 12.2% green and 36.5% blue. Whereas in a CMYK color space, it is composed of 47.3% cyan, 66.7% magenta, 0% yellow and 63.5% black. It has a hue angle of 257.4 degrees, a saturation of 50% and a lightness of 24.3%. #311f5d color hex could be obtained by blending #623eba with #000000. Closest websafe color is: #333366.

- R 19
- G 12
- B 36
RGB color chart
- C 47
- M 67
- Y 0
- K 64
CMYK color chart

● #311f5d color description : Very dark violet.

The hexadecimal color #311f5d has RGB values of R:49, G:31, B:93 and CMYK values of C:0.47, M:0.67, Y:0, K:0.64. Its decimal value is 3219293.

Hex triplet	311f5d	`#311f5d`
RGB Decimal	49, 31, 93	`rgb(49,31,93)`
RGB Percent	19.2, 12.2, 36.5	`rgb(19.2%,12.2%,36.5%)`
CMYK	47, 67, 0, 64
HSL	257.4°, 50, 24.3	`hsl(257.4,50%,24.3%)`
HSV (or HSB)	257.4°, 66.7, 36.5
Web Safe	333366	`#333366`

CIE-LAB	17.568, 25.256, -34.206
XYZ	3.732, 2.423, 10.626
xyY	0.222, 0.144, 2.423
CIE-LCH	17.568, 42.52, 306.44
CIE-LUV	17.568, 2.195, -37.743
Hunter-Lab	15.567, 15.553, -29.577
Binary	00110001, 00011111, 01011101

#311f5d
```
#311f5d rgb(49,31,93)
```
#4b5d1f
```
#4b5d1f rgb(75,93,31)
```

Complementary Color

#1f2c5d
```
#1f2c5d rgb(31,44,93)
```
#311f5d
```
#311f5d rgb(49,31,93)
```
#501f5d
```
#501f5d rgb(80,31,93)
```

Analogous Color

#2c5d1f
```
#2c5d1f rgb(44,93,31)
```
#311f5d
```
#311f5d rgb(49,31,93)
```
#5d501f
```
#5d501f rgb(93,80,31)
```

Split Complementary Color

#130c24
```
#130c24 rgb(19,12,36)
```
#1d1237
```
#1d1237 rgb(29,18,55)
```
#27194a
```
#27194a rgb(39,25,74)
```
#311f5d
```
#311f5d rgb(49,31,93)
```
#3b2570
```
#3b2570 rgb(59,37,112)
```
#452c83
```
#452c83 rgb(69,44,131)
```
#4f3296
```
#4f3296 rgb(79,50,150)
```

Monochromatic Color

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

#221f5d
```
#221f5d rgb(34,31,93)
```
#271f5d
```
#271f5d rgb(39,31,93)
```
#2c1f5d
```
#2c1f5d rgb(44,31,93)
```
#311f5d
```
#311f5d rgb(49,31,93)
```
#361f5d
```
#361f5d rgb(54,31,93)
```
#3b1f5d
```
#3b1f5d rgb(59,31,93)
```
#411f5d
```
#411f5d rgb(65,31,93)
```

Similar Colors

Text with hexadecimal color #311f5d

This text has a font color of #311f5d.

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

#311f5d background color

This paragraph has a background color of #311f5d.

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

#311f5d border color

This element has a border color of #311f5d.

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

CSS codes

.text {color:#311f5d;}

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

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

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

#020205
```
#020205 rgb(2,2,5)
```
#0a0613
```
#0a0613 rgb(10,6,19)
```
#120b22
```
#120b22 rgb(18,11,34)
```
#1a1031
```
#1a1031 rgb(26,16,49)
```
#211540
```
#211540 rgb(33,21,64)
```
#291a4e
```
#291a4e rgb(41,26,78)
```
#311f5d
```
#311f5d rgb(49,31,93)
```
#39246c
```
#39246c rgb(57,36,108)
```
#41297a
```
#41297a rgb(65,41,122)
```
#482e89
```
#482e89 rgb(72,46,137)
```
#503398
```
#503398 rgb(80,51,152)
```
#5838a7
```
#5838a7 rgb(88,56,167)
```
#603cb5
```
#603cb5 rgb(96,60,181)
```

Shade Color Variation

#6944c1
```
#6944c1 rgb(105,68,193)
```
#7453c6
```
#7453c6 rgb(116,83,198)
```
#8062cb
```
#8062cb rgb(128,98,203)
```
#8c71d0
```
#8c71d0 rgb(140,113,208)
```
#987fd4
```
#987fd4 rgb(152,127,212)
```
#a48ed9
```
#a48ed9 rgb(164,142,217)
```
#b09dde
```
#b09dde rgb(176,157,222)
```
#bcabe3
```
#bcabe3 rgb(188,171,227)
```
#c7bae8
```
#c7bae8 rgb(199,186,232)
```
#d3c9ed
```
#d3c9ed rgb(211,201,237)
```
#dfd8f2
```
#dfd8f2 rgb(223,216,242)
```
#ebe6f7
```
#ebe6f7 rgb(235,230,247)
```
#f7f5fc
```
#f7f5fc rgb(247,245,252)
```

Tint Color Variation

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

#3d3c40
```
#3d3c40 rgb(61,60,64)
```
#3b3745
```
#3b3745 rgb(59,55,69)
```
#39324a
```
#39324a rgb(57,50,74)
```
#372d4f
```
#372d4f rgb(55,45,79)
```
#352953
```
#352953 rgb(53,41,83)
```
#332458
```
#332458 rgb(51,36,88)
```
#311f5d
```
#311f5d rgb(49,31,93)
```
#2f1a62
```
#2f1a62 rgb(47,26,98)
```
#2d1567
```
#2d1567 rgb(45,21,103)
```
#2b116b
```
#2b116b rgb(43,17,107)
```
#290c70
```
#290c70 rgb(41,12,112)
```
#270775
```
#270775 rgb(39,7,117)
```
#25027a
```
#25027a rgb(37,2,122)
```

Tone Color Variation

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

Dichromacy

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

Trichromacy

#112c63 Protanomaly 1% of men, 0.01% of women
#112e5b Deuteranomaly 6% of men, 0.4% of women
#2f2e47 Tritanomaly 0.01% of the population