#5730e1 hex color

In a RGB color space, hex #5730e1 is composed of 34.1% red, 18.8% green and 88.2% blue. Whereas in a CMYK color space, it is composed of 61.3% cyan, 78.7% magenta, 0% yellow and 11.8% black. It has a hue angle of 253.2 degrees, a saturation of 74.7% and a lightness of 53.5%. #5730e1 color hex could be obtained by blending #ae60ff with #0000c3. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 34
- G 19
- B 88
RGB color chart
- C 61
- M 79
- Y 0
- K 12
CMYK color chart

● #5730e1 color description : Bright blue.

The hexadecimal color #5730e1 has RGB values of R:87, G:48, B:225 and CMYK values of C:0.61, M:0.79, Y:0, K:0.12. Its decimal value is 5714145.

Hex triplet	5730e1	`#5730e1`
RGB Decimal	87, 48, 225	`rgb(87,48,225)`
RGB Percent	34.1, 18.8, 88.2	`rgb(34.1%,18.8%,88.2%)`
CMYK	61, 79, 0, 12
HSL	253.2°, 74.7, 53.5	`hsl(253.2,74.7%,53.5%)`
HSV (or HSB)	253.2°, 78.7, 88.2
Web Safe	6633cc	`#6633cc`

CIE-LAB	37.07, 61.41, -82.823
XYZ	18.575, 9.576, 72.099
xyY	0.185, 0.096, 9.576
CIE-LCH	37.07, 103.106, 306.556
CIE-LUV	37.07, -0.741, -115.971
Hunter-Lab	30.945, 52.997, -116.482
Binary	01010111, 00110000, 11100001

#5730e1
```
#5730e1 rgb(87,48,225)
```
#bae130
```
#bae130 rgb(186,225,48)
```

Complementary Color

#3062e1
```
#3062e1 rgb(48,98,225)
```
#5730e1
```
#5730e1 rgb(87,48,225)
```
#b030e1
```
#b030e1 rgb(176,48,225)
```

Analogous Color

#62e130
```
#62e130 rgb(98,225,48)
```
#5730e1
```
#5730e1 rgb(87,48,225)
```
#e1b030
```
#e1b030 rgb(225,176,48)
```

Split Complementary Color

#30e157
```
#30e157 rgb(48,225,87)
```
#5730e1
```
#5730e1 rgb(87,48,225)
```
#e15730
```
#e15730 rgb(225,87,48)
```

Triadic Color

#30bae1
```
#30bae1 rgb(48,186,225)
```
#5730e1
```
#5730e1 rgb(87,48,225)
```
#e15730
```
#e15730 rgb(225,87,48)
```
#bae130
```
#bae130 rgb(186,225,48)
```

Tetradic Color

#3919ac
```
#3919ac rgb(57,25,172)
```
#411cc2
```
#411cc2 rgb(65,28,194)
```
#481fd8
```
#481fd8 rgb(72,31,216)
```
#5730e1
```
#5730e1 rgb(87,48,225)
```
#6946e4
```
#6946e4 rgb(105,70,228)
```
#7b5de7
```
#7b5de7 rgb(123,93,231)
```
#8d73eb
```
#8d73eb rgb(141,115,235)
```

Monochromatic Color

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

#3035e1
```
#3035e1 rgb(48,53,225)
```
#3930e1
```
#3930e1 rgb(57,48,225)
```
#4830e1
```
#4830e1 rgb(72,48,225)
```
#5730e1
```
#5730e1 rgb(87,48,225)
```
#6630e1
```
#6630e1 rgb(102,48,225)
```
#7530e1
```
#7530e1 rgb(117,48,225)
```
#8330e1
```
#8330e1 rgb(131,48,225)
```

Similar Colors

Text with hexadecimal color #5730e1

This text has a font color of #5730e1.

<span style="color:#5730e1;">Text here</span>

#5730e1 background color

This paragraph has a background color of #5730e1.

<p style="background-color:#5730e1;">Content here</p>

#5730e1 border color

This element has a border color of #5730e1.

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

CSS codes

.text {color:#5730e1;}

.background {background-color:#5730e1;}

.border {border:1px solid #5730e1;}

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

#050210
```
#050210 rgb(5,2,16)
```
#0b0521
```
#0b0521 rgb(11,5,33)
```
#110732
```
#110732 rgb(17,7,50)
```
#160a43
```
#160a43 rgb(22,10,67)
```
#1c0c54
```
#1c0c54 rgb(28,12,84)
```
#220f65
```
#220f65 rgb(34,15,101)
```
#281177
```
#281177 rgb(40,17,119)
```
#2d1488
```
#2d1488 rgb(45,20,136)
```
#331699
```
#331699 rgb(51,22,153)
```
#3919aa
```
#3919aa rgb(57,25,170)
```
#3e1bbb
```
#3e1bbb rgb(62,27,187)
```
#441ecc
```
#441ecc rgb(68,30,204)
```
#4a20dd
```
#4a20dd rgb(74,32,221)
```

Shade Color Variation

#5730e1
```
#5730e1 rgb(87,48,225)
```
#6541e3
```
#6541e3 rgb(101,65,227)
```
#7352e6
```
#7352e6 rgb(115,82,230)
```
#8163e8
```
#8163e8 rgb(129,99,232)
```
#8f75eb
```
#8f75eb rgb(143,117,235)
```
#9d86ed
```
#9d86ed rgb(157,134,237)
```
#aa97f0
```
#aa97f0 rgb(170,151,240)
```
#b8a8f2
```
#b8a8f2 rgb(184,168,242)
```
#c6b9f5
```
#c6b9f5 rgb(198,185,245)
```
#d4caf7
```
#d4caf7 rgb(212,202,247)
```
#e2dbfa
```
#e2dbfa rgb(226,219,250)
```
#f0ecfc
```
#f0ecfc rgb(240,236,252)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#85828f
```
#85828f rgb(133,130,143)
```
#807998
```
#807998 rgb(128,121,152)
```
#7b70a1
```
#7b70a1 rgb(123,112,161)
```
#7667aa
```
#7667aa rgb(118,103,170)
```
#705eb3
```
#705eb3 rgb(112,94,179)
```
#6b54bd
```
#6b54bd rgb(107,84,189)
```
#664bc6
```
#664bc6 rgb(102,75,198)
```
#6142cf
```
#6142cf rgb(97,66,207)
```
#5c39d8
```
#5c39d8 rgb(92,57,216)
```
#5730e1
```
#5730e1 rgb(87,48,225)
```
#5227ea
```
#5227ea rgb(82,39,234)
```
#4d1ef3
```
#4d1ef3 rgb(77,30,243)
```
#4815fc
```
#4815fc rgb(72,21,252)
```

Tone Color Variation

Below, you can see how #5730e1 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

#505050 Achromatopsia 0.005% of the population
#514a6d Atypical Achromatopsia 0.001% of the population

Dichromacy

#005db5 Protanopia 1% of men
#00629d Deuteranopia 1% of men
#006970 Tritanopia 0.001% of the population

Trichromacy

#1f4cc5 Protanomaly 1% of men, 0.01% of women
#1f50b5 Deuteranomaly 6% of men, 0.4% of women
#1f5499 Tritanomaly 0.01% of the population

#5730e1 hex color

#5730e1 Color Information

#5730e1 Color Conversion

Color Schemes with #5730e1

Alternatives to #5730e1

#5730e1 Preview

Shades and Tints of #5730e1

Tones of #5730e1

Color Blindness Simulator