#311d4f hex color

In a RGB color space, hex #311d4f is composed of 19.2% red, 11.4% green and 31% blue. Whereas in a CMYK color space, it is composed of 38% cyan, 63.3% magenta, 0% yellow and 69% black. It has a hue angle of 264 degrees, a saturation of 46.3% and a lightness of 21.2%. #311d4f color hex could be obtained by blending #623a9e with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 19
- G 11
- B 31
RGB color chart
- C 38
- M 63
- Y 0
- K 69
CMYK color chart

● #311d4f color description : Very dark violet.

The hexadecimal color #311d4f has RGB values of R:49, G:29, B:79 and CMYK values of C:0.38, M:0.63, Y:0, K:0.69. Its decimal value is 3218767.

Hex triplet	311d4f	`#311d4f`
RGB Decimal	49, 29, 79	`rgb(49,29,79)`
RGB Percent	19.2, 11.4, 31	`rgb(19.2%,11.4%,31%)`
CMYK	38, 63, 0, 69
HSL	264°, 46.3, 21.2	`hsl(264,46.3%,21.2%)`
HSV (or HSB)	264°, 63.3, 31
Web Safe	333366	`#333366`

CIE-LAB	15.984, 22.18, -27.335
XYZ	3.117, 2.096, 7.637
xyY	0.243, 0.163, 2.096
CIE-LCH	15.984, 35.202, 309.056
CIE-LUV	15.984, 3.97, -29.106
Hunter-Lab	14.478, 13.092, -21.14
Binary	00110001, 00011101, 01001111

#311d4f
```
#311d4f rgb(49,29,79)
```
#3b4f1d
```
#3b4f1d rgb(59,79,29)
```

Complementary Color

#1d224f
```
#1d224f rgb(29,34,79)
```
#311d4f
```
#311d4f rgb(49,29,79)
```
#4a1d4f
```
#4a1d4f rgb(74,29,79)
```

Analogous Color

#224f1d
```
#224f1d rgb(34,79,29)
```
#311d4f
```
#311d4f rgb(49,29,79)
```
#4f4a1d
```
#4f4a1d rgb(79,74,29)
```

Split Complementary Color

#1d4f31
```
#1d4f31 rgb(29,79,49)
```
#311d4f
```
#311d4f rgb(49,29,79)
```
#4f311d
```
#4f311d rgb(79,49,29)
```

Triadic Color

#1d3b4f
```
#1d3b4f rgb(29,59,79)
```
#311d4f
```
#311d4f rgb(49,29,79)
```
#4f311d
```
#4f311d rgb(79,49,29)
```
#3b4f1d
```
#3b4f1d rgb(59,79,29)
```

Tetradic Color

#0e0817
```
#0e0817 rgb(14,8,23)
```
#1a0f2a
```
#1a0f2a rgb(26,15,42)
```
#25163c
```
#25163c rgb(37,22,60)
```
#311d4f
```
#311d4f rgb(49,29,79)
```
#3d2462
```
#3d2462 rgb(61,36,98)
```
#482b74
```
#482b74 rgb(72,43,116)
```
#543287
```
#543287 rgb(84,50,135)
```

Monochromatic Color

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

#251d4f
```
#251d4f rgb(37,29,79)
```
#291d4f
```
#291d4f rgb(41,29,79)
```
#2d1d4f
```
#2d1d4f rgb(45,29,79)
```
#311d4f
```
#311d4f rgb(49,29,79)
```
#351d4f
```
#351d4f rgb(53,29,79)
```
#391d4f
```
#391d4f rgb(57,29,79)
```
#3e1d4f
```
#3e1d4f rgb(62,29,79)
```

Similar Colors

Text with hexadecimal color #311d4f

This text has a font color of #311d4f.

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

#311d4f background color

This paragraph has a background color of #311d4f.

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

#311d4f border color

This element has a border color of #311d4f.

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

CSS codes

.text {color:#311d4f;}

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

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

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

#050307
```
#050307 rgb(5,3,7)
```
#0d0816
```
#0d0816 rgb(13,8,22)
```
#160d24
```
#160d24 rgb(22,13,36)
```
#1f1232
```
#1f1232 rgb(31,18,50)
```
#281841
```
#281841 rgb(40,24,65)
```
#311d4f
```
#311d4f rgb(49,29,79)
```
#3a225d
```
#3a225d rgb(58,34,93)
```
#43286c
```
#43286c rgb(67,40,108)
```
#4c2d7a
```
#4c2d7a rgb(76,45,122)
```
#553288
```
#553288 rgb(85,50,136)
```
#5d3797
```
#5d3797 rgb(93,55,151)
```
#663da5
```
#663da5 rgb(102,61,165)
```
#6f42b3
```
#6f42b3 rgb(111,66,179)
```

Shade Color Variation

#794cbd
```
#794cbd rgb(121,76,189)
```
#845ac2
```
#845ac2 rgb(132,90,194)
```
#8f68c8
```
#8f68c8 rgb(143,104,200)
```
#9977cd
```
#9977cd rgb(153,119,205)
```
#a485d2
```
#a485d2 rgb(164,133,210)
```
#af93d8
```
#af93d8 rgb(175,147,216)
```
#b9a2dd
```
#b9a2dd rgb(185,162,221)
```
#c4b0e2
```
#c4b0e2 rgb(196,176,226)
```
#cfbfe7
```
#cfbfe7 rgb(207,191,231)
```
#dacded
```
#dacded rgb(218,205,237)
```
#e4dbf2
```
#e4dbf2 rgb(228,219,242)
```
#efeaf7
```
#efeaf7 rgb(239,234,247)
```
#faf8fc
```
#faf8fc rgb(250,248,252)
```

Tint Color Variation

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

#363636
```
#363636 rgb(54,54,54)
```
#35323a
```
#35323a rgb(53,50,58)
```
#342e3e
```
#342e3e rgb(52,46,62)
```
#332943
```
#332943 rgb(51,41,67)
```
#332547
```
#332547 rgb(51,37,71)
```
#32214b
```
#32214b rgb(50,33,75)
```
#311d4f
```
#311d4f rgb(49,29,79)
```
#301953
```
#301953 rgb(48,25,83)
```
#2f1557
```
#2f1557 rgb(47,21,87)
```
#2f115b
```
#2f115b rgb(47,17,91)
```
#2e0c60
```
#2e0c60 rgb(46,12,96)
```
#2d0864
```
#2d0864 rgb(45,8,100)
```
#2c0468
```
#2c0468 rgb(44,4,104)
```

Tone Color Variation

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

Dichromacy

#0c315f Protanopia 1% of men
#133354 Deuteranopia 1% of men
#333236 Tritanopia 0.001% of the population

Trichromacy

#1a2959 Protanomaly 1% of men, 0.01% of women
#1e2b52 Deuteranomaly 6% of men, 0.4% of women
#322a3f Tritanomaly 0.01% of the population

#311d4f hex color

#311d4f Color Information

#311d4f Color Conversion

Color Schemes with #311d4f

Alternatives to #311d4f

#311d4f Preview

Shades and Tints of #311d4f

Tones of #311d4f

Color Blindness Simulator