colorhexa.com

#311d52 hex color

In a RGB color space, hex #311d52 is composed of 19.2% red, 11.4% green and 32.2% blue. Whereas in a CMYK color space, it is composed of 40.2% cyan, 64.6% magenta, 0% yellow and 67.8% black. It has a hue angle of 262.6 degrees, a saturation of 47.7% and a lightness of 21.8%. #311d52 color hex could be obtained by blending #623aa4 with #000000. Closest websafe color is: #333366.

- R 19
- G 11
- B 32
RGB color chart
- C 40
- M 65
- Y 0
- K 68
CMYK color chart

● #311d52 color description : Very dark violet.

The hexadecimal color #311d52 has RGB values of R:49, G:29, B:82 and CMYK values of C:0.4, M:0.65, Y:0, K:0.68. Its decimal value is 3218770.

Hex triplet	311d52	`#311d52`
RGB Decimal	49, 29, 82	`rgb(49,29,82)`
RGB Percent	19.2, 11.4, 32.2	`rgb(19.2%,11.4%,32.2%)`
CMYK	40, 65, 0, 68
HSL	262.6°, 47.7, 21.8	`hsl(262.6,47.7%,21.8%)`
HSV (or HSB)	262.6°, 64.6, 32.2
Web Safe	333366	`#333366`

CIE-LAB	16.21, 23.097, -29.012
XYZ	3.229, 2.141, 8.225
xyY	0.237, 0.157, 2.141
CIE-LCH	16.21, 37.083, 308.524
CIE-LUV	16.21, 3.655, -31.04
Hunter-Lab	14.632, 13.783, -23.088
Binary	00110001, 00011101, 01010010

#311d52
```
#311d52 rgb(49,29,82)
```
#3e521d
```
#3e521d rgb(62,82,29)
```

Complementary Color

#1d2452
```
#1d2452 rgb(29,36,82)
```
#311d52
```
#311d52 rgb(49,29,82)
```
#4c1d52
```
#4c1d52 rgb(76,29,82)
```

Analogous Color

#24521d
```
#24521d rgb(36,82,29)
```
#311d52
```
#311d52 rgb(49,29,82)
```
#524c1d
```
#524c1d rgb(82,76,29)
```

Split Complementary Color

#0f0919
```
#0f0919 rgb(15,9,25)
```
#1a102c
```
#1a102c rgb(26,16,44)
```
#26163f
```
#26163f rgb(38,22,63)
```
#311d52
```
#311d52 rgb(49,29,82)
```
#3c2465
```
#3c2465 rgb(60,36,101)
```
#482a78
```
#482a78 rgb(72,42,120)
```
#53318b
```
#53318b rgb(83,49,139)
```

Monochromatic Color

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

#241d52
```
#241d52 rgb(36,29,82)
```
#281d52
```
#281d52 rgb(40,29,82)
```
#2d1d52
```
#2d1d52 rgb(45,29,82)
```
#311d52
```
#311d52 rgb(49,29,82)
```
#351d52
```
#351d52 rgb(53,29,82)
```
#3a1d52
```
#3a1d52 rgb(58,29,82)
```
#3e1d52
```
#3e1d52 rgb(62,29,82)
```

Similar Colors

Text with hexadecimal color #311d52

This text has a font color of #311d52.

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

#311d52 background color

This paragraph has a background color of #311d52.

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

#311d52 border color

This element has a border color of #311d52.

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

CSS codes

.text {color:#311d52;}

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

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

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, #06030a is the darkest color, while #fbfafd is the lightest one.

#06030a
```
#06030a rgb(6,3,10)
```
#0e0918
```
#0e0918 rgb(14,9,24)
```
#170e27
```
#170e27 rgb(23,14,39)
```
#201335
```
#201335 rgb(32,19,53)
```
#281844
```
#281844 rgb(40,24,68)
```
#311d52
```
#311d52 rgb(49,29,82)
```
#3a2260
```
#3a2260 rgb(58,34,96)
```
#42276f
```
#42276f rgb(66,39,111)
```
#4b2c7d
```
#4b2c7d rgb(75,44,125)
```
#54318c
```
#54318c rgb(84,49,140)
```
#5c379a
```
#5c379a rgb(92,55,154)
```
#653ca9
```
#653ca9 rgb(101,60,169)
```
#6e41b7
```
#6e41b7 rgb(110,65,183)
```

Shade Color Variation

#784cc0
```
#784cc0 rgb(120,76,192)
```
#835bc5
```
#835bc5 rgb(131,91,197)
```
#8e69ca
```
#8e69ca rgb(142,105,202)
```
#9978cf
```
#9978cf rgb(153,120,207)
```
#a486d4
```
#a486d4 rgb(164,134,212)
```
#af95d9
```
#af95d9 rgb(175,149,217)
```
#baa3df
```
#baa3df rgb(186,163,223)
```
#c4b2e4
```
#c4b2e4 rgb(196,178,228)
```
#cfc0e9
```
#cfc0e9 rgb(207,192,233)
```
#dacfee
```
#dacfee rgb(218,207,238)
```
#e5ddf3
```
#e5ddf3 rgb(229,221,243)
```
#f0ecf8
```
#f0ecf8 rgb(240,236,248)
```
#fbfafd
```
#fbfafd rgb(251,250,253)
```

Tint Color Variation

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

#373738
```
#373738 rgb(55,55,56)
```
#36323d
```
#36323d rgb(54,50,61)
```
#352e41
```
#352e41 rgb(53,46,65)
```
#342a45
```
#342a45 rgb(52,42,69)
```
#332649
```
#332649 rgb(51,38,73)
```
#32214e
```
#32214e rgb(50,33,78)
```
#311d52
```
#311d52 rgb(49,29,82)
```
#301956
```
#301956 rgb(48,25,86)
```
#2f145b
```
#2f145b rgb(47,20,91)
```
#2e105f
```
#2e105f rgb(46,16,95)
```
#2d0c63
```
#2d0c63 rgb(45,12,99)
```
#2c0867
```
#2c0867 rgb(44,8,103)
```
#2b036c
```
#2b036c rgb(43,3,108)
```

Tone Color Variation

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

#003161 Protanopia 1% of men
#0a3456 Deuteranopia 1% of men
#323337 Tritanopia 0.001% of the population

Trichromacy

#112a5c Protanomaly 1% of men, 0.01% of women
#182b55 Deuteranomaly 6% of men, 0.4% of women
#312b40 Tritanomaly 0.01% of the population