#3a2be1 hex color

In a RGB color space, hex #3a2be1 is composed of 22.7% red, 16.9% green and 88.2% blue. Whereas in a CMYK color space, it is composed of 74.2% cyan, 80.9% magenta, 0% yellow and 11.8% black. It has a hue angle of 244.9 degrees, a saturation of 75.2% and a lightness of 52.5%. #3a2be1 color hex could be obtained by blending #7456ff with #0000c3. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 23
- G 17
- B 88
RGB color chart
- C 74
- M 81
- Y 0
- K 12
CMYK color chart

● #3a2be1 color description : Bright blue.

The hexadecimal color #3a2be1 has RGB values of R:58, G:43, B:225 and CMYK values of C:0.74, M:0.81, Y:0, K:0.12. Its decimal value is 3812321.

Hex triplet	3a2be1	`#3a2be1`
RGB Decimal	58, 43, 225	`rgb(58,43,225)`
RGB Percent	22.7, 16.9, 88.2	`rgb(22.7%,16.9%,88.2%)`
CMYK	74, 81, 0, 12
HSL	244.9°, 75.2, 52.5	`hsl(244.9,75.2%,52.5%)`
HSV (or HSB)	244.9°, 80.9, 88.2
Web Safe	3333cc	`#3333cc`

CIE-LAB	34.113, 61.2, -87.787
XYZ	16.197, 8.063, 71.933
xyY	0.168, 0.084, 8.063
CIE-LCH	34.113, 107.014, 304.882
CIE-LUV	34.113, -6.33, -116.515
Hunter-Lab	28.395, 52.128, -130.324
Binary	00111010, 00101011, 11100001

#3a2be1
```
#3a2be1 rgb(58,43,225)
```
#d2e12b
```
#d2e12b rgb(210,225,43)
```

Complementary Color

#2b77e1
```
#2b77e1 rgb(43,119,225)
```
#3a2be1
```
#3a2be1 rgb(58,43,225)
```
#952be1
```
#952be1 rgb(149,43,225)
```

Analogous Color

#77e12b
```
#77e12b rgb(119,225,43)
```
#3a2be1
```
#3a2be1 rgb(58,43,225)
```
#e1952b
```
#e1952b rgb(225,149,43)
```

Split Complementary Color

#2be13a
```
#2be13a rgb(43,225,58)
```
#3a2be1
```
#3a2be1 rgb(58,43,225)
```
#e13a2b
```
#e13a2b rgb(225,58,43)
```

Triadic Color

#2bd2e1
```
#2bd2e1 rgb(43,210,225)
```
#3a2be1
```
#3a2be1 rgb(58,43,225)
```
#e13a2b
```
#e13a2b rgb(225,58,43)
```
#d2e12b
```
#d2e12b rgb(210,225,43)
```

Tetradic Color

#2418a8
```
#2418a8 rgb(36,24,168)
```
#281bbe
```
#281bbe rgb(40,27,190)
```
#2d1ed4
```
#2d1ed4 rgb(45,30,212)
```
#3a2be1
```
#3a2be1 rgb(58,43,225)
```
#4f41e4
```
#4f41e4 rgb(79,65,228)
```
#6458e7
```
#6458e7 rgb(100,88,231)
```
#786eea
```
#786eea rgb(120,110,234)
```

Monochromatic Color

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

#2b4ae1
```
#2b4ae1 rgb(43,74,225)
```
#2b3ae1
```
#2b3ae1 rgb(43,58,225)
```
#2b2be1
```
#2b2be1 rgb(43,43,225)
```
#3a2be1
```
#3a2be1 rgb(58,43,225)
```
#492be1
```
#492be1 rgb(73,43,225)
```
#582be1
```
#582be1 rgb(88,43,225)
```
#682be1
```
#682be1 rgb(104,43,225)
```

Similar Colors

Text with hexadecimal color #3a2be1

This text has a font color of #3a2be1.

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

#3a2be1 background color

This paragraph has a background color of #3a2be1.

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

#3a2be1 border color

This element has a border color of #3a2be1.

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

CSS codes

.text {color:#3a2be1;}

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

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

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

#02020b
```
#02020b rgb(2,2,11)
```
#06041d
```
#06041d rgb(6,4,29)
```
#0a062e
```
#0a062e rgb(10,6,46)
```
#0d093f
```
#0d093f rgb(13,9,63)
```
#110b50
```
#110b50 rgb(17,11,80)
```
#150e61
```
#150e61 rgb(21,14,97)
```
#181072
```
#181072 rgb(24,16,114)
```
#1c1384
```
#1c1384 rgb(28,19,132)
```
#201595
```
#201595 rgb(32,21,149)
```
#2317a6
```
#2317a6 rgb(35,23,166)
```
#271ab7
```
#271ab7 rgb(39,26,183)
```
#2b1cc8
```
#2b1cc8 rgb(43,28,200)
```
#2e1fda
```
#2e1fda rgb(46,31,218)
```

Shade Color Variation

#3a2be1
```
#3a2be1 rgb(58,43,225)
```
#4a3ce3
```
#4a3ce3 rgb(74,60,227)
```
#5a4de6
```
#5a4de6 rgb(90,77,230)
```
#6a5fe8
```
#6a5fe8 rgb(106,95,232)
```
#7a70eb
```
#7a70eb rgb(122,112,235)
```
#8a81ed
```
#8a81ed rgb(138,129,237)
```
#9a92f0
```
#9a92f0 rgb(154,146,240)
```
#aaa3f2
```
#aaa3f2 rgb(170,163,242)
```
#bab4f4
```
#bab4f4 rgb(186,180,244)
```
#cac6f7
```
#cac6f7 rgb(202,198,247)
```
#dad7f9
```
#dad7f9 rgb(218,215,249)
```
#eae8fc
```
#eae8fc rgb(234,232,252)
```
#faf9fe
```
#faf9fe rgb(250,249,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #807f8d is the less saturated color, while #230ffd is the most saturated one.

#807f8d
```
#807f8d rgb(128,127,141)
```
#787597
```
#787597 rgb(120,117,151)
```
#706ca0
```
#706ca0 rgb(112,108,160)
```
#6963a9
```
#6963a9 rgb(105,99,169)
```
#615ab2
```
#615ab2 rgb(97,90,178)
```
#5950bc
```
#5950bc rgb(89,80,188)
```
#5147c5
```
#5147c5 rgb(81,71,197)
```
#4a3ece
```
#4a3ece rgb(74,62,206)
```
#4234d8
```
#4234d8 rgb(66,52,216)
```
#3a2be1
```
#3a2be1 rgb(58,43,225)
```
#3222ea
```
#3222ea rgb(50,34,234)
```
#2a18f4
```
#2a18f4 rgb(42,24,244)
```
#230ffd
```
#230ffd rgb(35,15,253)
```

Tone Color Variation

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

Dichromacy

#0056a8 Protanopia 1% of men
#005b91 Deuteranopia 1% of men
#006267 Tritanopia 0.001% of the population

Trichromacy

#1546bd Protanomaly 1% of men, 0.01% of women
#154aae Deuteranomaly 6% of men, 0.4% of women
#154e93 Tritanomaly 0.01% of the population

#3a2be1 hex color

#3a2be1 Color Information

#3a2be1 Color Conversion

Color Schemes with #3a2be1

Alternatives to #3a2be1

#3a2be1 Preview

Shades and Tints of #3a2be1

Tones of #3a2be1

Color Blindness Simulator