#311283 hex color

In a RGB color space, hex #311283 is composed of 19.2% red, 7.1% green and 51.4% blue. Whereas in a CMYK color space, it is composed of 62.6% cyan, 86.3% magenta, 0% yellow and 48.6% black. It has a hue angle of 256.5 degrees, a saturation of 75.8% and a lightness of 29.2%. #311283 color hex could be obtained by blending #6224ff with #000007. Closest websafe color is: #330099.

♥
- f
- t
- g
- R 19
- G 7
- B 51
RGB color chart
- C 63
- M 86
- Y 0
- K 49
CMYK color chart

● #311283 color description : Dark violet.

The hexadecimal color #311283 has RGB values of R:49, G:18, B:131 and CMYK values of C:0.63, M:0.86, Y:0, K:0.49. Its decimal value is 3216003.

Hex triplet	311283	`#311283`
RGB Decimal	49, 18, 131	`rgb(49,18,131)`
RGB Percent	19.2, 7.1, 51.4	`rgb(19.2%,7.1%,51.4%)`
CMYK	63, 86, 0, 49
HSL	256.5°, 75.8, 29.2	`hsl(256.5,75.8%,29.2%)`
HSV (or HSB)	256.5°, 86.3, 51.4
Web Safe	330099	`#330099`

CIE-LAB	18.903, 43.87, -56.651
XYZ	5.579, 2.724, 21.703
xyY	0.186, 0.091, 2.724
CIE-LCH	18.903, 71.652, 307.754
CIE-LUV	18.903, 0.543, -61.08
Hunter-Lab	16.505, 31.453, -66.411
Binary	00110001, 00010010, 10000011

#311283
```
#311283 rgb(49,18,131)
```
#648312
```
#648312 rgb(100,131,18)
```

Complementary Color

#122b83
```
#122b83 rgb(18,43,131)
```
#311283
```
#311283 rgb(49,18,131)
```
#6a1283
```
#6a1283 rgb(106,18,131)
```

Analogous Color

#2b8312
```
#2b8312 rgb(43,131,18)
```
#311283
```
#311283 rgb(49,18,131)
```
#836a12
```
#836a12 rgb(131,106,18)
```

Split Complementary Color

#128331
```
#128331 rgb(18,131,49)
```
#311283
```
#311283 rgb(49,18,131)
```
#833112
```
#833112 rgb(131,49,18)
```

Triadic Color

#126483
```
#126483 rgb(18,100,131)
```
#311283
```
#311283 rgb(49,18,131)
```
#833112
```
#833112 rgb(131,49,18)
```
#648312
```
#648312 rgb(100,131,18)
```

Tetradic Color

#180940
```
#180940 rgb(24,9,64)
```
#200c56
```
#200c56 rgb(32,12,86)
```
#290f6d
```
#290f6d rgb(41,15,109)
```
#311283
```
#311283 rgb(49,18,131)
```
#391599
```
#391599 rgb(57,21,153)
```
#4218b0
```
#4218b0 rgb(66,24,176)
```
#4a1bc6
```
#4a1bc6 rgb(74,27,198)
```

Monochromatic Color

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

#151283
```
#151283 rgb(21,18,131)
```
#1e1283
```
#1e1283 rgb(30,18,131)
```
#281283
```
#281283 rgb(40,18,131)
```
#311283
```
#311283 rgb(49,18,131)
```
#3a1283
```
#3a1283 rgb(58,18,131)
```
#441283
```
#441283 rgb(68,18,131)
```
#4d1283
```
#4d1283 rgb(77,18,131)
```

Similar Colors

Text with hexadecimal color #311283

This text has a font color of #311283.

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

#311283 background color

This paragraph has a background color of #311283.

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

#311283 border color

This element has a border color of #311283.

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

CSS codes

.text {color:#311283;}

.background {background-color:#311283;}

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

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, #04010a is the darkest color, while #faf8fe is the lightest one.

#04010a
```
#04010a rgb(4,1,10)
```
#0a041c
```
#0a041c rgb(10,4,28)
```
#11062d
```
#11062d rgb(17,6,45)
```
#17093e
```
#17093e rgb(23,9,62)
```
#1e0b4f
```
#1e0b4f rgb(30,11,79)
```
#240d61
```
#240d61 rgb(36,13,97)
```
#2b1072
```
#2b1072 rgb(43,16,114)
```
#311283
```
#311283 rgb(49,18,131)
```
#371494
```
#371494 rgb(55,20,148)
```
#3e17a5
```
#3e17a5 rgb(62,23,165)
```
#4419b7
```
#4419b7 rgb(68,25,183)
```
#4b1bc8
```
#4b1bc8 rgb(75,27,200)
```
#511ed9
```
#511ed9 rgb(81,30,217)
```

Shade Color Variation

#5c29e2
```
#5c29e2 rgb(92,41,226)
```
#693ae4
```
#693ae4 rgb(105,58,228)
```
#764ce6
```
#764ce6 rgb(118,76,230)
```
#835de9
```
#835de9 rgb(131,93,233)
```
#906eeb
```
#906eeb rgb(144,110,235)
```
#9e7fed
```
#9e7fed rgb(158,127,237)
```
#ab91f0
```
#ab91f0 rgb(171,145,240)
```
#b8a2f2
```
#b8a2f2 rgb(184,162,242)
```
#c5b3f5
```
#c5b3f5 rgb(197,179,245)
```
#d2c4f7
```
#d2c4f7 rgb(210,196,247)
```
#dfd6f9
```
#dfd6f9 rgb(223,214,249)
```
#ede7fc
```
#ede7fc rgb(237,231,252)
```
#faf8fe
```
#faf8fe rgb(250,248,254)
```

Tint Color Variation

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

#48464f
```
#48464f rgb(72,70,79)
```
#464055
```
#464055 rgb(70,64,85)
```
#433a5b
```
#433a5b rgb(67,58,91)
```
#413461
```
#413461 rgb(65,52,97)
```
#3e2f66
```
#3e2f66 rgb(62,47,102)
```
#3b296c
```
#3b296c rgb(59,41,108)
```
#392372
```
#392372 rgb(57,35,114)
```
#361d78
```
#361d78 rgb(54,29,120)
```
#34187d
```
#34187d rgb(52,24,125)
```
#311283
```
#311283 rgb(49,18,131)
```
#2e0c89
```
#2e0c89 rgb(46,12,137)
```
#2c078e
```
#2c078e rgb(44,7,142)
```
#290194
```
#290194 rgb(41,1,148)
```

Tone Color Variation

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

Dichromacy

#00376b Protanopia 1% of men
#003a5d Deuteranopia 1% of men
#003e42 Tritanopia 0.001% of the population

Trichromacy

#112973 Protanomaly 1% of men, 0.01% of women
#112b6a Deuteranomaly 6% of men, 0.4% of women
#112e5a Tritanomaly 0.01% of the population

#311283 hex color

#311283 Color Information

#311283 Color Conversion

Color Schemes with #311283

Alternatives to #311283

#311283 Preview

Shades and Tints of #311283

Tones of #311283

Color Blindness Simulator