#311277 hex color

In a RGB color space, hex #311277 is composed of 19.2% red, 7.1% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 58.8% cyan, 84.9% magenta, 0% yellow and 53.3% black. It has a hue angle of 258.4 degrees, a saturation of 73.7% and a lightness of 26.9%. #311277 color hex could be obtained by blending #6224ee with #000000. Closest websafe color is: #330066.

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

● #311277 color description : Dark violet.

The hexadecimal color #311277 has RGB values of R:49, G:18, B:119 and CMYK values of C:0.59, M:0.85, Y:0, K:0.53. Its decimal value is 3215991.

Hex triplet	311277	`#311277`
RGB Decimal	49, 18, 119	`rgb(49,18,119)`
RGB Percent	19.2, 7.1, 46.7	`rgb(19.2%,7.1%,46.7%)`
CMYK	59, 85, 0, 53
HSL	258.4°, 73.7, 26.9	`hsl(258.4,73.7%,26.9%)`
HSV (or HSB)	258.4°, 84.9, 46.7
Web Safe	330066	`#330066`

CIE-LAB	17.541, 40.398, -51.251
XYZ	4.812, 2.417, 17.665
xyY	0.193, 0.097, 2.417
CIE-LCH	17.541, 65.259, 308.246
CIE-LUV	17.541, 1.547, -54.055
Hunter-Lab	15.548, 28.037, -56.479
Binary	00110001, 00010010, 01110111

#311277
```
#311277 rgb(49,18,119)
```
#587712
```
#587712 rgb(88,119,18)
```

Complementary Color

#122677
```
#122677 rgb(18,38,119)
```
#311277
```
#311277 rgb(49,18,119)
```
#631277
```
#631277 rgb(99,18,119)
```

Analogous Color

#267712
```
#267712 rgb(38,119,18)
```
#311277
```
#311277 rgb(49,18,119)
```
#776312
```
#776312 rgb(119,99,18)
```

Split Complementary Color

#127731
```
#127731 rgb(18,119,49)
```
#311277
```
#311277 rgb(49,18,119)
```
#773112
```
#773112 rgb(119,49,18)
```

Triadic Color

#125877
```
#125877 rgb(18,88,119)
```
#311277
```
#311277 rgb(49,18,119)
```
#773112
```
#773112 rgb(119,49,18)
```
#587712
```
#587712 rgb(88,119,18)
```

Tetradic Color

#160835
```
#160835 rgb(22,8,53)
```
#1f0b4b
```
#1f0b4b rgb(31,11,75)
```
#280f61
```
#280f61 rgb(40,15,97)
```
#311277
```
#311277 rgb(49,18,119)
```
#3a158d
```
#3a158d rgb(58,21,141)
```
#4319a3
```
#4319a3 rgb(67,25,163)
```
#4c1cb9
```
#4c1cb9 rgb(76,28,185)
```

Monochromatic Color

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

#181277
```
#181277 rgb(24,18,119)
```
#201277
```
#201277 rgb(32,18,119)
```
#291277
```
#291277 rgb(41,18,119)
```
#311277
```
#311277 rgb(49,18,119)
```
#391277
```
#391277 rgb(57,18,119)
```
#421277
```
#421277 rgb(66,18,119)
```
#4a1277
```
#4a1277 rgb(74,18,119)
```

Similar Colors

Text with hexadecimal color #311277

This text has a font color of #311277.

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

#311277 background color

This paragraph has a background color of #311277.

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

#311277 border color

This element has a border color of #311277.

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

CSS codes

.text {color:#311277;}

.background {background-color:#311277;}

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

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

#070311
```
#070311 rgb(7,3,17)
```
#0e0522
```
#0e0522 rgb(14,5,34)
```
#150833
```
#150833 rgb(21,8,51)
```
#1c0a44
```
#1c0a44 rgb(28,10,68)
```
#230d55
```
#230d55 rgb(35,13,85)
```
#2a0f66
```
#2a0f66 rgb(42,15,102)
```
#311277
```
#311277 rgb(49,18,119)
```
#381588
```
#381588 rgb(56,21,136)
```
#3f1799
```
#3f1799 rgb(63,23,153)
```
#461aaa
```
#461aaa rgb(70,26,170)
```
#4d1cbb
```
#4d1cbb rgb(77,28,187)
```
#541fcc
```
#541fcc rgb(84,31,204)
```
#5b21dd
```
#5b21dd rgb(91,33,221)
```

Shade Color Variation

#6832e0
```
#6832e0 rgb(104,50,224)
```
#7443e3
```
#7443e3 rgb(116,67,227)
```
#8154e5
```
#8154e5 rgb(129,84,229)
```
#8d65e8
```
#8d65e8 rgb(141,101,232)
```
#9a76ea
```
#9a76ea rgb(154,118,234)
```
#a787ed
```
#a787ed rgb(167,135,237)
```
#b399ef
```
#b399ef rgb(179,153,239)
```
#c0aaf2
```
#c0aaf2 rgb(192,170,242)
```
#ccbbf5
```
#ccbbf5 rgb(204,187,245)
```
#d9ccf7
```
#d9ccf7 rgb(217,204,247)
```
#e6ddfa
```
#e6ddfa rgb(230,221,250)
```
#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, #434148 is the less saturated color, while #2b0287 is the most saturated one.

#434148
```
#434148 rgb(67,65,72)
```
#413c4d
```
#413c4d rgb(65,60,77)
```
#3f3752
```
#3f3752 rgb(63,55,82)
```
#3d3257
```
#3d3257 rgb(61,50,87)
```
#3b2c5d
```
#3b2c5d rgb(59,44,93)
```
#392762
```
#392762 rgb(57,39,98)
```
#372267
```
#372267 rgb(55,34,103)
```
#351d6c
```
#351d6c rgb(53,29,108)
```
#331772
```
#331772 rgb(51,23,114)
```
#311277
```
#311277 rgb(49,18,119)
```
#2f0d7c
```
#2f0d7c rgb(47,13,124)
```
#2d0782
```
#2d0782 rgb(45,7,130)
```
#2b0287
```
#2b0287 rgb(43,2,135)
```

Tone Color Variation

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

#272727 Achromatopsia 0.005% of the population
#292337 Atypical Achromatopsia 0.001% of the population

Dichromacy

#003466 Protanopia 1% of men
#003758 Deuteranopia 1% of men
#1a3a3e Tritanopia 0.001% of the population

Trichromacy

#11276c Protanomaly 1% of men, 0.01% of women
#112963 Deuteranomaly 6% of men, 0.4% of women
#222b53 Tritanomaly 0.01% of the population

#311277 hex color

#311277 Color Information

#311277 Color Conversion

Color Schemes with #311277

Alternatives to #311277

#311277 Preview

Shades and Tints of #311277

Tones of #311277

Color Blindness Simulator