#311f52 hex color

In a RGB color space, hex #311f52 is composed of 19.2% red, 12.2% green and 32.2% blue. Whereas in a CMYK color space, it is composed of 40.2% cyan, 62.2% magenta, 0% yellow and 67.8% black. It has a hue angle of 261.2 degrees, a saturation of 45.1% and a lightness of 22.2%. #311f52 color hex could be obtained by blending #623ea4 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 19
- G 12
- B 32
RGB color chart
- C 40
- M 62
- Y 0
- K 68
CMYK color chart

● #311f52 color description : Very dark violet.

The hexadecimal color #311f52 has RGB values of R:49, G:31, B:82 and CMYK values of C:0.4, M:0.62, Y:0, K:0.68. Its decimal value is 3219282.

Hex triplet	311f52	`#311f52`
RGB Decimal	49, 31, 82	`rgb(49,31,82)`
RGB Percent	19.2, 12.2, 32.2	`rgb(19.2%,12.2%,32.2%)`
CMYK	40, 62, 0, 68
HSL	261.2°, 45.1, 22.2	`hsl(261.2,45.1%,22.2%)`
HSV (or HSB)	261.2°, 62.2, 32.2
Web Safe	333366	`#333366`

CIE-LAB	16.71, 21.784, -28.208
XYZ	3.279, 2.242, 8.242
xyY	0.238, 0.163, 2.242
CIE-LCH	16.71, 35.64, 307.678
CIE-LUV	16.71, 3.253, -30.619
Hunter-Lab	14.974, 12.889, -22.154
Binary	00110001, 00011111, 01010010

#311f52
```
#311f52 rgb(49,31,82)
```
#40521f
```
#40521f rgb(64,82,31)
```

Complementary Color

#1f2752
```
#1f2752 rgb(31,39,82)
```
#311f52
```
#311f52 rgb(49,31,82)
```
#4b1f52
```
#4b1f52 rgb(75,31,82)
```

Analogous Color

#27521f
```
#27521f rgb(39,82,31)
```
#311f52
```
#311f52 rgb(49,31,82)
```
#524b1f
```
#524b1f rgb(82,75,31)
```

Split Complementary Color

#1f5231
```
#1f5231 rgb(31,82,49)
```
#311f52
```
#311f52 rgb(49,31,82)
```
#52311f
```
#52311f rgb(82,49,31)
```

Triadic Color

#1f4052
```
#1f4052 rgb(31,64,82)
```
#311f52
```
#311f52 rgb(49,31,82)
```
#52311f
```
#52311f rgb(82,49,31)
```
#40521f
```
#40521f rgb(64,82,31)
```

Tetradic Color

#100a1a
```
#100a1a rgb(16,10,26)
```
#1b112d
```
#1b112d rgb(27,17,45)
```
#26183f
```
#26183f rgb(38,24,63)
```
#311f52
```
#311f52 rgb(49,31,82)
```
#3c2665
```
#3c2665 rgb(60,38,101)
```
#472d77
```
#472d77 rgb(71,45,119)
```
#52348a
```
#52348a rgb(82,52,138)
```

Monochromatic Color

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

#241f52
```
#241f52 rgb(36,31,82)
```
#291f52
```
#291f52 rgb(41,31,82)
```
#2d1f52
```
#2d1f52 rgb(45,31,82)
```
#311f52
```
#311f52 rgb(49,31,82)
```
#351f52
```
#351f52 rgb(53,31,82)
```
#3a1f52
```
#3a1f52 rgb(58,31,82)
```
#3e1f52
```
#3e1f52 rgb(62,31,82)
```

Similar Colors

Text with hexadecimal color #311f52

This text has a font color of #311f52.

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

#311f52 background color

This paragraph has a background color of #311f52.

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

#311f52 border color

This element has a border color of #311f52.

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

CSS codes

.text {color:#311f52;}

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

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

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, #06040b is the darkest color, while #fcfcfe is the lightest one.

#06040b
```
#06040b rgb(6,4,11)
```
#0f0919
```
#0f0919 rgb(15,9,25)
```
#170f27
```
#170f27 rgb(23,15,39)
```
#201436
```
#201436 rgb(32,20,54)
```
#281a44
```
#281a44 rgb(40,26,68)
```
#311f52
```
#311f52 rgb(49,31,82)
```
#3a2460
```
#3a2460 rgb(58,36,96)
```
#422a6e
```
#422a6e rgb(66,42,110)
```
#4b2f7d
```
#4b2f7d rgb(75,47,125)
```
#53358b
```
#53358b rgb(83,53,139)
```
#5c3a99
```
#5c3a99 rgb(92,58,153)
```
#643fa7
```
#643fa7 rgb(100,63,167)
```
#6d45b6
```
#6d45b6 rgb(109,69,182)
```

Shade Color Variation

#7751bd
```
#7751bd rgb(119,81,189)
```
#825fc3
```
#825fc3 rgb(130,95,195)
```
#8d6dc8
```
#8d6dc8 rgb(141,109,200)
```
#987bcd
```
#987bcd rgb(152,123,205)
```
#a38ad3
```
#a38ad3 rgb(163,138,211)
```
#af98d8
```
#af98d8 rgb(175,152,216)
```
#baa6dd
```
#baa6dd rgb(186,166,221)
```
#c5b4e3
```
#c5b4e3 rgb(197,180,227)
```
#d0c3e8
```
#d0c3e8 rgb(208,195,232)
```
#dbd1ee
```
#dbd1ee rgb(219,209,238)
```
#e6dff3
```
#e6dff3 rgb(230,223,243)
```
#f1edf8
```
#f1edf8 rgb(241,237,248)
```
#fcfcfe
```
#fcfcfe rgb(252,252,254)
```

Tint Color Variation

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

#37353c
```
#37353c rgb(55,53,60)
```
#363041
```
#363041 rgb(54,48,65)
```
#352c45
```
#352c45 rgb(53,44,69)
```
#342849
```
#342849 rgb(52,40,73)
```
#32234e
```
#32234e rgb(50,35,78)
```
#311f52
```
#311f52 rgb(49,31,82)
```
#301b56
```
#301b56 rgb(48,27,86)
```
#2e165b
```
#2e165b rgb(46,22,91)
```
#2d125f
```
#2d125f rgb(45,18,95)
```
#2c0e63
```
#2c0e63 rgb(44,14,99)
```
#2b0968
```
#2b0968 rgb(43,9,104)
```
#29056c
```
#29056c rgb(41,5,108)
```
#280170
```
#280170 rgb(40,1,112)
```

Tone Color Variation

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

Dichromacy

#0e3262 Protanopia 1% of men
#123557 Deuteranopia 1% of men
#323438 Tritanopia 0.001% of the population

Trichromacy

#1b2b5c Protanomaly 1% of men, 0.01% of women
#1d2d55 Deuteranomaly 6% of men, 0.4% of women
#312c41 Tritanomaly 0.01% of the population

#311f52 hex color

#311f52 Color Information

#311f52 Color Conversion

Color Schemes with #311f52

Alternatives to #311f52

#311f52 Preview

Shades and Tints of #311f52

Tones of #311f52

Color Blindness Simulator