#311574 hex color

In a RGB color space, hex #311574 is composed of 19.2% red, 8.2% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 57.8% cyan, 81.9% magenta, 0% yellow and 54.5% black. It has a hue angle of 257.7 degrees, a saturation of 69.3% and a lightness of 26.9%. #311574 color hex could be obtained by blending #622ae8 with #000000. Closest websafe color is: #330066.

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

● #311574 color description : Dark violet.

The hexadecimal color #311574 has RGB values of R:49, G:21, B:116 and CMYK values of C:0.58, M:0.82, Y:0, K:0.55. Its decimal value is 3216756.

Hex triplet	311574	`#311574`
RGB Decimal	49, 21, 116	`rgb(49,21,116)`
RGB Percent	19.2, 8.2, 45.5	`rgb(19.2%,8.2%,45.5%)`
CMYK	58, 82, 0, 55
HSL	257.7°, 69.3, 26.9	`hsl(257.7,69.3%,26.9%)`
HSV (or HSB)	257.7°, 81.9, 45.5
Web Safe	330066	`#330066`

CIE-LAB	17.692, 38.126, -49.071
XYZ	4.687, 2.45, 16.748
xyY	0.196, 0.103, 2.45
CIE-LCH	17.692, 62.141, 307.846
CIE-LUV	17.692, 1.525, -52.396
Hunter-Lab	15.653, 26.052, -52.481
Binary	00110001, 00010101, 01110100

#311574
```
#311574 rgb(49,21,116)
```
#587415
```
#587415 rgb(88,116,21)
```

Complementary Color

#152974
```
#152974 rgb(21,41,116)
```
#311574
```
#311574 rgb(49,21,116)
```
#601574
```
#601574 rgb(96,21,116)
```

Analogous Color

#297415
```
#297415 rgb(41,116,21)
```
#311574
```
#311574 rgb(49,21,116)
```
#746115
```
#746115 rgb(116,97,21)
```

Split Complementary Color

#157431
```
#157431 rgb(21,116,49)
```
#311574
```
#311574 rgb(49,21,116)
```
#743115
```
#743115 rgb(116,49,21)
```

Triadic Color

#155874
```
#155874 rgb(21,88,116)
```
#311574
```
#311574 rgb(49,21,116)
```
#743115
```
#743115 rgb(116,49,21)
```
#587415
```
#587415 rgb(88,116,21)
```

Tetradic Color

#160933
```
#160933 rgb(22,9,51)
```
#1f0d49
```
#1f0d49 rgb(31,13,73)
```
#28115e
```
#28115e rgb(40,17,94)
```
#311574
```
#311574 rgb(49,21,116)
```
#3a198a
```
#3a198a rgb(58,25,138)
```
#431d9f
```
#431d9f rgb(67,29,159)
```
#4c21b5
```
#4c21b5 rgb(76,33,181)
```

Monochromatic Color

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

#191574
```
#191574 rgb(25,21,116)
```
#211574
```
#211574 rgb(33,21,116)
```
#291574
```
#291574 rgb(41,21,116)
```
#311574
```
#311574 rgb(49,21,116)
```
#391574
```
#391574 rgb(57,21,116)
```
#411574
```
#411574 rgb(65,21,116)
```
#491574
```
#491574 rgb(73,21,116)
```

Similar Colors

Text with hexadecimal color #311574

This text has a font color of #311574.

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

#311574 background color

This paragraph has a background color of #311574.

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

#311574 border color

This element has a border color of #311574.

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

CSS codes

.text {color:#311574;}

.background {background-color:#311574;}

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

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

#070310
```
#070310 rgb(7,3,16)
```
#0e0621
```
#0e0621 rgb(14,6,33)
```
#150932
```
#150932 rgb(21,9,50)
```
#1c0c42
```
#1c0c42 rgb(28,12,66)
```
#230f53
```
#230f53 rgb(35,15,83)
```
#2a1263
```
#2a1263 rgb(42,18,99)
```
#311574
```
#311574 rgb(49,21,116)
```
#381885
```
#381885 rgb(56,24,133)
```
#3f1b95
```
#3f1b95 rgb(63,27,149)
```
#461ea6
```
#461ea6 rgb(70,30,166)
```
#4d21b6
```
#4d21b6 rgb(77,33,182)
```
#5424c7
```
#5424c7 rgb(84,36,199)
```
#5b27d8
```
#5b27d8 rgb(91,39,216)
```

Shade Color Variation

#6837db
```
#6837db rgb(104,55,219)
```
#7448de
```
#7448de rgb(116,72,222)
```
#8159e1
```
#8159e1 rgb(129,89,225)
```
#8d69e4
```
#8d69e4 rgb(141,105,228)
```
#9a7ae7
```
#9a7ae7 rgb(154,122,231)
```
#a78aea
```
#a78aea rgb(167,138,234)
```
#b39bed
```
#b39bed rgb(179,155,237)
```
#c0acf0
```
#c0acf0 rgb(192,172,240)
```
#ccbcf3
```
#ccbcf3 rgb(204,188,243)
```
#d9cdf6
```
#d9cdf6 rgb(217,205,246)
```
#e6def9
```
#e6def9 rgb(230,222,249)
```
#f2eefc
```
#f2eefc rgb(242,238,252)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#444445
```
#444445 rgb(68,68,69)
```
#423f4a
```
#423f4a rgb(66,63,74)
```
#403a4f
```
#403a4f rgb(64,58,79)
```
#3e3554
```
#3e3554 rgb(62,53,84)
```
#3c2f5a
```
#3c2f5a rgb(60,47,90)
```
#3a2a5f
```
#3a2a5f rgb(58,42,95)
```
#372564
```
#372564 rgb(55,37,100)
```
#352069
```
#352069 rgb(53,32,105)
```
#331a6f
```
#331a6f rgb(51,26,111)
```
#311574
```
#311574 rgb(49,21,116)
```
#2f1079
```
#2f1079 rgb(47,16,121)
```
#2d0a7f
```
#2d0a7f rgb(45,10,127)
```
#2b0584
```
#2b0584 rgb(43,5,132)
```

Tone Color Variation

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

#003466 Protanopia 1% of men
#003759 Deuteranopia 1% of men
#1e3a3e Tritanopia 0.001% of the population

Trichromacy

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

#311574 hex color

#311574 Color Information

#311574 Color Conversion

Color Schemes with #311574

Alternatives to #311574

#311574 Preview

Shades and Tints of #311574

Tones of #311574

Color Blindness Simulator