#3a2ef5 hex color

In a RGB color space, hex #3a2ef5 is composed of 22.7% red, 18% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 76.3% cyan, 81.2% magenta, 0% yellow and 3.9% black. It has a hue angle of 243.6 degrees, a saturation of 90.9% and a lightness of 57.1%. #3a2ef5 color hex could be obtained by blending #745cff with #0000eb. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 23
- G 18
- B 96
RGB color chart
- C 76
- M 81
- Y 0
- K 4
CMYK color chart

● #3a2ef5 color description : Bright blue.

The hexadecimal color #3a2ef5 has RGB values of R:58, G:46, B:245 and CMYK values of C:0.76, M:0.81, Y:0, K:0.04. Its decimal value is 3813109.

Hex triplet	3a2ef5	`#3a2ef5`
RGB Decimal	58, 46, 245	`rgb(58,46,245)`
RGB Percent	22.7, 18, 96.1	`rgb(22.7%,18%,96.1%)`
CMYK	76, 81, 0, 4
HSL	243.6°, 90.9, 57.1	`hsl(243.6,90.9%,57.1%)`
HSV (or HSB)	243.6°, 81.2, 96.1
Web Safe	3333ff	`#3333ff`

CIE-LAB	36.827, 65.673, -94.643
XYZ	19.2, 9.445, 87.192
xyY	0.166, 0.082, 9.445
CIE-LCH	36.827, 115.197, 304.757
CIE-LUV	36.827, -7.68, -127.884
Hunter-Lab	30.733, 57.735, -146.701
Binary	00111010, 00101110, 11110101

#3a2ef5
```
#3a2ef5 rgb(58,46,245)
```
#e9f52e
```
#e9f52e rgb(233,245,46)
```

Complementary Color

#2e86f5
```
#2e86f5 rgb(46,134,245)
```
#3a2ef5
```
#3a2ef5 rgb(58,46,245)
```
#9e2ef5
```
#9e2ef5 rgb(158,46,245)
```

Analogous Color

#86f52e
```
#86f52e rgb(134,245,46)
```
#3a2ef5
```
#3a2ef5 rgb(58,46,245)
```
#f59e2e
```
#f59e2e rgb(245,158,46)
```

Split Complementary Color

#2ef53a
```
#2ef53a rgb(46,245,58)
```
#3a2ef5
```
#3a2ef5 rgb(58,46,245)
```
#f53a2e
```
#f53a2e rgb(245,58,46)
```

Triadic Color

#2ee9f5
```
#2ee9f5 rgb(46,233,245)
```
#3a2ef5
```
#3a2ef5 rgb(58,46,245)
```
#f53a2e
```
#f53a2e rgb(245,58,46)
```
#e9f52e
```
#e9f52e rgb(233,245,46)
```

Tetradic Color

#160acd
```
#160acd rgb(22,10,205)
```
#180be5
```
#180be5 rgb(24,11,229)
```
#2316f4
```
#2316f4 rgb(35,22,244)
```
#3a2ef5
```
#3a2ef5 rgb(58,46,245)
```
#5146f6
```
#5146f6 rgb(81,70,246)
```
#685ff7
```
#685ff7 rgb(104,95,247)
```
#7f77f8
```
#7f77f8 rgb(127,119,248)
```

Monochromatic Color

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

#2e54f5
```
#2e54f5 rgb(46,84,245)
```
#2e43f5
```
#2e43f5 rgb(46,67,245)
```
#2e33f5
```
#2e33f5 rgb(46,51,245)
```
#3a2ef5
```
#3a2ef5 rgb(58,46,245)
```
#4b2ef5
```
#4b2ef5 rgb(75,46,245)
```
#5b2ef5
```
#5b2ef5 rgb(91,46,245)
```
#6c2ef5
```
#6c2ef5 rgb(108,46,245)
```

Similar Colors

Text with hexadecimal color #3a2ef5

This text has a font color of #3a2ef5.

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

#3a2ef5 background color

This paragraph has a background color of #3a2ef5.

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

#3a2ef5 border color

This element has a border color of #3a2ef5.

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

CSS codes

.text {color:#3a2ef5;}

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

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

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

#020110
```
#020110 rgb(2,1,16)
```
#040222
```
#040222 rgb(4,2,34)
```
#060335
```
#060335 rgb(6,3,53)
```
#080348
```
#080348 rgb(8,3,72)
```
#0a045b
```
#0a045b rgb(10,4,91)
```
#0b056d
```
#0b056d rgb(11,5,109)
```
#0d0680
```
#0d0680 rgb(13,6,128)
```
#0f0793
```
#0f0793 rgb(15,7,147)
```
#1108a5
```
#1108a5 rgb(17,8,165)
```
#1309b8
```
#1309b8 rgb(19,9,184)
```
#150acb
```
#150acb rgb(21,10,203)
```
#170bde
```
#170bde rgb(23,11,222)
```
#190bf0
```
#190bf0 rgb(25,11,240)
```

Shade Color Variation

#281bf4
```
#281bf4 rgb(40,27,244)
```
#3a2ef5
```
#3a2ef5 rgb(58,46,245)
```
#4c41f6
```
#4c41f6 rgb(76,65,246)
```
#5d53f7
```
#5d53f7 rgb(93,83,247)
```
#6f66f8
```
#6f66f8 rgb(111,102,248)
```
#8179f9
```
#8179f9 rgb(129,121,249)
```
#928cf9
```
#928cf9 rgb(146,140,249)
```
#a49efa
```
#a49efa rgb(164,158,250)
```
#b6b1fb
```
#b6b1fb rgb(182,177,251)
```
#c7c4fc
```
#c7c4fc rgb(199,196,252)
```
#d9d6fd
```
#d9d6fd rgb(217,214,253)
```
#eae9fe
```
#eae9fe rgb(234,233,254)
```
#fcfcff
```
#fcfcff rgb(252,252,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8b8b98 is the less saturated color, while #3326fd is the most saturated one.

#8b8b98
```
#8b8b98 rgb(139,139,152)
```
#8482a1
```
#8482a1 rgb(132,130,161)
```
#7d7aa9
```
#7d7aa9 rgb(125,122,169)
```
#7571b2
```
#7571b2 rgb(117,113,178)
```
#6e69ba
```
#6e69ba rgb(110,105,186)
```
#6661c2
```
#6661c2 rgb(102,97,194)
```
#5f58cb
```
#5f58cb rgb(95,88,203)
```
#5850d3
```
#5850d3 rgb(88,80,211)
```
#5047dc
```
#5047dc rgb(80,71,220)
```
#493fe4
```
#493fe4 rgb(73,63,228)
```
#4136ed
```
#4136ed rgb(65,54,237)
```
#3a2ef5
```
#3a2ef5 rgb(58,46,245)
```
#3326fd
```
#3326fd rgb(51,38,253)
```

Tone Color Variation

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

#484848 Achromatopsia 0.005% of the population
#45436b Atypical Achromatopsia 0.001% of the population

Dichromacy

#005cb3 Protanopia 1% of men
#00629b Deuteranopia 1% of men
#00686d Tritanopia 0.001% of the population

Trichromacy

#154bcb Protanomaly 1% of men, 0.01% of women
#154fbc Deuteranomaly 6% of men, 0.4% of women
#15539e Tritanomaly 0.01% of the population

#3a2ef5 hex color

#3a2ef5 Color Information

#3a2ef5 Color Conversion

Color Schemes with #3a2ef5

Alternatives to #3a2ef5

#3a2ef5 Preview

Shades and Tints of #3a2ef5

Tones of #3a2ef5

Color Blindness Simulator