#301580 hex color

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

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

● #301580 color description : Dark violet.

The hexadecimal color #301580 has RGB values of R:48, G:21, B:128 and CMYK values of C:0.63, M:0.84, Y:0, K:0.5. Its decimal value is 3151232.

Hex triplet	301580	`#301580`
RGB Decimal	48, 21, 128	`rgb(48,21,128)`
RGB Percent	18.8, 8.2, 50.2	`rgb(18.8%,8.2%,50.2%)`
CMYK	63, 84, 0, 50
HSL	255.1°, 71.8, 29.2	`hsl(255.1,71.8%,29.2%)`
HSV (or HSB)	255.1°, 83.6, 50.2
Web Safe	330099	`#330099`

CIE-LAB	18.899, 41.584, -54.762
XYZ	5.383, 2.723, 20.663
xyY	0.187, 0.095, 2.723
CIE-LCH	18.899, 68.761, 307.212
CIE-LUV	18.899, 0.275, -59.424
Hunter-Lab	16.502, 29.347, -62.69
Binary	00110000, 00010101, 10000000

#301580
```
#301580 rgb(48,21,128)
```
#658015
```
#658015 rgb(101,128,21)
```

Complementary Color

#153080
```
#153080 rgb(21,48,128)
```
#301580
```
#301580 rgb(48,21,128)
```
#661580
```
#661580 rgb(102,21,128)
```

Analogous Color

#308015
```
#308015 rgb(48,128,21)
```
#301580
```
#301580 rgb(48,21,128)
```
#806615
```
#806615 rgb(128,102,21)
```

Split Complementary Color

#158030
```
#158030 rgb(21,128,48)
```
#301580
```
#301580 rgb(48,21,128)
```
#803015
```
#803015 rgb(128,48,21)
```

Triadic Color

#156580
```
#156580 rgb(21,101,128)
```
#301580
```
#301580 rgb(48,21,128)
```
#803015
```
#803015 rgb(128,48,21)
```
#658015
```
#658015 rgb(101,128,21)
```

Tetradic Color

#170a3e
```
#170a3e rgb(23,10,62)
```
#200e54
```
#200e54 rgb(32,14,84)
```
#28116a
```
#28116a rgb(40,17,106)
```
#301580
```
#301580 rgb(48,21,128)
```
#381996
```
#381996 rgb(56,25,150)
```
#401cac
```
#401cac rgb(64,28,172)
```
#4920c2
```
#4920c2 rgb(73,32,194)
```

Monochromatic Color

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

#151580
```
#151580 rgb(21,21,128)
```
#1e1580
```
#1e1580 rgb(30,21,128)
```
#271580
```
#271580 rgb(39,21,128)
```
#301580
```
#301580 rgb(48,21,128)
```
#391580
```
#391580 rgb(57,21,128)
```
#421580
```
#421580 rgb(66,21,128)
```
#4b1580
```
#4b1580 rgb(75,21,128)
```

Similar Colors

Text with hexadecimal color #301580

This text has a font color of #301580.

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

#301580 background color

This paragraph has a background color of #301580.

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

#301580 border color

This element has a border color of #301580.

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

CSS codes

.text {color:#301580;}

.background {background-color:#301580;}

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

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)
```
#0a041b
```
#0a041b rgb(10,4,27)
```
#10072c
```
#10072c rgb(16,7,44)
```
#170a3d
```
#170a3d rgb(23,10,61)
```
#1d0d4d
```
#1d0d4d rgb(29,13,77)
```
#230f5e
```
#230f5e rgb(35,15,94)
```
#2a126f
```
#2a126f rgb(42,18,111)
```
#301580
```
#301580 rgb(48,21,128)
```
#361891
```
#361891 rgb(54,24,145)
```
#3d1ba2
```
#3d1ba2 rgb(61,27,162)
```
#431db3
```
#431db3 rgb(67,29,179)
```
#4920c3
```
#4920c3 rgb(73,32,195)
```
#5023d4
```
#5023d4 rgb(80,35,212)
```

Shade Color Variation

#5a2edd
```
#5a2edd rgb(90,46,221)
```
#673fdf
```
#673fdf rgb(103,63,223)
```
#7550e2
```
#7550e2 rgb(117,80,226)
```
#8261e5
```
#8261e5 rgb(130,97,229)
```
#8f71e8
```
#8f71e8 rgb(143,113,232)
```
#9d82eb
```
#9d82eb rgb(157,130,235)
```
#aa93ed
```
#aa93ed rgb(170,147,237)
```
#b7a4f0
```
#b7a4f0 rgb(183,164,240)
```
#c4b5f3
```
#c4b5f3 rgb(196,181,243)
```
#d2c6f6
```
#d2c6f6 rgb(210,198,246)
```
#dfd6f8
```
#dfd6f8 rgb(223,214,248)
```
#ece7fb
```
#ece7fb rgb(236,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 #270491 is the most saturated one.

#4a494c
```
#4a494c rgb(74,73,76)
```
#474352
```
#474352 rgb(71,67,82)
```
#443d58
```
#443d58 rgb(68,61,88)
```
#41375e
```
#41375e rgb(65,55,94)
```
#3e3263
```
#3e3263 rgb(62,50,99)
```
#3b2c69
```
#3b2c69 rgb(59,44,105)
```
#39266f
```
#39266f rgb(57,38,111)
```
#362075
```
#362075 rgb(54,32,117)
```
#331b7a
```
#331b7a rgb(51,27,122)
```
#301580
```
#301580 rgb(48,21,128)
```
#2d0f86
```
#2d0f86 rgb(45,15,134)
```
#2a0a8b
```
#2a0a8b rgb(42,10,139)
```
#270491
```
#270491 rgb(39,4,145)
```

Tone Color Variation

Below, you can see how #301580 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
#2a253a 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

#112a72 Protanomaly 1% of men, 0.01% of women
#112c69 Deuteranomaly 6% of men, 0.4% of women
#112f59 Tritanomaly 0.01% of the population

#301580 hex color

#301580 Color Information

#301580 Color Conversion

Color Schemes with #301580

Alternatives to #301580

#301580 Preview

Shades and Tints of #301580

Tones of #301580

Color Blindness Simulator