colorhexa.com

#311771 hex color

In a RGB color space, hex #311771 is composed of 19.2% red, 9% green and 44.3% blue. Whereas in a CMYK color space, it is composed of 56.6% cyan, 79.6% magenta, 0% yellow and 55.7% black. It has a hue angle of 257.3 degrees, a saturation of 66.2% and a lightness of 26.7%. #311771 color hex could be obtained by blending #622ee2 with #000000. Closest websafe color is: #330066.

- R 19
- G 9
- B 44
RGB color chart
- C 57
- M 80
- Y 0
- K 56
CMYK color chart

● #311771 color description : Very dark violet.

The hexadecimal color #311771 has RGB values of R:49, G:23, B:113 and CMYK values of C:0.57, M:0.8, Y:0, K:0.56. Its decimal value is 3217265.

Hex triplet	311771	`#311771`
RGB Decimal	49, 23, 113	`rgb(49,23,113)`
RGB Percent	19.2, 9, 44.3	`rgb(19.2%,9%,44.3%)`
CMYK	57, 80, 0, 56
HSL	257.3°, 66.2, 26.7	`hsl(257.3,66.2%,26.7%)`
HSV (or HSB)	257.3°, 79.6, 44.3
Web Safe	330066	`#330066`

CIE-LAB	17.727, 36.215, -47.073
XYZ	4.553, 2.458, 15.856
xyY	0.199, 0.107, 2.458
CIE-LCH	17.727, 59.392, 307.572
CIE-LUV	17.727, 1.571, -50.644
Hunter-Lab	15.678, 24.404, -48.991
Binary	00110001, 00010111, 01110001

#311771
```
#311771 rgb(49,23,113)
```
#577117
```
#577117 rgb(87,113,23)
```

Complementary Color

#172a71
```
#172a71 rgb(23,42,113)
```
#311771
```
#311771 rgb(49,23,113)
```
#5e1771
```
#5e1771 rgb(94,23,113)
```

Analogous Color

#2a7117
```
#2a7117 rgb(42,113,23)
```
#311771
```
#311771 rgb(49,23,113)
```
#715e17
```
#715e17 rgb(113,94,23)
```

Split Complementary Color

#177131
```
#177131 rgb(23,113,49)
```
#311771
```
#311771 rgb(49,23,113)
```
#713117
```
#713117 rgb(113,49,23)
```

Triadic Color

#150a31
```
#150a31 rgb(21,10,49)
```
#1f0e47
```
#1f0e47 rgb(31,14,71)
```
#28135c
```
#28135c rgb(40,19,92)
```
#311771
```
#311771 rgb(49,23,113)
```
#3a1b86
```
#3a1b86 rgb(58,27,134)
```
#43209b
```
#43209b rgb(67,32,155)
```
#4d24b1
```
#4d24b1 rgb(77,36,177)
```

Monochromatic Color

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

#1a1771
```
#1a1771 rgb(26,23,113)
```
#221771
```
#221771 rgb(34,23,113)
```
#291771
```
#291771 rgb(41,23,113)
```
#311771
```
#311771 rgb(49,23,113)
```
#391771
```
#391771 rgb(57,23,113)
```
#401771
```
#401771 rgb(64,23,113)
```
#481771
```
#481771 rgb(72,23,113)
```

Similar Colors

Text with hexadecimal color #311771

This text has a font color of #311771.

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

#311771 background color

This paragraph has a background color of #311771.

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

#311771 border color

This element has a border color of #311771.

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

CSS codes

.text {color:#311771;}

.background {background-color:#311771;}

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

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, #07030f is the darkest color, while #fefeff is the lightest one.

#07030f
```
#07030f rgb(7,3,15)
```
#0e0620
```
#0e0620 rgb(14,6,32)
```
#150a30
```
#150a30 rgb(21,10,48)
```
#1c0d40
```
#1c0d40 rgb(28,13,64)
```
#231050
```
#231050 rgb(35,16,80)
```
#2a1461
```
#2a1461 rgb(42,20,97)
```
#311771
```
#311771 rgb(49,23,113)
```
#381a81
```
#381a81 rgb(56,26,129)
```
#3f1e92
```
#3f1e92 rgb(63,30,146)
```
#4621a2
```
#4621a2 rgb(70,33,162)
```
#4d24b2
```
#4d24b2 rgb(77,36,178)
```
#5428c2
```
#5428c2 rgb(84,40,194)
```
#5b2bd3
```
#5b2bd3 rgb(91,43,211)
```

Shade Color Variation

#683ad7
```
#683ad7 rgb(104,58,215)
```
#744bda
```
#744bda rgb(116,75,218)
```
#815bde
```
#815bde rgb(129,91,222)
```
#8d6be1
```
#8d6be1 rgb(141,107,225)
```
#9a7ce4
```
#9a7ce4 rgb(154,124,228)
```
#a68ce8
```
#a68ce8 rgb(166,140,232)
```
#b39ceb
```
#b39ceb rgb(179,156,235)
```
#bfacee
```
#bfacee rgb(191,172,238)
```
#ccbdf2
```
#ccbdf2 rgb(204,189,242)
```
#d9cdf5
```
#d9cdf5 rgb(217,205,245)
```
#e5ddf8
```
#e5ddf8 rgb(229,221,248)
```
#f2eefb
```
#f2eefb rgb(242,238,251)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#434147
```
#434147 rgb(67,65,71)
```
#403c4c
```
#403c4c rgb(64,60,76)
```
#3e3652
```
#3e3652 rgb(62,54,82)
```
#3c3157
```
#3c3157 rgb(60,49,87)
```
#3a2c5c
```
#3a2c5c rgb(58,44,92)
```
#382761
```
#382761 rgb(56,39,97)
```
#352167
```
#352167 rgb(53,33,103)
```
#331c6c
```
#331c6c rgb(51,28,108)
```
#311771
```
#311771 rgb(49,23,113)
```
#2f1276
```
#2f1276 rgb(47,18,118)
```
#2d0d7b
```
#2d0d7b rgb(45,13,123)
```
#2a0781
```
#2a0781 rgb(42,7,129)
```
#280286
```
#280286 rgb(40,2,134)
```

Tone Color Variation

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

Dichromacy

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

Trichromacy

#112a6a Protanomaly 1% of men, 0.01% of women
#112b62 Deuteranomaly 6% of men, 0.4% of women
#272d50 Tritanomaly 0.01% of the population