#311186 hex color

In a RGB color space, hex #311186 is composed of 19.2% red, 6.7% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 63.4% cyan, 87.3% magenta, 0% yellow and 47.5% black. It has a hue angle of 256.4 degrees, a saturation of 77.5% and a lightness of 29.6%. #311186 color hex could be obtained by blending #6222ff with #00000d. Closest websafe color is: #330099.

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

● #311186 color description : Dark violet.

The hexadecimal color #311186 has RGB values of R:49, G:17, B:134 and CMYK values of C:0.63, M:0.87, Y:0, K:0.47. Its decimal value is 3215750.

Hex triplet	311186	`#311186`
RGB Decimal	49, 17, 134	`rgb(49,17,134)`
RGB Percent	19.2, 6.7, 52.5	`rgb(19.2%,6.7%,52.5%)`
CMYK	63, 87, 0, 47
HSL	256.4°, 77.5, 29.6	`hsl(256.4,77.5%,29.6%)`
HSV (or HSB)	256.4°, 87.3, 52.5
Web Safe	330099	`#330099`

CIE-LAB	19.119, 45.127, -58.188
XYZ	5.769, 2.775, 22.785
xyY	0.184, 0.089, 2.775
CIE-LCH	19.119, 73.637, 307.795
CIE-LUV	19.119, 0.383, -62.775
Hunter-Lab	16.658, 32.67, -69.435
Binary	00110001, 00010001, 10000110

#311186
```
#311186 rgb(49,17,134)
```
#668611
```
#668611 rgb(102,134,17)
```

Complementary Color

#112c86
```
#112c86 rgb(17,44,134)
```
#311186
```
#311186 rgb(49,17,134)
```
#6c1186
```
#6c1186 rgb(108,17,134)
```

Analogous Color

#2c8611
```
#2c8611 rgb(44,134,17)
```
#311186
```
#311186 rgb(49,17,134)
```
#866c11
```
#866c11 rgb(134,108,17)
```

Split Complementary Color

#118631
```
#118631 rgb(17,134,49)
```
#311186
```
#311186 rgb(49,17,134)
```
#863111
```
#863111 rgb(134,49,17)
```

Triadic Color

#116686
```
#116686 rgb(17,102,134)
```
#311186
```
#311186 rgb(49,17,134)
```
#863111
```
#863111 rgb(134,49,17)
```
#668611
```
#668611 rgb(102,134,17)
```

Tetradic Color

#180842
```
#180842 rgb(24,8,66)
```
#200b59
```
#200b59 rgb(32,11,89)
```
#290e6f
```
#290e6f rgb(41,14,111)
```
#311186
```
#311186 rgb(49,17,134)
```
#39149d
```
#39149d rgb(57,20,157)
```
#4217b3
```
#4217b3 rgb(66,23,179)
```
#4a1aca
```
#4a1aca rgb(74,26,202)
```

Monochromatic Color

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

#141186
```
#141186 rgb(20,17,134)
```
#1e1186
```
#1e1186 rgb(30,17,134)
```
#271186
```
#271186 rgb(39,17,134)
```
#311186
```
#311186 rgb(49,17,134)
```
#3b1186
```
#3b1186 rgb(59,17,134)
```
#441186
```
#441186 rgb(68,17,134)
```
#4e1186
```
#4e1186 rgb(78,17,134)
```

Similar Colors

Text with hexadecimal color #311186

This text has a font color of #311186.

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

#311186 background color

This paragraph has a background color of #311186.

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

#311186 border color

This element has a border color of #311186.

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

CSS codes

.text {color:#311186;}

.background {background-color:#311186;}

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

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)
```
#0b041e
```
#0b041e rgb(11,4,30)
```
#11062f
```
#11062f rgb(17,6,47)
```
#180840
```
#180840 rgb(24,8,64)
```
#1e0a52
```
#1e0a52 rgb(30,10,82)
```
#240d63
```
#240d63 rgb(36,13,99)
```
#2b0f75
```
#2b0f75 rgb(43,15,117)
```
#311186
```
#311186 rgb(49,17,134)
```
#371397
```
#371397 rgb(55,19,151)
```
#3e15a9
```
#3e15a9 rgb(62,21,169)
```
#4418ba
```
#4418ba rgb(68,24,186)
```
#4a1acc
```
#4a1acc rgb(74,26,204)
```
#511cdd
```
#511cdd rgb(81,28,221)
```

Shade Color Variation

#5c29e4
```
#5c29e4 rgb(92,41,228)
```
#693ae6
```
#693ae6 rgb(105,58,230)
```
#764ce8
```
#764ce8 rgb(118,76,232)
```
#845dea
```
#845dea rgb(132,93,234)
```
#916eed
```
#916eed rgb(145,110,237)
```
#9e80ef
```
#9e80ef rgb(158,128,239)
```
#ab91f1
```
#ab91f1 rgb(171,145,241)
```
#b9a3f3
```
#b9a3f3 rgb(185,163,243)
```
#c6b4f5
```
#c6b4f5 rgb(198,180,245)
```
#d3c6f8
```
#d3c6f8 rgb(211,198,248)
```
#e0d7fa
```
#e0d7fa rgb(224,215,250)
```
#eee8fc
```
#eee8fc rgb(238,232,252)
```
#fbfafe
```
#fbfafe rgb(251,250,254)
```

Tint Color Variation

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

#4b4b4c
```
#4b4b4c rgb(75,75,76)
```
#494552
```
#494552 rgb(73,69,82)
```
#463f58
```
#463f58 rgb(70,63,88)
```
#433a5d
```
#433a5d rgb(67,58,93)
```
#413463
```
#413463 rgb(65,52,99)
```
#3e2e69
```
#3e2e69 rgb(62,46,105)
```
#3c286f
```
#3c286f rgb(60,40,111)
```
#392275
```
#392275 rgb(57,34,117)
```
#361d7a
```
#361d7a rgb(54,29,122)
```
#341780
```
#341780 rgb(52,23,128)
```
#311186
```
#311186 rgb(49,17,134)
```
#2e0b8c
```
#2e0b8c rgb(46,11,140)
```
#2c0592
```
#2c0592 rgb(44,5,146)
```

Tone Color Variation

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

Dichromacy

#00376c Protanopia 1% of men
#003a5d Deuteranopia 1% of men
#003e43 Tritanopia 0.001% of the population

Trichromacy

#112975 Protanomaly 1% of men, 0.01% of women
#112b6c Deuteranomaly 6% of men, 0.4% of women
#112e5b Tritanomaly 0.01% of the population

#311186 hex color

#311186 Color Information

#311186 Color Conversion

Color Schemes with #311186

Alternatives to #311186

#311186 Preview

Shades and Tints of #311186

Tones of #311186

Color Blindness Simulator