#311f4c hex color

In a RGB color space, hex #311f4c is composed of 19.2% red, 12.2% green and 29.8% blue. Whereas in a CMYK color space, it is composed of 35.5% cyan, 59.2% magenta, 0% yellow and 70.2% black. It has a hue angle of 264 degrees, a saturation of 42.1% and a lightness of 21%. #311f4c color hex could be obtained by blending #623e98 with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 19
- G 12
- B 30
RGB color chart
- C 36
- M 59
- Y 0
- K 70
CMYK color chart

● #311f4c color description : Very dark desaturated violet.

The hexadecimal color #311f4c has RGB values of R:49, G:31, B:76 and CMYK values of C:0.36, M:0.59, Y:0, K:0.7. Its decimal value is 3219276.

Hex triplet	311f4c	`#311f4c`
RGB Decimal	49, 31, 76	`rgb(49,31,76)`
RGB Percent	19.2, 12.2, 29.8	`rgb(19.2%,12.2%,29.8%)`
CMYK	36, 59, 0, 70
HSL	264°, 42.1, 21	`hsl(264,42.1%,21%)`
HSV (or HSB)	264°, 59.2, 29.8
Web Safe	333333	`#333333`

CIE-LAB	16.279, 19.942, -24.815
XYZ	3.061, 2.155, 7.092
xyY	0.249, 0.175, 2.155
CIE-LCH	16.279, 31.835, 308.786
CIE-LUV	16.279, 3.864, -26.677
Hunter-Lab	14.679, 11.533, -18.369
Binary	00110001, 00011111, 01001100

#311f4c
```
#311f4c rgb(49,31,76)
```
#3a4c1f
```
#3a4c1f rgb(58,76,31)
```

Complementary Color

#1f244c
```
#1f244c rgb(31,36,76)
```
#311f4c
```
#311f4c rgb(49,31,76)
```
#481f4c
```
#481f4c rgb(72,31,76)
```

Analogous Color

#244c1f
```
#244c1f rgb(36,76,31)
```
#311f4c
```
#311f4c rgb(49,31,76)
```
#4c481f
```
#4c481f rgb(76,72,31)
```

Split Complementary Color

#1f4c31
```
#1f4c31 rgb(31,76,49)
```
#311f4c
```
#311f4c rgb(49,31,76)
```
#4c311f
```
#4c311f rgb(76,49,31)
```

Triadic Color

#1f3a4c
```
#1f3a4c rgb(31,58,76)
```
#311f4c
```
#311f4c rgb(49,31,76)
```
#4c311f
```
#4c311f rgb(76,49,31)
```
#3a4c1f
```
#3a4c1f rgb(58,76,31)
```

Tetradic Color

#0e0916
```
#0e0916 rgb(14,9,22)
```
#1a1028
```
#1a1028 rgb(26,16,40)
```
#25183a
```
#25183a rgb(37,24,58)
```
#311f4c
```
#311f4c rgb(49,31,76)
```
#3d265e
```
#3d265e rgb(61,38,94)
```
#482e70
```
#482e70 rgb(72,46,112)
```
#543582
```
#543582 rgb(84,53,130)
```

Monochromatic Color

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

#261f4c
```
#261f4c rgb(38,31,76)
```
#2a1f4c
```
#2a1f4c rgb(42,31,76)
```
#2d1f4c
```
#2d1f4c rgb(45,31,76)
```
#311f4c
```
#311f4c rgb(49,31,76)
```
#351f4c
```
#351f4c rgb(53,31,76)
```
#391f4c
```
#391f4c rgb(57,31,76)
```
#3c1f4c
```
#3c1f4c rgb(60,31,76)
```

Similar Colors

Text with hexadecimal color #311f4c

This text has a font color of #311f4c.

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

#311f4c background color

This paragraph has a background color of #311f4c.

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

#311f4c border color

This element has a border color of #311f4c.

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

CSS codes

.text {color:#311f4c;}

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

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

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

#040306
```
#040306 rgb(4,3,6)
```
#0d0814
```
#0d0814 rgb(13,8,20)
```
#160e22
```
#160e22 rgb(22,14,34)
```
#1f1430
```
#1f1430 rgb(31,20,48)
```
#28193e
```
#28193e rgb(40,25,62)
```
#311f4c
```
#311f4c rgb(49,31,76)
```
#3a255a
```
#3a255a rgb(58,37,90)
```
#432a68
```
#432a68 rgb(67,42,104)
```
#4c3076
```
#4c3076 rgb(76,48,118)
```
#553684
```
#553684 rgb(85,54,132)
```
#5e3b92
```
#5e3b92 rgb(94,59,146)
```
#6741a0
```
#6741a0 rgb(103,65,160)
```
#7047ae
```
#7047ae rgb(112,71,174)
```

Shade Color Variation

#7a50b8
```
#7a50b8 rgb(122,80,184)
```
#845ebd
```
#845ebd rgb(132,94,189)
```
#8f6cc3
```
#8f6cc3 rgb(143,108,195)
```
#9a7ac9
```
#9a7ac9 rgb(154,122,201)
```
#a488ce
```
#a488ce rgb(164,136,206)
```
#af96d4
```
#af96d4 rgb(175,150,212)
```
#b9a4da
```
#b9a4da rgb(185,164,218)
```
#c4b2df
```
#c4b2df rgb(196,178,223)
```
#cfc0e5
```
#cfc0e5 rgb(207,192,229)
```
#d9ceeb
```
#d9ceeb rgb(217,206,235)
```
#e4dcf1
```
#e4dcf1 rgb(228,220,241)
```
#efe9f6
```
#efe9f6 rgb(239,233,246)
```
#f9f7fc
```
#f9f7fc rgb(249,247,252)
```

Tint Color Variation

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

#353437
```
#353437 rgb(53,52,55)
```
#342f3c
```
#342f3c rgb(52,47,60)
```
#332b40
```
#332b40 rgb(51,43,64)
```
#332744
```
#332744 rgb(51,39,68)
```
#322348
```
#322348 rgb(50,35,72)
```
#311f4c
```
#311f4c rgb(49,31,76)
```
#301b50
```
#301b50 rgb(48,27,80)
```
#2f1754
```
#2f1754 rgb(47,23,84)
```
#2f1358
```
#2f1358 rgb(47,19,88)
```
#2e0f5c
```
#2e0f5c rgb(46,15,92)
```
#2d0a61
```
#2d0a61 rgb(45,10,97)
```
#2c0665
```
#2c0665 rgb(44,6,101)
```
#2b0269
```
#2b0269 rgb(43,2,105)
```

Tone Color Variation

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

Dichromacy

#1a325b Protanopia 1% of men
#1c3351 Deuteranopia 1% of men
#343236 Tritanopia 0.001% of the population

Trichromacy

#222b56 Protanomaly 1% of men, 0.01% of women
#242c4f Deuteranomaly 6% of men, 0.4% of women
#332b3e Tritanomaly 0.01% of the population

#311f4c hex color

#311f4c Color Information

#311f4c Color Conversion

Color Schemes with #311f4c

Alternatives to #311f4c

#311f4c Preview

Shades and Tints of #311f4c

Tones of #311f4c

Color Blindness Simulator