#311575 hex color

In a RGB color space, hex #311575 is composed of 19.2% red, 8.2% green and 45.9% blue. Whereas in a CMYK color space, it is composed of 58.1% cyan, 82.1% magenta, 0% yellow and 54.1% black. It has a hue angle of 257.5 degrees, a saturation of 69.6% and a lightness of 27.1%. #311575 color hex could be obtained by blending #622aea with #000000. Closest websafe color is: #330066.

♥
- f
- t
- g
- R 19
- G 8
- B 46
RGB color chart
- C 58
- M 82
- Y 0
- K 54
CMYK color chart

● #311575 color description : Dark violet.

The hexadecimal color #311575 has RGB values of R:49, G:21, B:117 and CMYK values of C:0.58, M:0.82, Y:0, K:0.54. Its decimal value is 3216757.

Hex triplet	311575	`#311575`
RGB Decimal	49, 21, 117	`rgb(49,21,117)`
RGB Percent	19.2, 8.2, 45.9	`rgb(19.2%,8.2%,45.9%)`
CMYK	58, 82, 0, 54
HSL	257.5°, 69.6, 27.1	`hsl(257.5,69.6%,27.1%)`
HSV (or HSB)	257.5°, 82.1, 45.9
Web Safe	330066	`#330066`

CIE-LAB	17.799, 38.425, -49.539
XYZ	4.745, 2.474, 17.056
xyY	0.195, 0.102, 2.474
CIE-LCH	17.799, 62.694, 307.798
CIE-LUV	17.799, 1.438, -52.987
Hunter-Lab	15.727, 26.332, -53.289
Binary	00110001, 00010101, 01110101

#311575
```
#311575 rgb(49,21,117)
```
#597515
```
#597515 rgb(89,117,21)
```

Complementary Color

#152975
```
#152975 rgb(21,41,117)
```
#311575
```
#311575 rgb(49,21,117)
```
#611575
```
#611575 rgb(97,21,117)
```

Analogous Color

#297515
```
#297515 rgb(41,117,21)
```
#311575
```
#311575 rgb(49,21,117)
```
#756115
```
#756115 rgb(117,97,21)
```

Split Complementary Color

#157531
```
#157531 rgb(21,117,49)
```
#311575
```
#311575 rgb(49,21,117)
```
#753115
```
#753115 rgb(117,49,21)
```

Triadic Color

#155975
```
#155975 rgb(21,89,117)
```
#311575
```
#311575 rgb(49,21,117)
```
#753115
```
#753115 rgb(117,49,21)
```
#597515
```
#597515 rgb(89,117,21)
```

Tetradic Color

#160934
```
#160934 rgb(22,9,52)
```
#1f0d4a
```
#1f0d4a rgb(31,13,74)
```
#28115f
```
#28115f rgb(40,17,95)
```
#311575
```
#311575 rgb(49,21,117)
```
#3a198b
```
#3a198b rgb(58,25,139)
```
#431da0
```
#431da0 rgb(67,29,160)
```
#4c21b6
```
#4c21b6 rgb(76,33,182)
```

Monochromatic Color

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

#191575
```
#191575 rgb(25,21,117)
```
#211575
```
#211575 rgb(33,21,117)
```
#291575
```
#291575 rgb(41,21,117)
```
#311575
```
#311575 rgb(49,21,117)
```
#391575
```
#391575 rgb(57,21,117)
```
#411575
```
#411575 rgb(65,21,117)
```
#491575
```
#491575 rgb(73,21,117)
```

Similar Colors

Text with hexadecimal color #311575

This text has a font color of #311575.

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

#311575 background color

This paragraph has a background color of #311575.

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

#311575 border color

This element has a border color of #311575.

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

CSS codes

.text {color:#311575;}

.background {background-color:#311575;}

.border {border:1px solid #311575;}

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

#000001
```
#000001 rgb(0,0,1)
```
#070311
```
#070311 rgb(7,3,17)
```
#0e0622
```
#0e0622 rgb(14,6,34)
```
#150932
```
#150932 rgb(21,9,50)
```
#1c0c43
```
#1c0c43 rgb(28,12,67)
```
#230f54
```
#230f54 rgb(35,15,84)
```
#2a1264
```
#2a1264 rgb(42,18,100)
```
#311575
```
#311575 rgb(49,21,117)
```
#381886
```
#381886 rgb(56,24,134)
```
#3f1b96
```
#3f1b96 rgb(63,27,150)
```
#461ea7
```
#461ea7 rgb(70,30,167)
```
#4d21b8
```
#4d21b8 rgb(77,33,184)
```
#5424c8
```
#5424c8 rgb(84,36,200)
```

Shade Color Variation

#5b27d8
```
#5b27d8 rgb(91,39,216)
```
#6838db
```
#6838db rgb(104,56,219)
```
#7449de
```
#7449de rgb(116,73,222)
```
#8159e1
```
#8159e1 rgb(129,89,225)
```
#8e6ae4
```
#8e6ae4 rgb(142,106,228)
```
#9a7be7
```
#9a7be7 rgb(154,123,231)
```
#a78bea
```
#a78bea rgb(167,139,234)
```
#b49ced
```
#b49ced rgb(180,156,237)
```
#c0acf0
```
#c0acf0 rgb(192,172,240)
```
#cdbdf3
```
#cdbdf3 rgb(205,189,243)
```
#d9cef6
```
#d9cef6 rgb(217,206,246)
```
#e6def9
```
#e6def9 rgb(230,222,249)
```
#f3effc
```
#f3effc rgb(243,239,252)
```

Tint Color Variation

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

#454545
```
#454545 rgb(69,69,69)
```
#433f4b
```
#433f4b rgb(67,63,75)
```
#403a50
```
#403a50 rgb(64,58,80)
```
#3e3555
```
#3e3555 rgb(62,53,85)
```
#3c305a
```
#3c305a rgb(60,48,90)
```
#3a2a60
```
#3a2a60 rgb(58,42,96)
```
#382565
```
#382565 rgb(56,37,101)
```
#35206a
```
#35206a rgb(53,32,106)
```
#331a70
```
#331a70 rgb(51,26,112)
```
#311575
```
#311575 rgb(49,21,117)
```
#2f107a
```
#2f107a rgb(47,16,122)
```
#2d0a80
```
#2d0a80 rgb(45,10,128)
```
#2a0585
```
#2a0585 rgb(42,5,133)
```

Tone Color Variation

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

#282828 Achromatopsia 0.005% of the population
#2a2437 Atypical Achromatopsia 0.001% of the population

Dichromacy

#003567 Protanopia 1% of men
#003859 Deuteranopia 1% of men
#1d3a3e Tritanopia 0.001% of the population

Trichromacy

#11296c Protanomaly 1% of men, 0.01% of women
#112b63 Deuteranomaly 6% of men, 0.4% of women
#242c52 Tritanomaly 0.01% of the population

#311575 hex color

#311575 Color Information

#311575 Color Conversion

Color Schemes with #311575

Alternatives to #311575

#311575 Preview

Shades and Tints of #311575

Tones of #311575

Color Blindness Simulator