#331580 hex color

In a RGB color space, hex #331580 is composed of 20% red, 8.2% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 60.2% cyan, 83.6% magenta, 0% yellow and 49.8% black. It has a hue angle of 256.8 degrees, a saturation of 71.8% and a lightness of 29.2%. #331580 color hex could be obtained by blending #662aff with #000001. Closest websafe color is: #330099.

♥
- f
- t
- g
- R 20
- G 8
- B 50
RGB color chart
- C 60
- M 84
- Y 0
- K 50
CMYK color chart

● #331580 color description : Dark violet.

The hexadecimal color #331580 has RGB values of R:51, G:21, B:128 and CMYK values of C:0.6, M:0.84, Y:0, K:0.5. Its decimal value is 3347840.

Hex triplet	331580	`#331580`
RGB Decimal	51, 21, 128	`rgb(51,21,128)`
RGB Percent	20, 8.2, 50.2	`rgb(20%,8.2%,50.2%)`
CMYK	60, 84, 0, 50
HSL	256.8°, 71.8, 29.2	`hsl(256.8,71.8%,29.2%)`
HSV (or HSB)	256.8°, 83.6, 50.2
Web Safe	330099	`#330099`

CIE-LAB	19.218, 41.932, -54.224
XYZ	5.529, 2.798, 20.67
xyY	0.191, 0.097, 2.798
CIE-LCH	19.218, 68.545, 307.715
CIE-LUV	19.218, 1.025, -59.55
Hunter-Lab	16.729, 29.721, -61.548
Binary	00110011, 00010101, 10000000

#331580
```
#331580 rgb(51,21,128)
```
#628015
```
#628015 rgb(98,128,21)
```

Complementary Color

#152d80
```
#152d80 rgb(21,45,128)
```
#331580
```
#331580 rgb(51,21,128)
```
#691580
```
#691580 rgb(105,21,128)
```

Analogous Color

#2d8015
```
#2d8015 rgb(45,128,21)
```
#331580
```
#331580 rgb(51,21,128)
```
#806915
```
#806915 rgb(128,105,21)
```

Split Complementary Color

#158033
```
#158033 rgb(21,128,51)
```
#331580
```
#331580 rgb(51,21,128)
```
#803315
```
#803315 rgb(128,51,21)
```

Triadic Color

#156280
```
#156280 rgb(21,98,128)
```
#331580
```
#331580 rgb(51,21,128)
```
#803315
```
#803315 rgb(128,51,21)
```
#628015
```
#628015 rgb(98,128,21)
```

Tetradic Color

#190a3e
```
#190a3e rgb(25,10,62)
```
#220e54
```
#220e54 rgb(34,14,84)
```
#2a116a
```
#2a116a rgb(42,17,106)
```
#331580
```
#331580 rgb(51,21,128)
```
#3c1996
```
#3c1996 rgb(60,25,150)
```
#441cac
```
#441cac rgb(68,28,172)
```
#4d20c2
```
#4d20c2 rgb(77,32,194)
```

Monochromatic Color

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

#181580
```
#181580 rgb(24,21,128)
```
#211580
```
#211580 rgb(33,21,128)
```
#2a1580
```
#2a1580 rgb(42,21,128)
```
#331580
```
#331580 rgb(51,21,128)
```
#3c1580
```
#3c1580 rgb(60,21,128)
```
#451580
```
#451580 rgb(69,21,128)
```
#4e1580
```
#4e1580 rgb(78,21,128)
```

Similar Colors

Text with hexadecimal color #331580

This text has a font color of #331580.

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

#331580 background color

This paragraph has a background color of #331580.

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

#331580 border color

This element has a border color of #331580.

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

CSS codes

.text {color:#331580;}

.background {background-color:#331580;}

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

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

#04020a
```
#04020a rgb(4,2,10)
```
#0b041b
```
#0b041b rgb(11,4,27)
```
#11072c
```
#11072c rgb(17,7,44)
```
#180a3d
```
#180a3d rgb(24,10,61)
```
#1f0d4d
```
#1f0d4d rgb(31,13,77)
```
#260f5e
```
#260f5e rgb(38,15,94)
```
#2c126f
```
#2c126f rgb(44,18,111)
```
#331580
```
#331580 rgb(51,21,128)
```
#3a1891
```
#3a1891 rgb(58,24,145)
```
#401ba2
```
#401ba2 rgb(64,27,162)
```
#471db3
```
#471db3 rgb(71,29,179)
```
#4e20c3
```
#4e20c3 rgb(78,32,195)
```
#5523d4
```
#5523d4 rgb(85,35,212)
```

Shade Color Variation

#5f2edd
```
#5f2edd rgb(95,46,221)
```
#6c3fdf
```
#6c3fdf rgb(108,63,223)
```
#7950e2
```
#7950e2 rgb(121,80,226)
```
#8661e5
```
#8661e5 rgb(134,97,229)
```
#9371e8
```
#9371e8 rgb(147,113,232)
```
#9f82eb
```
#9f82eb rgb(159,130,235)
```
#ac93ed
```
#ac93ed rgb(172,147,237)
```
#b9a4f0
```
#b9a4f0 rgb(185,164,240)
```
#c6b5f3
```
#c6b5f3 rgb(198,181,243)
```
#d3c6f6
```
#d3c6f6 rgb(211,198,246)
```
#e0d6f8
```
#e0d6f8 rgb(224,214,248)
```
#ede7fb
```
#ede7fb rgb(237,231,251)
```
#faf8fe
```
#faf8fe rgb(250,248,254)
```

Tint Color Variation

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

#4a494c
```
#4a494c rgb(74,73,76)
```
#474352
```
#474352 rgb(71,67,82)
```
#453d58
```
#453d58 rgb(69,61,88)
```
#42375e
```
#42375e rgb(66,55,94)
```
#403263
```
#403263 rgb(64,50,99)
```
#3d2c69
```
#3d2c69 rgb(61,44,105)
```
#3b266f
```
#3b266f rgb(59,38,111)
```
#382075
```
#382075 rgb(56,32,117)
```
#361b7a
```
#361b7a rgb(54,27,122)
```
#331580
```
#331580 rgb(51,21,128)
```
#300f86
```
#300f86 rgb(48,15,134)
```
#2e0a8b
```
#2e0a8b rgb(46,10,139)
```
#2b0491
```
#2b0491 rgb(43,4,145)
```

Tone Color Variation

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

Dichromacy

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

Trichromacy

#122b73 Protanomaly 1% of men, 0.01% of women
#122d6a Deuteranomaly 6% of men, 0.4% of women
#1f2f59 Tritanomaly 0.01% of the population

#331580 hex color

#331580 Color Information

#331580 Color Conversion

Color Schemes with #331580

Alternatives to #331580

#331580 Preview

Shades and Tints of #331580

Tones of #331580

Color Blindness Simulator