#3a2172 hex color

In a RGB color space, hex #3a2172 is composed of 22.7% red, 12.9% green and 44.7% blue. Whereas in a CMYK color space, it is composed of 49.1% cyan, 71.1% magenta, 0% yellow and 55.3% black. It has a hue angle of 258.5 degrees, a saturation of 55.1% and a lightness of 28.8%. #3a2172 color hex could be obtained by blending #7442e4 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 23
- G 13
- B 45
RGB color chart
- C 49
- M 71
- Y 0
- K 55
CMYK color chart

● #3a2172 color description : Very dark violet.

The hexadecimal color #3a2172 has RGB values of R:58, G:33, B:114 and CMYK values of C:0.49, M:0.71, Y:0, K:0.55. Its decimal value is 3809650.

Hex triplet	3a2172	`#3a2172`
RGB Decimal	58, 33, 114	`rgb(58,33,114)`
RGB Percent	22.7, 12.9, 44.7	`rgb(22.7%,12.9%,44.7%)`
CMYK	49, 71, 0, 55
HSL	258.5°, 55.1, 28.8	`hsl(258.5,55.1%,28.8%)`
HSV (or HSB)	258.5°, 71.1, 44.7
Web Safe	333366	`#333366`

CIE-LAB	20.836, 32.553, -42.59
XYZ	5.326, 3.202, 16.256
xyY	0.215, 0.129, 3.202
CIE-LCH	20.836, 53.606, 307.392
CIE-LUV	20.836, 2.911, -50.42
Hunter-Lab	17.894, 21.808, -41.336
Binary	00111010, 00100001, 01110010

#3a2172
```
#3a2172 rgb(58,33,114)
```
#597221
```
#597221 rgb(89,114,33)
```

Complementary Color

#213172
```
#213172 rgb(33,49,114)
```
#3a2172
```
#3a2172 rgb(58,33,114)
```
#632172
```
#632172 rgb(99,33,114)
```

Analogous Color

#317221
```
#317221 rgb(49,114,33)
```
#3a2172
```
#3a2172 rgb(58,33,114)
```
#726321
```
#726321 rgb(114,99,33)
```

Split Complementary Color

#21723a
```
#21723a rgb(33,114,58)
```
#3a2172
```
#3a2172 rgb(58,33,114)
```
#723a21
```
#723a21 rgb(114,58,33)
```

Triadic Color

#215972
```
#215972 rgb(33,89,114)
```
#3a2172
```
#3a2172 rgb(58,33,114)
```
#723a21
```
#723a21 rgb(114,58,33)
```
#597221
```
#597221 rgb(89,114,33)
```

Tetradic Color

#1c1037
```
#1c1037 rgb(28,16,55)
```
#26164a
```
#26164a rgb(38,22,74)
```
#301b5e
```
#301b5e rgb(48,27,94)
```
#3a2172
```
#3a2172 rgb(58,33,114)
```
#442786
```
#442786 rgb(68,39,134)
```
#4e2c9a
```
#4e2c9a rgb(78,44,154)
```
#5832ad
```
#5832ad rgb(88,50,173)
```

Monochromatic Color

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

#262172
```
#262172 rgb(38,33,114)
```
#2d2172
```
#2d2172 rgb(45,33,114)
```
#332172
```
#332172 rgb(51,33,114)
```
#3a2172
```
#3a2172 rgb(58,33,114)
```
#412172
```
#412172 rgb(65,33,114)
```
#482172
```
#482172 rgb(72,33,114)
```
#4e2172
```
#4e2172 rgb(78,33,114)
```

Similar Colors

Text with hexadecimal color #3a2172

This text has a font color of #3a2172.

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

#3a2172 background color

This paragraph has a background color of #3a2172.

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

#3a2172 border color

This element has a border color of #3a2172.

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

CSS codes

.text {color:#3a2172;}

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

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

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

#040208
```
#040208 rgb(4,2,8)
```
#0c0717
```
#0c0717 rgb(12,7,23)
```
#130b26
```
#130b26 rgb(19,11,38)
```
#1b0f35
```
#1b0f35 rgb(27,15,53)
```
#231444
```
#231444 rgb(35,20,68)
```
#2b1854
```
#2b1854 rgb(43,24,84)
```
#321d63
```
#321d63 rgb(50,29,99)
```
#3a2172
```
#3a2172 rgb(58,33,114)
```
#422581
```
#422581 rgb(66,37,129)
```
#492a90
```
#492a90 rgb(73,42,144)
```
#512ea0
```
#512ea0 rgb(81,46,160)
```
#5933af
```
#5933af rgb(89,51,175)
```
#6137be
```
#6137be rgb(97,55,190)
```

Shade Color Variation

#6a41c8
```
#6a41c8 rgb(106,65,200)
```
#7650cc
```
#7650cc rgb(118,80,204)
```
#825fd1
```
#825fd1 rgb(130,95,209)
```
#8e6ed5
```
#8e6ed5 rgb(142,110,213)
```
#9a7eda
```
#9a7eda rgb(154,126,218)
```
#a68dde
```
#a68dde rgb(166,141,222)
```
#b29ce2
```
#b29ce2 rgb(178,156,226)
```
#beabe7
```
#beabe7 rgb(190,171,231)
```
#c9baeb
```
#c9baeb rgb(201,186,235)
```
#d5caf0
```
#d5caf0 rgb(213,202,240)
```
#e1d9f4
```
#e1d9f4 rgb(225,217,244)
```
#ede8f8
```
#ede8f8 rgb(237,232,248)
```
#f9f7fd
```
#f9f7fd rgb(249,247,253)
```

Tint Color Variation

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

#49494a
```
#49494a rgb(73,73,74)
```
#474350
```
#474350 rgb(71,67,80)
```
#453d56
```
#453d56 rgb(69,61,86)
```
#43385b
```
#43385b rgb(67,56,91)
```
#403261
```
#403261 rgb(64,50,97)
```
#3e2c67
```
#3e2c67 rgb(62,44,103)
```
#3c276c
```
#3c276c rgb(60,39,108)
```
#3a2172
```
#3a2172 rgb(58,33,114)
```
#381b78
```
#381b78 rgb(56,27,120)
```
#36167d
```
#36167d rgb(54,22,125)
```
#341083
```
#341083 rgb(52,16,131)
```
#310a89
```
#310a89 rgb(49,10,137)
```
#2f058e
```
#2f058e rgb(47,5,142)
```

Tone Color Variation

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

#323232 Achromatopsia 0.005% of the population
#342f3f Atypical Achromatopsia 0.001% of the population

Dichromacy

#003a73 Protanopia 1% of men
#003e65 Deuteranopia 1% of men
#313e43 Tritanopia 0.001% of the population

Trichromacy

#153172 Protanomaly 1% of men, 0.01% of women
#153369 Deuteranomaly 6% of men, 0.4% of women
#343454 Tritanomaly 0.01% of the population

#3a2172 hex color

#3a2172 Color Information

#3a2172 Color Conversion

Color Schemes with #3a2172

Alternatives to #3a2172

#3a2172 Preview

Shades and Tints of #3a2172

Tones of #3a2172

Color Blindness Simulator