#311577 hex color

In a RGB color space, hex #311577 is composed of 19.2% red, 8.2% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 58.8% cyan, 82.4% magenta, 0% yellow and 53.3% black. It has a hue angle of 257.1 degrees, a saturation of 70% and a lightness of 27.5%. #311577 color hex could be obtained by blending #622aee with #000000. Closest websafe color is: #330066.

♥
- f
- t
- g
- R 19
- G 8
- B 47
RGB color chart
- C 59
- M 82
- Y 0
- K 53
CMYK color chart

● #311577 color description : Dark violet.

The hexadecimal color #311577 has RGB values of R:49, G:21, B:119 and CMYK values of C:0.59, M:0.82, Y:0, K:0.53. Its decimal value is 3216759.

Hex triplet	311577	`#311577`
RGB Decimal	49, 21, 119	`rgb(49,21,119)`
RGB Percent	19.2, 8.2, 46.7	`rgb(19.2%,8.2%,46.7%)`
CMYK	59, 82, 0, 53
HSL	257.1°, 70, 27.5	`hsl(257.1,70%,27.5%)`
HSV (or HSB)	257.1°, 82.4, 46.7
Web Safe	330066	`#330066`

CIE-LAB	18.014, 39.022, -50.472
XYZ	4.864, 2.521, 17.682
xyY	0.194, 0.101, 2.521
CIE-LCH	18.014, 63.797, 307.709
CIE-LUV	18.014, 1.266, -54.168
Hunter-Lab	15.878, 26.894, -54.912
Binary	00110001, 00010101, 01110111

#311577
```
#311577 rgb(49,21,119)
```
#5b7715
```
#5b7715 rgb(91,119,21)
```

Complementary Color

#152a77
```
#152a77 rgb(21,42,119)
```
#311577
```
#311577 rgb(49,21,119)
```
#621577
```
#621577 rgb(98,21,119)
```

Analogous Color

#2a7715
```
#2a7715 rgb(42,119,21)
```
#311577
```
#311577 rgb(49,21,119)
```
#776215
```
#776215 rgb(119,98,21)
```

Split Complementary Color

#157731
```
#157731 rgb(21,119,49)
```
#311577
```
#311577 rgb(49,21,119)
```
#773115
```
#773115 rgb(119,49,21)
```

Triadic Color

#155b77
```
#155b77 rgb(21,91,119)
```
#311577
```
#311577 rgb(49,21,119)
```
#773115
```
#773115 rgb(119,49,21)
```
#5b7715
```
#5b7715 rgb(91,119,21)
```

Tetradic Color

#160a36
```
#160a36 rgb(22,10,54)
```
#1f0d4c
```
#1f0d4c rgb(31,13,76)
```
#281161
```
#281161 rgb(40,17,97)
```
#311577
```
#311577 rgb(49,21,119)
```
#3a198d
```
#3a198d rgb(58,25,141)
```
#431da2
```
#431da2 rgb(67,29,162)
```
#4c20b8
```
#4c20b8 rgb(76,32,184)
```

Monochromatic Color

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

#191577
```
#191577 rgb(25,21,119)
```
#211577
```
#211577 rgb(33,21,119)
```
#291577
```
#291577 rgb(41,21,119)
```
#311577
```
#311577 rgb(49,21,119)
```
#391577
```
#391577 rgb(57,21,119)
```
#411577
```
#411577 rgb(65,21,119)
```
#4a1577
```
#4a1577 rgb(74,21,119)
```

Similar Colors

Text with hexadecimal color #311577

This text has a font color of #311577.

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

#311577 background color

This paragraph has a background color of #311577.

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

#311577 border color

This element has a border color of #311577.

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

CSS codes

.text {color:#311577;}

.background {background-color:#311577;}

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

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

#010002
```
#010002 rgb(1,0,2)
```
#080313
```
#080313 rgb(8,3,19)
```
#0f0624
```
#0f0624 rgb(15,6,36)
```
#160934
```
#160934 rgb(22,9,52)
```
#1c0c45
```
#1c0c45 rgb(28,12,69)
```
#230f56
```
#230f56 rgb(35,15,86)
```
#2a1266
```
#2a1266 rgb(42,18,102)
```
#311577
```
#311577 rgb(49,21,119)
```
#381888
```
#381888 rgb(56,24,136)
```
#3f1b98
```
#3f1b98 rgb(63,27,152)
```
#461ea9
```
#461ea9 rgb(70,30,169)
```
#4c21ba
```
#4c21ba rgb(76,33,186)
```
#5324ca
```
#5324ca rgb(83,36,202)
```

Shade Color Variation

#5b29d9
```
#5b29d9 rgb(91,41,217)
```
#6839dc
```
#6839dc rgb(104,57,220)
```
#754adf
```
#754adf rgb(117,74,223)
```
#815be2
```
#815be2 rgb(129,91,226)
```
#8e6be5
```
#8e6be5 rgb(142,107,229)
```
#9b7ce8
```
#9b7ce8 rgb(155,124,232)
```
#a88deb
```
#a88deb rgb(168,141,235)
```
#b49dee
```
#b49dee rgb(180,157,238)
```
#c1aef1
```
#c1aef1 rgb(193,174,241)
```
#cebff4
```
#cebff4 rgb(206,191,244)
```
#dbcff7
```
#dbcff7 rgb(219,207,247)
```
#e7e0fa
```
#e7e0fa rgb(231,224,250)
```
#f4f1fc
```
#f4f1fc rgb(244,241,252)
```

Tint Color Variation

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

#464547
```
#464547 rgb(70,69,71)
```
#43404c
```
#43404c rgb(67,64,76)
```
#413b51
```
#413b51 rgb(65,59,81)
```
#3f3557
```
#3f3557 rgb(63,53,87)
```
#3d305c
```
#3d305c rgb(61,48,92)
```
#3a2b61
```
#3a2b61 rgb(58,43,97)
```
#382567
```
#382567 rgb(56,37,103)
```
#36206c
```
#36206c rgb(54,32,108)
```
#331a72
```
#331a72 rgb(51,26,114)
```
#311577
```
#311577 rgb(49,21,119)
```
#2f107c
```
#2f107c rgb(47,16,124)
```
#2c0a82
```
#2c0a82 rgb(44,10,130)
```
#2a0587
```
#2a0587 rgb(42,5,135)
```

Tone Color Variation

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

Dichromacy

#003567 Protanopia 1% of men
#00385a Deuteranopia 1% of men
#1b3b3f Tritanopia 0.001% of the population

Trichromacy

#11296d Protanomaly 1% of men, 0.01% of women
#112b64 Deuteranomaly 6% of men, 0.4% of women
#232d53 Tritanomaly 0.01% of the population

#311577 hex color

#311577 Color Information

#311577 Color Conversion

Color Schemes with #311577

Alternatives to #311577

#311577 Preview

Shades and Tints of #311577

Tones of #311577

Color Blindness Simulator