#3a2ae5 hex color

In a RGB color space, hex #3a2ae5 is composed of 22.7% red, 16.5% green and 89.8% blue. Whereas in a CMYK color space, it is composed of 74.7% cyan, 81.7% magenta, 0% yellow and 10.2% black. It has a hue angle of 245.1 degrees, a saturation of 78.2% and a lightness of 53.1%. #3a2ae5 color hex could be obtained by blending #7454ff with #0000cb. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 23
- G 16
- B 90
RGB color chart
- C 75
- M 82
- Y 0
- K 10
CMYK color chart

● #3a2ae5 color description : Bright blue.

The hexadecimal color #3a2ae5 has RGB values of R:58, G:42, B:229 and CMYK values of C:0.75, M:0.82, Y:0, K:0.1. Its decimal value is 3812069.

Hex triplet	3a2ae5	`#3a2ae5`
RGB Decimal	58, 42, 229	`rgb(58,42,229)`
RGB Percent	22.7, 16.5, 89.8	`rgb(22.7%,16.5%,89.8%)`
CMYK	75, 82, 0, 10
HSL	245.1°, 78.2, 53.1	`hsl(245.1,78.2%,53.1%)`
HSV (or HSB)	245.1°, 81.7, 89.8
Web Safe	3333cc	`#3333cc`

CIE-LAB	34.42, 62.792, -89.564
XYZ	16.713, 8.212, 74.829
xyY	0.168, 0.082, 8.212
CIE-LCH	34.42, 109.383, 305.034
CIE-LUV	34.42, -6.429, -118.804
Hunter-Lab	28.656, 53.959, -134.764
Binary	00111010, 00101010, 11100101

#3a2ae5
```
#3a2ae5 rgb(58,42,229)
```
#d5e52a
```
#d5e52a rgb(213,229,42)
```

Complementary Color

#2a78e5
```
#2a78e5 rgb(42,120,229)
```
#3a2ae5
```
#3a2ae5 rgb(58,42,229)
```
#982ae5
```
#982ae5 rgb(152,42,229)
```

Analogous Color

#78e52a
```
#78e52a rgb(120,229,42)
```
#3a2ae5
```
#3a2ae5 rgb(58,42,229)
```
#e5982a
```
#e5982a rgb(229,152,42)
```

Split Complementary Color

#2ae53a
```
#2ae53a rgb(42,229,58)
```
#3a2ae5
```
#3a2ae5 rgb(58,42,229)
```
#e53a2a
```
#e53a2a rgb(229,58,42)
```

Triadic Color

#2ad5e5
```
#2ad5e5 rgb(42,213,229)
```
#3a2ae5
```
#3a2ae5 rgb(58,42,229)
```
#e53a2a
```
#e53a2a rgb(229,58,42)
```
#d5e52a
```
#d5e52a rgb(213,229,42)
```

Tetradic Color

#2215ad
```
#2215ad rgb(34,21,173)
```
#2718c4
```
#2718c4 rgb(39,24,196)
```
#2b1bdb
```
#2b1bdb rgb(43,27,219)
```
#3a2ae5
```
#3a2ae5 rgb(58,42,229)
```
#4f41e8
```
#4f41e8 rgb(79,65,232)
```
#6457eb
```
#6457eb rgb(100,87,235)
```
#796eed
```
#796eed rgb(121,110,237)
```

Monochromatic Color

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

#2a49e5
```
#2a49e5 rgb(42,73,229)
```
#2a39e5
```
#2a39e5 rgb(42,57,229)
```
#2a2ae5
```
#2a2ae5 rgb(42,42,229)
```
#3a2ae5
```
#3a2ae5 rgb(58,42,229)
```
#4a2ae5
```
#4a2ae5 rgb(74,42,229)
```
#592ae5
```
#592ae5 rgb(89,42,229)
```
#692ae5
```
#692ae5 rgb(105,42,229)
```

Similar Colors

Text with hexadecimal color #3a2ae5

This text has a font color of #3a2ae5.

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

#3a2ae5 background color

This paragraph has a background color of #3a2ae5.

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

#3a2ae5 border color

This element has a border color of #3a2ae5.

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

CSS codes

.text {color:#3a2ae5;}

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

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

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, #03020e is the darkest color, while #fcfcff is the lightest one.

#03020e
```
#03020e rgb(3,2,14)
```
#060420
```
#060420 rgb(6,4,32)
```
#0a0631
```
#0a0631 rgb(10,6,49)
```
#0d0843
```
#0d0843 rgb(13,8,67)
```
#110a54
```
#110a54 rgb(17,10,84)
```
#140c66
```
#140c66 rgb(20,12,102)
```
#170f77
```
#170f77 rgb(23,15,119)
```
#1b1189
```
#1b1189 rgb(27,17,137)
```
#1e139a
```
#1e139a rgb(30,19,154)
```
#2215ac
```
#2215ac rgb(34,21,172)
```
#2517bd
```
#2517bd rgb(37,23,189)
```
#2919cf
```
#2919cf rgb(41,25,207)
```
#2c1be0
```
#2c1be0 rgb(44,27,224)
```

Shade Color Variation

#3a2ae5
```
#3a2ae5 rgb(58,42,229)
```
#4a3be7
```
#4a3be7 rgb(74,59,231)
```
#5a4de9
```
#5a4de9 rgb(90,77,233)
```
#6b5eeb
```
#6b5eeb rgb(107,94,235)
```
#7b70ee
```
#7b70ee rgb(123,112,238)
```
#8b81f0
```
#8b81f0 rgb(139,129,240)
```
#9b93f2
```
#9b93f2 rgb(155,147,242)
```
#aba4f4
```
#aba4f4 rgb(171,164,244)
```
#bbb6f6
```
#bbb6f6 rgb(187,182,246)
```
#ccc7f8
```
#ccc7f8 rgb(204,199,248)
```
#dcd9fa
```
#dcd9fa rgb(220,217,250)
```
#eceafc
```
#eceafc rgb(236,234,252)
```
#fcfcff
```
#fcfcff rgb(252,252,255)
```

Tint Color Variation

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

#868689
```
#868689 rgb(134,134,137)
```
#7f7d92
```
#7f7d92 rgb(127,125,146)
```
#77749b
```
#77749b rgb(119,116,155)
```
#6f6aa5
```
#6f6aa5 rgb(111,106,165)
```
#6861ae
```
#6861ae rgb(104,97,174)
```
#6058b7
```
#6058b7 rgb(96,88,183)
```
#584fc0
```
#584fc0 rgb(88,79,192)
```
#5146c9
```
#5146c9 rgb(81,70,201)
```
#493cd3
```
#493cd3 rgb(73,60,211)
```
#4233dc
```
#4233dc rgb(66,51,220)
```
#3a2ae5
```
#3a2ae5 rgb(58,42,229)
```
#3221ee
```
#3221ee rgb(50,33,238)
```
#2b18f7
```
#2b18f7 rgb(43,24,247)
```

Tone Color Variation

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

#444444 Achromatopsia 0.005% of the population
#423f64 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0057a9 Protanopia 1% of men
#005c92 Deuteranopia 1% of men
#006267 Tritanopia 0.001% of the population

Trichromacy

#1546bf Protanomaly 1% of men, 0.01% of women
#154ab0 Deuteranomaly 6% of men, 0.4% of women
#154e95 Tritanomaly 0.01% of the population

#3a2ae5 hex color

#3a2ae5 Color Information

#3a2ae5 Color Conversion

Color Schemes with #3a2ae5

Alternatives to #3a2ae5

#3a2ae5 Preview

Shades and Tints of #3a2ae5

Tones of #3a2ae5

Color Blindness Simulator