#5730e2 hex color

In a RGB color space, hex #5730e2 is composed of 34.1% red, 18.8% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 61.5% cyan, 78.8% magenta, 0% yellow and 11.4% black. It has a hue angle of 253.1 degrees, a saturation of 75.4% and a lightness of 53.7%. #5730e2 color hex could be obtained by blending #ae60ff with #0000c5. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 34
- G 19
- B 89
RGB color chart
- C 62
- M 79
- Y 0
- K 11
CMYK color chart

● #5730e2 color description : Bright blue.

The hexadecimal color #5730e2 has RGB values of R:87, G:48, B:226 and CMYK values of C:0.62, M:0.79, Y:0, K:0.11. Its decimal value is 5714146.

Hex triplet	5730e2	`#5730e2`
RGB Decimal	87, 48, 226	`rgb(87,48,226)`
RGB Percent	34.1, 18.8, 88.6	`rgb(34.1%,18.8%,88.6%)`
CMYK	62, 79, 0, 11
HSL	253.1°, 75.4, 53.7	`hsl(253.1,75.4%,53.7%)`
HSV (or HSB)	253.1°, 78.8, 88.6
Web Safe	6633cc	`#6633cc`

CIE-LAB	37.171, 61.686, -83.228
XYZ	18.712, 9.63, 72.82
xyY	0.185, 0.095, 9.63
CIE-LCH	37.171, 103.595, 306.545
CIE-LUV	37.171, -0.826, -116.563
Hunter-Lab	31.033, 53.325, -117.403
Binary	01010111, 00110000, 11100010

#5730e2
```
#5730e2 rgb(87,48,226)
```
#bbe230
```
#bbe230 rgb(187,226,48)
```

Complementary Color

#3062e2
```
#3062e2 rgb(48,98,226)
```
#5730e2
```
#5730e2 rgb(87,48,226)
```
#b030e2
```
#b030e2 rgb(176,48,226)
```

Analogous Color

#62e230
```
#62e230 rgb(98,226,48)
```
#5730e2
```
#5730e2 rgb(87,48,226)
```
#e2b030
```
#e2b030 rgb(226,176,48)
```

Split Complementary Color

#30e257
```
#30e257 rgb(48,226,87)
```
#5730e2
```
#5730e2 rgb(87,48,226)
```
#e25730
```
#e25730 rgb(226,87,48)
```

Triadic Color

#30bbe2
```
#30bbe2 rgb(48,187,226)
```
#5730e2
```
#5730e2 rgb(87,48,226)
```
#e25730
```
#e25730 rgb(226,87,48)
```
#bbe230
```
#bbe230 rgb(187,226,48)
```

Tetradic Color

#3918ad
```
#3918ad rgb(57,24,173)
```
#401bc4
```
#401bc4 rgb(64,27,196)
```
#481fda
```
#481fda rgb(72,31,218)
```
#5730e2
```
#5730e2 rgb(87,48,226)
```
#6946e5
```
#6946e5 rgb(105,70,229)
```
#7b5de8
```
#7b5de8 rgb(123,93,232)
```
#8d73eb
```
#8d73eb rgb(141,115,235)
```

Monochromatic Color

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

#3036e2
```
#3036e2 rgb(48,54,226)
```
#3930e2
```
#3930e2 rgb(57,48,226)
```
#4830e2
```
#4830e2 rgb(72,48,226)
```
#5730e2
```
#5730e2 rgb(87,48,226)
```
#6630e2
```
#6630e2 rgb(102,48,226)
```
#7530e2
```
#7530e2 rgb(117,48,226)
```
#8430e2
```
#8430e2 rgb(132,48,226)
```

Similar Colors

Text with hexadecimal color #5730e2

This text has a font color of #5730e2.

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

#5730e2 background color

This paragraph has a background color of #5730e2.

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

#5730e2 border color

This element has a border color of #5730e2.

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

CSS codes

.text {color:#5730e2;}

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

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

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

#050211
```
#050211 rgb(5,2,17)
```
#0b0522
```
#0b0522 rgb(11,5,34)
```
#110733
```
#110733 rgb(17,7,51)
```
#160a44
```
#160a44 rgb(22,10,68)
```
#1c0c55
```
#1c0c55 rgb(28,12,85)
```
#220e67
```
#220e67 rgb(34,14,103)
```
#271178
```
#271178 rgb(39,17,120)
```
#2d1389
```
#2d1389 rgb(45,19,137)
```
#33169a
```
#33169a rgb(51,22,154)
```
#3818ac
```
#3818ac rgb(56,24,172)
```
#3e1abd
```
#3e1abd rgb(62,26,189)
```
#441dce
```
#441dce rgb(68,29,206)
```
#491fdf
```
#491fdf rgb(73,31,223)
```

Shade Color Variation

#5730e2
```
#5730e2 rgb(87,48,226)
```
#6541e4
```
#6541e4 rgb(101,65,228)
```
#7352e7
```
#7352e7 rgb(115,82,231)
```
#8164e9
```
#8164e9 rgb(129,100,233)
```
#8f75ec
```
#8f75ec rgb(143,117,236)
```
#9d86ee
```
#9d86ee rgb(157,134,238)
```
#ab97f0
```
#ab97f0 rgb(171,151,240)
```
#b9a8f3
```
#b9a8f3 rgb(185,168,243)
```
#c7baf5
```
#c7baf5 rgb(199,186,245)
```
#d5cbf8
```
#d5cbf8 rgb(213,203,248)
```
#e3dcfa
```
#e3dcfa rgb(227,220,250)
```
#f1edfd
```
#f1edfd rgb(241,237,253)
```
#fffeff
```
#fffeff rgb(255,254,255)
```

Tint Color Variation

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

#858290
```
#858290 rgb(133,130,144)
```
#807999
```
#807999 rgb(128,121,153)
```
#7b70a2
```
#7b70a2 rgb(123,112,162)
```
#7666ac
```
#7666ac rgb(118,102,172)
```
#705db5
```
#705db5 rgb(112,93,181)
```
#6b54be
```
#6b54be rgb(107,84,190)
```
#664bc7
```
#664bc7 rgb(102,75,199)
```
#6142d0
```
#6142d0 rgb(97,66,208)
```
#5c39d9
```
#5c39d9 rgb(92,57,217)
```
#5730e2
```
#5730e2 rgb(87,48,226)
```
#5227eb
```
#5227eb rgb(82,39,235)
```
#4d1ef4
```
#4d1ef4 rgb(77,30,244)
```
#4815fd
```
#4815fd rgb(72,21,253)
```

Tone Color Variation

Below, you can see how #5730e2 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
#1f50b6 Deuteranomaly 6% of men, 0.4% of women
#1f5499 Tritanomaly 0.01% of the population

#5730e2 hex color

#5730e2 Color Information

#5730e2 Color Conversion

Color Schemes with #5730e2

Alternatives to #5730e2

#5730e2 Preview

Shades and Tints of #5730e2

Tones of #5730e2

Color Blindness Simulator