#5a3ce2 hex color

In a RGB color space, hex #5a3ce2 is composed of 35.3% red, 23.5% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 60.2% cyan, 73.5% magenta, 0% yellow and 11.4% black. It has a hue angle of 250.8 degrees, a saturation of 74.1% and a lightness of 56.1%. #5a3ce2 color hex could be obtained by blending #b478ff with #0000c5. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 35
- G 24
- B 89
RGB color chart
- C 60
- M 73
- Y 0
- K 11
CMYK color chart

● #5a3ce2 color description : Bright blue.

The hexadecimal color #5a3ce2 has RGB values of R:90, G:60, B:226 and CMYK values of C:0.6, M:0.73, Y:0, K:0.11. Its decimal value is 5913826.

Hex triplet	5a3ce2	`#5a3ce2`
RGB Decimal	90, 60, 226	`rgb(90,60,226)`
RGB Percent	35.3, 23.5, 88.6	`rgb(35.3%,23.5%,88.6%)`
CMYK	60, 73, 0, 11
HSL	250.8°, 74.1, 56.1	`hsl(250.8,74.1%,56.1%)`
HSV (or HSB)	250.8°, 73.5, 88.6
Web Safe	6633cc	`#6633cc`

CIE-LAB	39.404, 56.373, -79.537
XYZ	19.557, 10.896, 73.02
xyY	0.189, 0.105, 10.896
CIE-LCH	39.404, 97.489, 305.328
CIE-LUV	39.404, -1.673, -114.968
Hunter-Lab	33.009, 47.994, -108.052
Binary	01011010, 00111100, 11100010

#5a3ce2
```
#5a3ce2 rgb(90,60,226)
```
#c4e23c
```
#c4e23c rgb(196,226,60)
```

Complementary Color

#3c71e2
```
#3c71e2 rgb(60,113,226)
```
#5a3ce2
```
#5a3ce2 rgb(90,60,226)
```
#ad3ce2
```
#ad3ce2 rgb(173,60,226)
```

Analogous Color

#71e23c
```
#71e23c rgb(113,226,60)
```
#5a3ce2
```
#5a3ce2 rgb(90,60,226)
```
#e2ad3c
```
#e2ad3c rgb(226,173,60)
```

Split Complementary Color

#3ce25a
```
#3ce25a rgb(60,226,90)
```
#5a3ce2
```
#5a3ce2 rgb(90,60,226)
```
#e25a3c
```
#e25a3c rgb(226,90,60)
```

Triadic Color

#3cc4e2
```
#3cc4e2 rgb(60,196,226)
```
#5a3ce2
```
#5a3ce2 rgb(90,60,226)
```
#e25a3c
```
#e25a3c rgb(226,90,60)
```
#c4e23c
```
#c4e23c rgb(196,226,60)
```

Tetradic Color

#371bb6
```
#371bb6 rgb(55,27,182)
```
#3e1ecd
```
#3e1ecd rgb(62,30,205)
```
#4726df
```
#4726df rgb(71,38,223)
```
#5a3ce2
```
#5a3ce2 rgb(90,60,226)
```
#6d52e5
```
#6d52e5 rgb(109,82,229)
```
#8068e9
```
#8068e9 rgb(128,104,233)
```
#927fec
```
#927fec rgb(146,127,236)
```

Monochromatic Color

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

#3c47e2
```
#3c47e2 rgb(60,71,226)
```
#3e3ce2
```
#3e3ce2 rgb(62,60,226)
```
#4c3ce2
```
#4c3ce2 rgb(76,60,226)
```
#5a3ce2
```
#5a3ce2 rgb(90,60,226)
```
#683ce2
```
#683ce2 rgb(104,60,226)
```
#763ce2
```
#763ce2 rgb(118,60,226)
```
#843ce2
```
#843ce2 rgb(132,60,226)
```

Similar Colors

Text with hexadecimal color #5a3ce2

This text has a font color of #5a3ce2.

<span style="color:#5a3ce2;">Text here</span>

#5a3ce2 background color

This paragraph has a background color of #5a3ce2.

<p style="background-color:#5a3ce2;">Content here</p>

#5a3ce2 border color

This element has a border color of #5a3ce2.

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

CSS codes

.text {color:#5a3ce2;}

.background {background-color:#5a3ce2;}

.border {border:1px solid #5a3ce2;}

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, #03010a is the darkest color, while #f9f8fe is the lightest one.

#03010a
```
#03010a rgb(3,1,10)
```
#08041b
```
#08041b rgb(8,4,27)
```
#0d072c
```
#0d072c rgb(13,7,44)
```
#12093d
```
#12093d rgb(18,9,61)
```
#180c4e
```
#180c4e rgb(24,12,78)
```
#1d0e5f
```
#1d0e5f rgb(29,14,95)
```
#221170
```
#221170 rgb(34,17,112)
```
#271381
```
#271381 rgb(39,19,129)
```
#2c1693
```
#2c1693 rgb(44,22,147)
```
#3118a4
```
#3118a4 rgb(49,24,164)
```
#371bb5
```
#371bb5 rgb(55,27,181)
```
#3c1dc6
```
#3c1dc6 rgb(60,29,198)
```
#4120d7
```
#4120d7 rgb(65,32,215)
```

Shade Color Variation

#4c2bdf
```
#4c2bdf rgb(76,43,223)
```
#5a3ce2
```
#5a3ce2 rgb(90,60,226)
```
#684de5
```
#684de5 rgb(104,77,229)
```
#775ee7
```
#775ee7 rgb(119,94,231)
```
#856fea
```
#856fea rgb(133,111,234)
```
#9480ec
```
#9480ec rgb(148,128,236)
```
#a291ef
```
#a291ef rgb(162,145,239)
```
#b1a2f1
```
#b1a2f1 rgb(177,162,241)
```
#bfb4f4
```
#bfb4f4 rgb(191,180,244)
```
#cec5f6
```
#cec5f6 rgb(206,197,246)
```
#dcd6f9
```
#dcd6f9 rgb(220,214,249)
```
#eae7fb
```
#eae7fb rgb(234,231,251)
```
#f9f8fe
```
#f9f8fe rgb(249,248,254)
```

Tint Color Variation

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

#8c8a94
```
#8c8a94 rgb(140,138,148)
```
#86819d
```
#86819d rgb(134,129,157)
```
#8178a6
```
#8178a6 rgb(129,120,166)
```
#7b70ae
```
#7b70ae rgb(123,112,174)
```
#7667b7
```
#7667b7 rgb(118,103,183)
```
#705ec0
```
#705ec0 rgb(112,94,192)
```
#6b56c8
```
#6b56c8 rgb(107,86,200)
```
#654dd1
```
#654dd1 rgb(101,77,209)
```
#6045d9
```
#6045d9 rgb(96,69,217)
```
#5a3ce2
```
#5a3ce2 rgb(90,60,226)
```
#5433eb
```
#5433eb rgb(84,51,235)
```
#4f2bf3
```
#4f2bf3 rgb(79,43,243)
```
#4922fc
```
#4922fc rgb(73,34,252)
```

Tone Color Variation

Below, you can see how #5a3ce2 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

#585858 Achromatopsia 0.005% of the population
#585274 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0062bf Protanopia 1% of men
#0067a6 Deuteranopia 1% of men
#006f77 Tritanopia 0.001% of the population

Trichromacy

#2054cb Protanomaly 1% of men, 0.01% of women
#2057bc Deuteranomaly 6% of men, 0.4% of women
#205c9d Tritanomaly 0.01% of the population

#5a3ce2 hex color

#5a3ce2 Color Information

#5a3ce2 Color Conversion

Color Schemes with #5a3ce2

Alternatives to #5a3ce2

#5a3ce2 Preview

Shades and Tints of #5a3ce2

Tones of #5a3ce2

Color Blindness Simulator