#3a2be5 hex color

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

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

● #3a2be5 color description : Bright blue.

The hexadecimal color #3a2be5 has RGB values of R:58, G:43, B:229 and CMYK values of C:0.75, M:0.81, Y:0, K:0.1. Its decimal value is 3812325.

Hex triplet	3a2be5	`#3a2be5`
RGB Decimal	58, 43, 229	`rgb(58,43,229)`
RGB Percent	22.7, 16.9, 89.8	`rgb(22.7%,16.9%,89.8%)`
CMYK	75, 81, 0, 10
HSL	244.8°, 78.2, 53.3	`hsl(244.8,78.2%,53.3%)`
HSV (or HSB)	244.8°, 81.2, 89.8
Web Safe	3333cc	`#3333cc`

CIE-LAB	34.566, 62.361, -89.321
XYZ	16.749, 8.283, 74.841
xyY	0.168, 0.083, 8.283
CIE-LCH	34.566, 108.936, 304.921
CIE-LUV	34.566, -6.539, -118.802
Hunter-Lab	28.781, 53.51, -134.028
Binary	00111010, 00101011, 11100101

#3a2be5
```
#3a2be5 rgb(58,43,229)
```
#d6e52b
```
#d6e52b rgb(214,229,43)
```

Complementary Color

#2b79e5
```
#2b79e5 rgb(43,121,229)
```
#3a2be5
```
#3a2be5 rgb(58,43,229)
```
#972be5
```
#972be5 rgb(151,43,229)
```

Analogous Color

#79e52b
```
#79e52b rgb(121,229,43)
```
#3a2be5
```
#3a2be5 rgb(58,43,229)
```
#e5972b
```
#e5972b rgb(229,151,43)
```

Split Complementary Color

#2be53a
```
#2be53a rgb(43,229,58)
```
#3a2be5
```
#3a2be5 rgb(58,43,229)
```
#e53a2b
```
#e53a2b rgb(229,58,43)
```

Triadic Color

#2bd6e5
```
#2bd6e5 rgb(43,214,229)
```
#3a2be5
```
#3a2be5 rgb(58,43,229)
```
#e53a2b
```
#e53a2b rgb(229,58,43)
```
#d6e52b
```
#d6e52b rgb(214,229,43)
```

Tetradic Color

#2215ae
```
#2215ae rgb(34,21,174)
```
#2618c5
```
#2618c5 rgb(38,24,197)
```
#2a1bdc
```
#2a1bdc rgb(42,27,220)
```
#3a2be5
```
#3a2be5 rgb(58,43,229)
```
#4f42e8
```
#4f42e8 rgb(79,66,232)
```
#6458eb
```
#6458eb rgb(100,88,235)
```
#796fed
```
#796fed rgb(121,111,237)
```

Monochromatic Color

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

#2b4be5
```
#2b4be5 rgb(43,75,229)
```
#2b3be5
```
#2b3be5 rgb(43,59,229)
```
#2b2ce5
```
#2b2ce5 rgb(43,44,229)
```
#3a2be5
```
#3a2be5 rgb(58,43,229)
```
#492be5
```
#492be5 rgb(73,43,229)
```
#592be5
```
#592be5 rgb(89,43,229)
```
#692be5
```
#692be5 rgb(105,43,229)
```

Similar Colors

Text with hexadecimal color #3a2be5

This text has a font color of #3a2be5.

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

#3a2be5 background color

This paragraph has a background color of #3a2be5.

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

#3a2be5 border color

This element has a border color of #3a2be5.

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

CSS codes

.text {color:#3a2be5;}

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

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

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

#03020f
```
#03020f rgb(3,2,15)
```
#060421
```
#060421 rgb(6,4,33)
```
#0a0632
```
#0a0632 rgb(10,6,50)
```
#0d0844
```
#0d0844 rgb(13,8,68)
```
#100a55
```
#100a55 rgb(16,10,85)
```
#140d67
```
#140d67 rgb(20,13,103)
```
#170f78
```
#170f78 rgb(23,15,120)
```
#1b1189
```
#1b1189 rgb(27,17,137)
```
#1e139b
```
#1e139b rgb(30,19,155)
```
#2115ac
```
#2115ac rgb(33,21,172)
```
#2517be
```
#2517be rgb(37,23,190)
```
#2819cf
```
#2819cf rgb(40,25,207)
```
#2b1ce1
```
#2b1ce1 rgb(43,28,225)
```

Shade Color Variation

#3a2be5
```
#3a2be5 rgb(58,43,229)
```
#4a3ce7
```
#4a3ce7 rgb(74,60,231)
```
#5a4ee9
```
#5a4ee9 rgb(90,78,233)
```
#6b5feb
```
#6b5feb rgb(107,95,235)
```
#7b71ee
```
#7b71ee rgb(123,113,238)
```
#8b82f0
```
#8b82f0 rgb(139,130,240)
```
#9b94f2
```
#9b94f2 rgb(155,148,242)
```
#aca5f4
```
#aca5f4 rgb(172,165,244)
```
#bcb7f6
```
#bcb7f6 rgb(188,183,246)
```
#ccc8f8
```
#ccc8f8 rgb(204,200,248)
```
#dcdafa
```
#dcdafa rgb(220,218,250)
```
#edebfd
```
#edebfd rgb(237,235,253)
```
#fdfdff
```
#fdfdff rgb(253,253,255)
```

Tint Color Variation

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

#878789
```
#878789 rgb(135,135,137)
```
#7f7d93
```
#7f7d93 rgb(127,125,147)
```
#77749c
```
#77749c rgb(119,116,156)
```
#706ba5
```
#706ba5 rgb(112,107,165)
```
#6862ae
```
#6862ae rgb(104,98,174)
```
#6059b7
```
#6059b7 rgb(96,89,183)
```
#5950c0
```
#5950c0 rgb(89,80,192)
```
#5146ca
```
#5146ca rgb(81,70,202)
```
#493dd3
```
#493dd3 rgb(73,61,211)
```
#4234dc
```
#4234dc rgb(66,52,220)
```
#3a2be5
```
#3a2be5 rgb(58,43,229)
```
#3222ee
```
#3222ee rgb(50,34,238)
```
#2b19f7
```
#2b19f7 rgb(43,25,247)
```

Tone Color Variation

Below, you can see how #3a2be5 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
#434065 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0057aa Protanopia 1% of men
#005c93 Deuteranopia 1% of men
#006368 Tritanopia 0.001% of the population

Trichromacy

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

#3a2be5 hex color

#3a2be5 Color Information

#3a2be5 Color Conversion

Color Schemes with #3a2be5

Alternatives to #3a2be5

#3a2be5 Preview

Shades and Tints of #3a2be5

Tones of #3a2be5

Color Blindness Simulator