#3a0caa hex color

In a RGB color space, hex #3a0caa is composed of 22.7% red, 4.7% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 65.9% cyan, 92.9% magenta, 0% yellow and 33.3% black. It has a hue angle of 257.5 degrees, a saturation of 86.8% and a lightness of 35.7%. #3a0caa color hex could be obtained by blending #7418ff with #000055. Closest websafe color is: #330099.

♥
- f
- t
- g
- R 23
- G 5
- B 67
RGB color chart
- C 66
- M 93
- Y 0
- K 33
CMYK color chart

● #3a0caa color description : Dark violet.

The hexadecimal color #3a0caa has RGB values of R:58, G:12, B:170 and CMYK values of C:0.66, M:0.93, Y:0, K:0.33. Its decimal value is 3804330.

Hex triplet	3a0caa	`#3a0caa`
RGB Decimal	58, 12, 170	`rgb(58,12,170)`
RGB Percent	22.7, 4.7, 66.7	`rgb(22.7%,4.7%,66.7%)`
CMYK	66, 93, 0, 33
HSL	257.5°, 86.8, 35.7	`hsl(257.5,86.8%,35.7%)`
HSV (or HSB)	257.5°, 92.9, 66.7
Web Safe	330099	`#330099`

CIE-LAB	23.883, 57.084, -72.455
XYZ	9.131, 4.064, 38.331
xyY	0.177, 0.079, 4.064
CIE-LCH	23.883, 92.241, 308.233
CIE-LUV	23.883, -0.16, -84.049
Hunter-Lab	20.16, 45.563, -98.617
Binary	00111010, 00001100, 10101010

#3a0caa
```
#3a0caa rgb(58,12,170)
```
#7caa0c
```
#7caa0c rgb(124,170,12)
```

Complementary Color

#0c2daa
```
#0c2daa rgb(12,45,170)
```
#3a0caa
```
#3a0caa rgb(58,12,170)
```
#890caa
```
#890caa rgb(137,12,170)
```

Analogous Color

#2daa0c
```
#2daa0c rgb(45,170,12)
```
#3a0caa
```
#3a0caa rgb(58,12,170)
```
#aa890c
```
#aa890c rgb(170,137,12)
```

Split Complementary Color

#0caa3a
```
#0caa3a rgb(12,170,58)
```
#3a0caa
```
#3a0caa rgb(58,12,170)
```
#aa3a0c
```
#aa3a0c rgb(170,58,12)
```

Triadic Color

#0c7caa
```
#0c7caa rgb(12,124,170)
```
#3a0caa
```
#3a0caa rgb(58,12,170)
```
#aa3a0c
```
#aa3a0c rgb(170,58,12)
```
#7caa0c
```
#7caa0c rgb(124,170,12)
```

Tetradic Color

#220763
```
#220763 rgb(34,7,99)
```
#2a097a
```
#2a097a rgb(42,9,122)
```
#320a92
```
#320a92 rgb(50,10,146)
```
#3a0caa
```
#3a0caa rgb(58,12,170)
```
#420ec2
```
#420ec2 rgb(66,14,194)
```
#4a0fda
```
#4a0fda rgb(74,15,218)
```
#5414ee
```
#5414ee rgb(84,20,238)
```

Monochromatic Color

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

#120caa
```
#120caa rgb(18,12,170)
```
#200caa
```
#200caa rgb(32,12,170)
```
#2d0caa
```
#2d0caa rgb(45,12,170)
```
#3a0caa
```
#3a0caa rgb(58,12,170)
```
#470caa
```
#470caa rgb(71,12,170)
```
#540caa
```
#540caa rgb(84,12,170)
```
#620caa
```
#620caa rgb(98,12,170)
```

Similar Colors

Text with hexadecimal color #3a0caa

This text has a font color of #3a0caa.

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

#3a0caa background color

This paragraph has a background color of #3a0caa.

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

#3a0caa border color

This element has a border color of #3a0caa.

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

CSS codes

.text {color:#3a0caa;}

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

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

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, #020005 is the darkest color, while #f5f2fe is the lightest one.

#020005
```
#020005 rgb(2,0,5)
```
#080217
```
#080217 rgb(8,2,23)
```
#0e032a
```
#0e032a rgb(14,3,42)
```
#14043c
```
#14043c rgb(20,4,60)
```
#1b064e
```
#1b064e rgb(27,6,78)
```
#210761
```
#210761 rgb(33,7,97)
```
#270873
```
#270873 rgb(39,8,115)
```
#2d0985
```
#2d0985 rgb(45,9,133)
```
#340b98
```
#340b98 rgb(52,11,152)
```
#3a0caa
```
#3a0caa rgb(58,12,170)
```
#400dbc
```
#400dbc rgb(64,13,188)
```
#470fcf
```
#470fcf rgb(71,15,207)
```
#4d10e1
```
#4d10e1 rgb(77,16,225)
```

Shade Color Variation

#5516ef
```
#5516ef rgb(85,22,239)
```
#6228f0
```
#6228f0 rgb(98,40,240)
```
#703bf1
```
#703bf1 rgb(112,59,241)
```
#7d4df2
```
#7d4df2 rgb(125,77,242)
```
#8a5ff4
```
#8a5ff4 rgb(138,95,244)
```
#9872f5
```
#9872f5 rgb(152,114,245)
```
#a584f6
```
#a584f6 rgb(165,132,246)
```
#b396f8
```
#b396f8 rgb(179,150,248)
```
#c0a8f9
```
#c0a8f9 rgb(192,168,249)
```
#cdbbfa
```
#cdbbfa rgb(205,187,250)
```
#dbcdfb
```
#dbcdfb rgb(219,205,251)
```
#e8dffd
```
#e8dffd rgb(232,223,253)
```
#f5f2fe
```
#f5f2fe rgb(245,242,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5a595d is the less saturated color, while #3705b1 is the most saturated one.

#5a595d
```
#5a595d rgb(90,89,93)
```
#575264
```
#575264 rgb(87,82,100)
```
#544b6b
```
#544b6b rgb(84,75,107)
```
#514472
```
#514472 rgb(81,68,114)
```
#4e3d79
```
#4e3d79 rgb(78,61,121)
```
#4c3680
```
#4c3680 rgb(76,54,128)
```
#492f87
```
#492f87 rgb(73,47,135)
```
#46288e
```
#46288e rgb(70,40,142)
```
#432195
```
#432195 rgb(67,33,149)
```
#401a9c
```
#401a9c rgb(64,26,156)
```
#3d13a3
```
#3d13a3 rgb(61,19,163)
```
#3a0caa
```
#3a0caa rgb(58,12,170)
```
#3705b1
```
#3705b1 rgb(55,5,177)
```

Tone Color Variation

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

#2c2c2c Achromatopsia 0.005% of the population
#2f2645 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00417e Protanopia 1% of men
#00456d Deuteranopia 1% of men
#00494d Tritanopia 0.001% of the population

Trichromacy

#152d8e Protanomaly 1% of men, 0.01% of women
#153083 Deuteranomaly 6% of men, 0.4% of women
#15336f Tritanomaly 0.01% of the population

#3a0caa hex color

#3a0caa Color Information

#3a0caa Color Conversion

Color Schemes with #3a0caa

Alternatives to #3a0caa

#3a0caa Preview

Shades and Tints of #3a0caa

Tones of #3a0caa

Color Blindness Simulator