colorhexa.com

#3a2ed4 hex color

In a RGB color space, hex #3a2ed4 is composed of 22.7% red, 18% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 72.6% cyan, 78.3% magenta, 0% yellow and 16.9% black. It has a hue angle of 244.3 degrees, a saturation of 65.9% and a lightness of 50.6%. #3a2ed4 color hex could be obtained by blending #745cff with #0000a9. Closest websafe color is: #3333cc.

- R 23
- G 18
- B 83
RGB color chart
- C 73
- M 78
- Y 0
- K 17
CMYK color chart

● #3a2ed4 color description : Strong blue.

The hexadecimal color #3a2ed4 has RGB values of R:58, G:46, B:212 and CMYK values of C:0.73, M:0.78, Y:0, K:0.17. Its decimal value is 3813076.

Hex triplet	3a2ed4	`#3a2ed4`
RGB Decimal	58, 46, 212	`rgb(58,46,212)`
RGB Percent	22.7, 18, 83.1	`rgb(22.7%,18%,83.1%)`
CMYK	73, 78, 0, 17
HSL	244.3°, 65.9, 50.6	`hsl(244.3,65.9%,50.6%)`
HSV (or HSB)	244.3°, 78.3, 83.1
Web Safe	3333cc	`#3333cc`

CIE-LAB	33.149, 55.949, -81.902
XYZ	14.603, 7.606, 62.982
xyY	0.171, 0.089, 7.606
CIE-LCH	33.149, 99.188, 304.338
CIE-LUV	33.149, -6.009, -108.951
Hunter-Lab	27.579, 46.252, -116.094
Binary	00111010, 00101110, 11010100

#3a2ed4
```
#3a2ed4 rgb(58,46,212)
```
#c8d42e
```
#c8d42e rgb(200,212,46)
```

Complementary Color

#2e75d4
```
#2e75d4 rgb(46,117,212)
```
#3a2ed4
```
#3a2ed4 rgb(58,46,212)
```
#8d2ed4
```
#8d2ed4 rgb(141,46,212)
```

Analogous Color

#75d42e
```
#75d42e rgb(117,212,46)
```
#3a2ed4
```
#3a2ed4 rgb(58,46,212)
```
#d48d2e
```
#d48d2e rgb(212,141,46)
```

Split Complementary Color

#2ed43a
```
#2ed43a rgb(46,212,58)
```
#3a2ed4
```
#3a2ed4 rgb(58,46,212)
```
#d43a2e
```
#d43a2e rgb(212,58,46)
```

Triadic Color

#2ec8d4
```
#2ec8d4 rgb(46,200,212)
```
#3a2ed4
```
#3a2ed4 rgb(58,46,212)
```
#d43a2e
```
#d43a2e rgb(212,58,46)
```
#c8d42e
```
#c8d42e rgb(200,212,46)
```

Tetradic Color

#281f97
```
#281f97 rgb(40,31,151)
```
#2d23ac
```
#2d23ac rgb(45,35,172)
```
#3328c1
```
#3328c1 rgb(51,40,193)
```
#3a2ed4
```
#3a2ed4 rgb(58,46,212)
```
#4e43d8
```
#4e43d8 rgb(78,67,216)
```
#6258dd
```
#6258dd rgb(98,88,221)
```
#766de1
```
#766de1 rgb(118,109,225)
```

Monochromatic Color

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

#2e4cd4
```
#2e4cd4 rgb(46,76,212)
```
#2e3ed4
```
#2e3ed4 rgb(46,62,212)
```
#2e30d4
```
#2e30d4 rgb(46,48,212)
```
#3a2ed4
```
#3a2ed4 rgb(58,46,212)
```
#482ed4
```
#482ed4 rgb(72,46,212)
```
#562ed4
```
#562ed4 rgb(86,46,212)
```
#632ed4
```
#632ed4 rgb(99,46,212)
```

Similar Colors

Text with hexadecimal color #3a2ed4

This text has a font color of #3a2ed4.

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

#3a2ed4 background color

This paragraph has a background color of #3a2ed4.

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

#3a2ed4 border color

This element has a border color of #3a2ed4.

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

CSS codes

.text {color:#3a2ed4;}

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

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

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

#010102
```
#010102 rgb(1,1,2)
```
#050413
```
#050413 rgb(5,4,19)
```
#090723
```
#090723 rgb(9,7,35)
```
#0d0b33
```
#0d0b33 rgb(13,11,51)
```
#120e44
```
#120e44 rgb(18,14,68)
```
#161154
```
#161154 rgb(22,17,84)
```
#1a1564
```
#1a1564 rgb(26,21,100)
```
#1f1874
```
#1f1874 rgb(31,24,116)
```
#231b85
```
#231b85 rgb(35,27,133)
```
#271f95
```
#271f95 rgb(39,31,149)
```
#2b22a5
```
#2b22a5 rgb(43,34,165)
```
#3025b5
```
#3025b5 rgb(48,37,181)
```
#3429c6
```
#3429c6 rgb(52,41,198)
```

Shade Color Variation

#3a2ed4
```
#3a2ed4 rgb(58,46,212)
```
#493ed7
```
#493ed7 rgb(73,62,215)
```
#594fdb
```
#594fdb rgb(89,79,219)
```
#685fde
```
#685fde rgb(104,95,222)
```
#776fe1
```
#776fe1 rgb(119,111,225)
```
#877fe5
```
#877fe5 rgb(135,127,229)
```
#9690e8
```
#9690e8 rgb(150,144,232)
```
#a5a0eb
```
#a5a0eb rgb(165,160,235)
```
#b5b0ef
```
#b5b0ef rgb(181,176,239)
```
#c4c0f2
```
#c4c0f2 rgb(196,192,242)
```
#d3d1f5
```
#d3d1f5 rgb(211,209,245)
```
#e3e1f9
```
#e3e1f9 rgb(227,225,249)
```
#f2f1fc
```
#f2f1fc rgb(242,241,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7c7c86 is the less saturated color, while #1907fb is the most saturated one.

#7c7c86
```
#7c7c86 rgb(124,124,134)
```
#747290
```
#747290 rgb(116,114,144)
```
#6c689a
```
#6c689a rgb(108,104,154)
```
#635ea4
```
#635ea4 rgb(99,94,164)
```
#5b55ad
```
#5b55ad rgb(91,85,173)
```
#534bb7
```
#534bb7 rgb(83,75,183)
```
#4b41c1
```
#4b41c1 rgb(75,65,193)
```
#4238ca
```
#4238ca rgb(66,56,202)
```
#3a2ed4
```
#3a2ed4 rgb(58,46,212)
```
#3224de
```
#3224de rgb(50,36,222)
```
#291be7
```
#291be7 rgb(41,27,231)
```
#2111f1
```
#2111f1 rgb(33,17,241)
```
#1907fb
```
#1907fb rgb(25,7,251)
```

Tone Color Variation

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

#454545 Achromatopsia 0.005% of the population
#434062 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0054a4 Protanopia 1% of men
#00598e Deuteranopia 1% of men
#005f64 Tritanopia 0.001% of the population

Trichromacy

#1546b5 Protanomaly 1% of men, 0.01% of women
#1549a7 Deuteranomaly 6% of men, 0.4% of women
#154d8d Tritanomaly 0.01% of the population