#3a2150 hex color

In a RGB color space, hex #3a2150 is composed of 22.7% red, 12.9% green and 31.4% blue. Whereas in a CMYK color space, it is composed of 27.5% cyan, 58.8% magenta, 0% yellow and 68.6% black. It has a hue angle of 271.9 degrees, a saturation of 41.6% and a lightness of 22.2%. #3a2150 color hex could be obtained by blending #7442a0 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 23
- G 13
- B 31
RGB color chart
- C 28
- M 59
- Y 0
- K 69
CMYK color chart

● #3a2150 color description : Very dark desaturated violet.

The hexadecimal color #3a2150 has RGB values of R:58, G:33, B:80 and CMYK values of C:0.28, M:0.59, Y:0, K:0.69. Its decimal value is 3809616.

Hex triplet	3a2150	`#3a2150`
RGB Decimal	58, 33, 80	`rgb(58,33,80)`
RGB Percent	22.7, 12.9, 31.4	`rgb(22.7%,12.9%,31.4%)`
CMYK	28, 59, 0, 69
HSL	271.9°, 41.6, 22.2	`hsl(271.9,41.6%,22.2%)`
HSV (or HSB)	271.9°, 58.8, 31.4
Web Safe	333366	`#333366`

CIE-LAB	18.217, 22.526, -24.378
XYZ	3.737, 2.566, 7.888
xyY	0.263, 0.181, 2.566
CIE-LCH	18.217, 33.192, 312.739
CIE-LUV	18.217, 6.861, -27.899
Hunter-Lab	16.02, 13.597, -17.977
Binary	00111010, 00100001, 01010000

#3a2150
```
#3a2150 rgb(58,33,80)
```
#375021
```
#375021 rgb(55,80,33)
```

Complementary Color

#232150
```
#232150 rgb(35,33,80)
```
#3a2150
```
#3a2150 rgb(58,33,80)
```
#50214f
```
#50214f rgb(80,33,79)
```

Analogous Color

#215023
```
#215023 rgb(33,80,35)
```
#3a2150
```
#3a2150 rgb(58,33,80)
```
#4f5021
```
#4f5021 rgb(79,80,33)
```

Split Complementary Color

#21503a
```
#21503a rgb(33,80,58)
```
#3a2150
```
#3a2150 rgb(58,33,80)
```
#503a21
```
#503a21 rgb(80,58,33)
```

Triadic Color

#213750
```
#213750 rgb(33,55,80)
```
#3a2150
```
#3a2150 rgb(58,33,80)
```
#503a21
```
#503a21 rgb(80,58,33)
```
#375021
```
#375021 rgb(55,80,33)
```

Tetradic Color

#130b1a
```
#130b1a rgb(19,11,26)
```
#20122c
```
#20122c rgb(32,18,44)
```
#2d1a3e
```
#2d1a3e rgb(45,26,62)
```
#3a2150
```
#3a2150 rgb(58,33,80)
```
#472862
```
#472862 rgb(71,40,98)
```
#543074
```
#543074 rgb(84,48,116)
```
#613786
```
#613786 rgb(97,55,134)
```

Monochromatic Color

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

#2e2150
```
#2e2150 rgb(46,33,80)
```
#322150
```
#322150 rgb(50,33,80)
```
#362150
```
#362150 rgb(54,33,80)
```
#3a2150
```
#3a2150 rgb(58,33,80)
```
#3e2150
```
#3e2150 rgb(62,33,80)
```
#422150
```
#422150 rgb(66,33,80)
```
#462150
```
#462150 rgb(70,33,80)
```

Similar Colors

Text with hexadecimal color #3a2150

This text has a font color of #3a2150.

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

#3a2150 background color

This paragraph has a background color of #3a2150.

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

#3a2150 border color

This element has a border color of #3a2150.

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

CSS codes

.text {color:#3a2150;}

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

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

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, #08040b is the darkest color, while #fdfcfe is the lightest one.

#08040b
```
#08040b rgb(8,4,11)
```
#120a18
```
#120a18 rgb(18,10,24)
```
#1c1026
```
#1c1026 rgb(28,16,38)
```
#261634
```
#261634 rgb(38,22,52)
```
#301b42
```
#301b42 rgb(48,27,66)
```
#3a2150
```
#3a2150 rgb(58,33,80)
```
#44275e
```
#44275e rgb(68,39,94)
```
#4e2c6c
```
#4e2c6c rgb(78,44,108)
```
#58327a
```
#58327a rgb(88,50,122)
```
#623888
```
#623888 rgb(98,56,136)
```
#6c3e95
```
#6c3e95 rgb(108,62,149)
```
#7643a3
```
#7643a3 rgb(118,67,163)
```
#8049b1
```
#8049b1 rgb(128,73,177)
```

Shade Color Variation

#8a55b9
```
#8a55b9 rgb(138,85,185)
```
#9463bf
```
#9463bf rgb(148,99,191)
```
#9d71c4
```
#9d71c4 rgb(157,113,196)
```
#a77fca
```
#a77fca rgb(167,127,202)
```
#b08dd0
```
#b08dd0 rgb(176,141,208)
```
#ba9ad6
```
#ba9ad6 rgb(186,154,214)
```
#c3a8db
```
#c3a8db rgb(195,168,219)
```
#cdb6e1
```
#cdb6e1 rgb(205,182,225)
```
#d7c4e7
```
#d7c4e7 rgb(215,196,231)
```
#e0d2ec
```
#e0d2ec rgb(224,210,236)
```
#eae0f2
```
#eae0f2 rgb(234,224,242)
```
#f3eef8
```
#f3eef8 rgb(243,238,248)
```
#fdfcfe
```
#fdfcfe rgb(253,252,254)
```

Tint Color Variation

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

#39373a
```
#39373a rgb(57,55,58)
```
#39323f
```
#39323f rgb(57,50,63)
```
#392e43
```
#392e43 rgb(57,46,67)
```
#392a47
```
#392a47 rgb(57,42,71)
```
#3a254c
```
#3a254c rgb(58,37,76)
```
#3a2150
```
#3a2150 rgb(58,33,80)
```
#3a1d54
```
#3a1d54 rgb(58,29,84)
```
#3b1859
```
#3b1859 rgb(59,24,89)
```
#3b145d
```
#3b145d rgb(59,20,93)
```
#3b1061
```
#3b1061 rgb(59,16,97)
```
#3b0b66
```
#3b0b66 rgb(59,11,102)
```
#3c076a
```
#3c076a rgb(60,7,106)
```
#3c036e
```
#3c036e rgb(60,3,110)
```

Tone Color Variation

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

#2e2e2e Achromatopsia 0.005% of the population
#302b35 Atypical Achromatopsia 0.001% of the population

Dichromacy

#1e3660 Protanopia 1% of men
#243755 Deuteranopia 1% of men
#3d3538 Tritanopia 0.001% of the population

Trichromacy

#282e5a Protanomaly 1% of men, 0.01% of women
#2c2f53 Deuteranomaly 6% of men, 0.4% of women
#3c2d41 Tritanomaly 0.01% of the population

#3a2150 hex color

#3a2150 Color Information

#3a2150 Color Conversion

Color Schemes with #3a2150

Alternatives to #3a2150

#3a2150 Preview

Shades and Tints of #3a2150

Tones of #3a2150

Color Blindness Simulator