#311681 hex color

In a RGB color space, hex #311681 is composed of 19.2% red, 8.6% green and 50.6% blue. Whereas in a CMYK color space, it is composed of 62% cyan, 82.9% magenta, 0% yellow and 49.4% black. It has a hue angle of 255.1 degrees, a saturation of 70.9% and a lightness of 29.6%. #311681 color hex could be obtained by blending #622cff with #000003. Closest websafe color is: #330099.

♥
- f
- t
- g
- R 19
- G 9
- B 51
RGB color chart
- C 62
- M 83
- Y 0
- K 49
CMYK color chart

● #311681 color description : Dark violet.

The hexadecimal color #311681 has RGB values of R:49, G:22, B:129 and CMYK values of C:0.62, M:0.83, Y:0, K:0.49. Its decimal value is 3217025.

Hex triplet	311681	`#311681`
RGB Decimal	49, 22, 129	`rgb(49,22,129)`
RGB Percent	19.2, 8.6, 50.6	`rgb(19.2%,8.6%,50.6%)`
CMYK	62, 83, 0, 49
HSL	255.1°, 70.9, 29.6	`hsl(255.1,70.9%,29.6%)`
HSV (or HSB)	255.1°, 82.9, 50.6
Web Safe	330099	`#330099`

CIE-LAB	19.273, 41.535, -54.774
XYZ	5.515, 2.812, 21.02
xyY	0.188, 0.096, 2.812
CIE-LCH	19.273, 68.741, 307.173
CIE-LUV	19.273, 0.341, -60.094
Hunter-Lab	16.768, 29.368, -62.587
Binary	00110001, 00010110, 10000001

#311681
```
#311681 rgb(49,22,129)
```
#668116
```
#668116 rgb(102,129,22)
```

Complementary Color

#163181
```
#163181 rgb(22,49,129)
```
#311681
```
#311681 rgb(49,22,129)
```
#671681
```
#671681 rgb(103,22,129)
```

Analogous Color

#318116
```
#318116 rgb(49,129,22)
```
#311681
```
#311681 rgb(49,22,129)
```
#816716
```
#816716 rgb(129,103,22)
```

Split Complementary Color

#168131
```
#168131 rgb(22,129,49)
```
#311681
```
#311681 rgb(49,22,129)
```
#813116
```
#813116 rgb(129,49,22)
```

Triadic Color

#166681
```
#166681 rgb(22,102,129)
```
#311681
```
#311681 rgb(49,22,129)
```
#813116
```
#813116 rgb(129,49,22)
```
#668116
```
#668116 rgb(102,129,22)
```

Tetradic Color

#180b40
```
#180b40 rgb(24,11,64)
```
#200f55
```
#200f55 rgb(32,15,85)
```
#29126b
```
#29126b rgb(41,18,107)
```
#311681
```
#311681 rgb(49,22,129)
```
#391a97
```
#391a97 rgb(57,26,151)
```
#421dad
```
#421dad rgb(66,29,173)
```
#4a21c2
```
#4a21c2 rgb(74,33,194)
```

Monochromatic Color

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

#161681
```
#161681 rgb(22,22,129)
```
#1f1681
```
#1f1681 rgb(31,22,129)
```
#281681
```
#281681 rgb(40,22,129)
```
#311681
```
#311681 rgb(49,22,129)
```
#3a1681
```
#3a1681 rgb(58,22,129)
```
#431681
```
#431681 rgb(67,22,129)
```
#4c1681
```
#4c1681 rgb(76,22,129)
```

Similar Colors

Text with hexadecimal color #311681

This text has a font color of #311681.

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

#311681 background color

This paragraph has a background color of #311681.

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

#311681 border color

This element has a border color of #311681.

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

CSS codes

.text {color:#311681;}

.background {background-color:#311681;}

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

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, #04020c is the darkest color, while #fbfafe is the lightest one.

#04020c
```
#04020c rgb(4,2,12)
```
#0b051c
```
#0b051c rgb(11,5,28)
```
#11082d
```
#11082d rgb(17,8,45)
```
#180b3e
```
#180b3e rgb(24,11,62)
```
#1e0d4f
```
#1e0d4f rgb(30,13,79)
```
#24105f
```
#24105f rgb(36,16,95)
```
#2b1370
```
#2b1370 rgb(43,19,112)
```
#311681
```
#311681 rgb(49,22,129)
```
#371992
```
#371992 rgb(55,25,146)
```
#3e1ca3
```
#3e1ca3 rgb(62,28,163)
```
#441fb3
```
#441fb3 rgb(68,31,179)
```
#4a21c4
```
#4a21c4 rgb(74,33,196)
```
#5124d5
```
#5124d5 rgb(81,36,213)
```

Shade Color Variation

#5c31dc
```
#5c31dc rgb(92,49,220)
```
#6942df
```
#6942df rgb(105,66,223)
```
#7652e2
```
#7652e2 rgb(118,82,226)
```
#8463e4
```
#8463e4 rgb(132,99,228)
```
#9174e7
```
#9174e7 rgb(145,116,231)
```
#9e85ea
```
#9e85ea rgb(158,133,234)
```
#ab95ed
```
#ab95ed rgb(171,149,237)
```
#b9a6f0
```
#b9a6f0 rgb(185,166,240)
```
#c6b7f3
```
#c6b7f3 rgb(198,183,243)
```
#d3c8f6
```
#d3c8f6 rgb(211,200,246)
```
#e0d8f8
```
#e0d8f8 rgb(224,216,248)
```
#eee9fb
```
#eee9fb rgb(238,233,251)
```
#fbfafe
```
#fbfafe rgb(251,250,254)
```

Tint Color Variation

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

#4b4a4d
```
#4b4a4d rgb(75,74,77)
```
#484453
```
#484453 rgb(72,68,83)
```
#453f58
```
#453f58 rgb(69,63,88)
```
#42395e
```
#42395e rgb(66,57,94)
```
#3f3364
```
#3f3364 rgb(63,51,100)
```
#3d2d6a
```
#3d2d6a rgb(61,45,106)
```
#3a2770
```
#3a2770 rgb(58,39,112)
```
#372275
```
#372275 rgb(55,34,117)
```
#341c7b
```
#341c7b rgb(52,28,123)
```
#311681
```
#311681 rgb(49,22,129)
```
#2e1087
```
#2e1087 rgb(46,16,135)
```
#2b0a8d
```
#2b0a8d rgb(43,10,141)
```
#280592
```
#280592 rgb(40,5,146)
```

Tone Color Variation

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

#2a2a2a Achromatopsia 0.005% of the population
#2b263b Atypical Achromatopsia 0.001% of the population

Dichromacy

#00376c Protanopia 1% of men
#003b5e Deuteranopia 1% of men
#003f43 Tritanopia 0.001% of the population

Trichromacy

#112b74 Protanomaly 1% of men, 0.01% of women
#112d6b Deuteranomaly 6% of men, 0.4% of women
#11305a Tritanomaly 0.01% of the population

#311681 hex color

#311681 Color Information

#311681 Color Conversion

Color Schemes with #311681

Alternatives to #311681

#311681 Preview

Shades and Tints of #311681

Tones of #311681

Color Blindness Simulator