#3a0396 hex color

In a RGB color space, hex #3a0396 is composed of 22.7% red, 1.2% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 61.3% cyan, 98% magenta, 0% yellow and 41.2% black. It has a hue angle of 262.4 degrees, a saturation of 96.1% and a lightness of 30%. #3a0396 color hex could be obtained by blending #7406ff with #00002d. Closest websafe color is: #330099.

♥
- f
- t
- g
- R 23
- G 1
- B 59
RGB color chart
- C 61
- M 98
- Y 0
- K 41
CMYK color chart

● #3a0396 color description : Dark violet.

The hexadecimal color #3a0396 has RGB values of R:58, G:3, B:150 and CMYK values of C:0.61, M:0.98, Y:0, K:0.41. Its decimal value is 3802006.

Hex triplet	3a0396	`#3a0396`
RGB Decimal	58, 3, 150	`rgb(58,3,150)`
RGB Percent	22.7, 1.2, 58.8	`rgb(22.7%,1.2%,58.8%)`
CMYK	61, 98, 0, 41
HSL	262.4°, 96.1, 30	`hsl(262.4,96.1%,30%)`
HSV (or HSB)	262.4°, 98, 58.8
Web Safe	330099	`#330099`

CIE-LAB	20.699, 54.172, -65.524
XYZ	7.282, 3.166, 29.08
xyY	0.184, 0.08, 3.166
CIE-LCH	20.699, 85.018, 309.582
CIE-LUV	20.699, 1.95, -72.025
Hunter-Lab	17.795, 41.901, -84.436
Binary	00111010, 00000011, 10010110

#3a0396
```
#3a0396 rgb(58,3,150)
```
#5f9603
```
#5f9603 rgb(95,150,3)
```

Complementary Color

#031696
```
#031696 rgb(3,22,150)
```
#3a0396
```
#3a0396 rgb(58,3,150)
```
#840396
```
#840396 rgb(132,3,150)
```

Analogous Color

#169603
```
#169603 rgb(22,150,3)
```
#3a0396
```
#3a0396 rgb(58,3,150)
```
#968403
```
#968403 rgb(150,132,3)
```

Split Complementary Color

#03963a
```
#03963a rgb(3,150,58)
```
#3a0396
```
#3a0396 rgb(58,3,150)
```
#963a03
```
#963a03 rgb(150,58,3)
```

Triadic Color

#035f96
```
#035f96 rgb(3,95,150)
```
#3a0396
```
#3a0396 rgb(58,3,150)
```
#963a03
```
#963a03 rgb(150,58,3)
```
#5f9603
```
#5f9603 rgb(95,150,3)
```

Tetradic Color

#1d014b
```
#1d014b rgb(29,1,75)
```
#270264
```
#270264 rgb(39,2,100)
```
#30027d
```
#30027d rgb(48,2,125)
```
#3a0396
```
#3a0396 rgb(58,3,150)
```
#4403af
```
#4403af rgb(68,3,175)
```
#4d04c8
```
#4d04c8 rgb(77,4,200)
```
#5704e1
```
#5704e1 rgb(87,4,225)
```

Monochromatic Color

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

#150396
```
#150396 rgb(21,3,150)
```
#210396
```
#210396 rgb(33,3,150)
```
#2e0396
```
#2e0396 rgb(46,3,150)
```
#3a0396
```
#3a0396 rgb(58,3,150)
```
#460396
```
#460396 rgb(70,3,150)
```
#520396
```
#520396 rgb(82,3,150)
```
#5f0396
```
#5f0396 rgb(95,3,150)
```

Similar Colors

Text with hexadecimal color #3a0396

This text has a font color of #3a0396.

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

#3a0396 background color

This paragraph has a background color of #3a0396.

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

#3a0396 border color

This element has a border color of #3a0396.

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

CSS codes

.text {color:#3a0396;}

.background {background-color:#3a0396;}

.border {border:1px solid #3a0396;}

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, #06000f is the darkest color, while #fdfbff is the lightest one.

#06000f
```
#06000f rgb(6,0,15)
```
#0d0123
```
#0d0123 rgb(13,1,35)
```
#150136
```
#150136 rgb(21,1,54)
```
#1c0149
```
#1c0149 rgb(28,1,73)
```
#24025c
```
#24025c rgb(36,2,92)
```
#2b0270
```
#2b0270 rgb(43,2,112)
```
#330383
```
#330383 rgb(51,3,131)
```
#3a0396
```
#3a0396 rgb(58,3,150)
```
#4103a9
```
#4103a9 rgb(65,3,169)
```
#4904bc
```
#4904bc rgb(73,4,188)
```
#5004d0
```
#5004d0 rgb(80,4,208)
```
#5805e3
```
#5805e3 rgb(88,5,227)
```
#5f05f6
```
#5f05f6 rgb(95,5,246)
```

Shade Color Variation

#6a14fa
```
#6a14fa rgb(106,20,250)
```
#7728fb
```
#7728fb rgb(119,40,251)
```
#833bfb
```
#833bfb rgb(131,59,251)
```
#8f4efb
```
#8f4efb rgb(143,78,251)
```
#9b61fc
```
#9b61fc rgb(155,97,252)
```
#a775fc
```
#a775fc rgb(167,117,252)
```
#b388fd
```
#b388fd rgb(179,136,253)
```
#c09bfd
```
#c09bfd rgb(192,155,253)
```
#ccaefd
```
#ccaefd rgb(204,174,253)
```
#d8c1fe
```
#d8c1fe rgb(216,193,254)
```
#e4d5fe
```
#e4d5fe rgb(228,213,254)
```
#f0e8ff
```
#f0e8ff rgb(240,232,255)
```
#fdfbff
```
#fdfbff rgb(253,251,255)
```

Tint Color Variation

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

#4c4a4f
```
#4c4a4f rgb(76,74,79)
```
#4a4455
```
#4a4455 rgb(74,68,85)
```
#493e5b
```
#493e5b rgb(73,62,91)
```
#473861
```
#473861 rgb(71,56,97)
```
#463267
```
#463267 rgb(70,50,103)
```
#442c6d
```
#442c6d rgb(68,44,109)
```
#432673
```
#432673 rgb(67,38,115)
```
#412079
```
#412079 rgb(65,32,121)
```
#401b7e
```
#401b7e rgb(64,27,126)
```
#3e1584
```
#3e1584 rgb(62,21,132)
```
#3d0f8a
```
#3d0f8a rgb(61,15,138)
```
#3b0990
```
#3b0990 rgb(59,9,144)
```
#3a0396
```
#3a0396 rgb(58,3,150)
```

Tone Color Variation

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

#242424 Achromatopsia 0.005% of the population
#281d3b Atypical Achromatopsia 0.001% of the population

Dichromacy

#003a72 Protanopia 1% of men
#003e62 Deuteranopia 1% of men
#004246 Tritanopia 0.001% of the population

Trichromacy

#15267f Protanomaly 1% of men, 0.01% of women
#152875 Deuteranomaly 6% of men, 0.4% of women
#152b63 Tritanomaly 0.01% of the population

#3a0396 hex color

#3a0396 Color Information

#3a0396 Color Conversion

Color Schemes with #3a0396

Alternatives to #3a0396

#3a0396 Preview

Shades and Tints of #3a0396

Tones of #3a0396

Color Blindness Simulator