#5a30ec hex color

In a RGB color space, hex #5a30ec is composed of 35.3% red, 18.8% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 61.9% cyan, 79.7% magenta, 0% yellow and 7.5% black. It has a hue angle of 253.4 degrees, a saturation of 83.2% and a lightness of 55.7%. #5a30ec color hex could be obtained by blending #b460ff with #0000d9. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 35
- G 19
- B 93
RGB color chart
- C 62
- M 80
- Y 0
- K 7
CMYK color chart

● #5a30ec color description : Bright blue.

The hexadecimal color #5a30ec has RGB values of R:90, G:48, B:236 and CMYK values of C:0.62, M:0.8, Y:0, K:0.07. Its decimal value is 5910764.

Hex triplet	5a30ec	`#5a30ec`
RGB Decimal	90, 48, 236	`rgb(90,48,236)`
RGB Percent	35.3, 18.8, 92.5	`rgb(35.3%,18.8%,92.5%)`
CMYK	62, 80, 0, 7
HSL	253.4°, 83.2, 55.7	`hsl(253.4,83.2%,55.7%)`
HSV (or HSB)	253.4°, 79.7, 92.5
Web Safe	6633ff	`#6633ff`

CIE-LAB	38.451, 64.715, -86.795
XYZ	20.411, 10.343, 80.273
xyY	0.184, 0.093, 10.343
CIE-LCH	38.451, 108.265, 306.709
CIE-LUV	38.451, -0.879, -122.352
Hunter-Lab	32.16, 57.006, -125.477
Binary	01011010, 00110000, 11101100

#5a30ec
```
#5a30ec rgb(90,48,236)
```
#c2ec30
```
#c2ec30 rgb(194,236,48)
```

Complementary Color

#3064ec
```
#3064ec rgb(48,100,236)
```
#5a30ec
```
#5a30ec rgb(90,48,236)
```
#b830ec
```
#b830ec rgb(184,48,236)
```

Analogous Color

#64ec30
```
#64ec30 rgb(100,236,48)
```
#5a30ec
```
#5a30ec rgb(90,48,236)
```
#ecb830
```
#ecb830 rgb(236,184,48)
```

Split Complementary Color

#30ec5a
```
#30ec5a rgb(48,236,90)
```
#5a30ec
```
#5a30ec rgb(90,48,236)
```
#ec5a30
```
#ec5a30 rgb(236,90,48)
```

Triadic Color

#30c2ec
```
#30c2ec rgb(48,194,236)
```
#5a30ec
```
#5a30ec rgb(90,48,236)
```
#ec5a30
```
#ec5a30 rgb(236,90,48)
```
#c2ec30
```
#c2ec30 rgb(194,236,48)
```

Tetradic Color

#3811be
```
#3811be rgb(56,17,190)
```
#3f14d5
```
#3f14d5 rgb(63,20,213)
```
#4719ea
```
#4719ea rgb(71,25,234)
```
#5a30ec
```
#5a30ec rgb(90,48,236)
```
#6d47ee
```
#6d47ee rgb(109,71,238)
```
#7f5ff0
```
#7f5ff0 rgb(127,95,240)
```
#9276f2
```
#9276f2 rgb(146,118,242)
```

Monochromatic Color

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

#3035ec
```
#3035ec rgb(48,53,236)
```
#3b30ec
```
#3b30ec rgb(59,48,236)
```
#4a30ec
```
#4a30ec rgb(74,48,236)
```
#5a30ec
```
#5a30ec rgb(90,48,236)
```
#6a30ec
```
#6a30ec rgb(106,48,236)
```
#7930ec
```
#7930ec rgb(121,48,236)
```
#8930ec
```
#8930ec rgb(137,48,236)
```

Similar Colors

Text with hexadecimal color #5a30ec

This text has a font color of #5a30ec.

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

#5a30ec background color

This paragraph has a background color of #5a30ec.

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

#5a30ec border color

This element has a border color of #5a30ec.

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

CSS codes

.text {color:#5a30ec;}

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

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

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

#030109
```
#030109 rgb(3,1,9)
```
#08021b
```
#08021b rgb(8,2,27)
```
#0d042d
```
#0d042d rgb(13,4,45)
```
#12063e
```
#12063e rgb(18,6,62)
```
#180750
```
#180750 rgb(24,7,80)
```
#1d0962
```
#1d0962 rgb(29,9,98)
```
#220b74
```
#220b74 rgb(34,11,116)
```
#280c86
```
#280c86 rgb(40,12,134)
```
#2d0e98
```
#2d0e98 rgb(45,14,152)
```
#3210aa
```
#3210aa rgb(50,16,170)
```
#3711bc
```
#3711bc rgb(55,17,188)
```
#3d13ce
```
#3d13ce rgb(61,19,206)
```
#4215e0
```
#4215e0 rgb(66,21,224)
```

Shade Color Variation

#4c1eea
```
#4c1eea rgb(76,30,234)
```
#5a30ec
```
#5a30ec rgb(90,48,236)
```
#6842ee
```
#6842ee rgb(104,66,238)
```
#7754ef
```
#7754ef rgb(119,84,239)
```
#8566f1
```
#8566f1 rgb(133,102,241)
```
#9378f3
```
#9378f3 rgb(147,120,243)
```
#a28af4
```
#a28af4 rgb(162,138,244)
```
#b09cf6
```
#b09cf6 rgb(176,156,246)
```
#beaef8
```
#beaef8 rgb(190,174,248)
```
#cdc0f9
```
#cdc0f9 rgb(205,192,249)
```
#dbd2fb
```
#dbd2fb rgb(219,210,251)
```
#e9e4fc
```
#e9e4fc rgb(233,228,252)
```
#f8f6fe
```
#f8f6fe rgb(248,246,254)
```

Tint Color Variation

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

#8a8795
```
#8a8795 rgb(138,135,149)
```
#857e9e
```
#857e9e rgb(133,126,158)
```
#8076a6
```
#8076a6 rgb(128,118,166)
```
#7c6daf
```
#7c6daf rgb(124,109,175)
```
#7764b8
```
#7764b8 rgb(119,100,184)
```
#725bc1
```
#725bc1 rgb(114,91,193)
```
#6d53c9
```
#6d53c9 rgb(109,83,201)
```
#684ad2
```
#684ad2 rgb(104,74,210)
```
#6441db
```
#6441db rgb(100,65,219)
```
#5f39e3
```
#5f39e3 rgb(95,57,227)
```
#5a30ec
```
#5a30ec rgb(90,48,236)
```
#5527f5
```
#5527f5 rgb(85,39,245)
```
#501ffd
```
#501ffd rgb(80,31,253)
```

Tone Color Variation

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

#525252 Achromatopsia 0.005% of the population
#544b71 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0060bb Protanopia 1% of men
#0065a2 Deuteranopia 1% of men
#006c73 Tritanopia 0.001% of the population

Trichromacy

#204ecc Protanomaly 1% of men, 0.01% of women
#2052bd Deuteranomaly 6% of men, 0.4% of women
#20569f Tritanomaly 0.01% of the population

#5a30ec hex color

#5a30ec Color Information

#5a30ec Color Conversion

Color Schemes with #5a30ec

Alternatives to #5a30ec

#5a30ec Preview

Shades and Tints of #5a30ec

Tones of #5a30ec

Color Blindness Simulator