#5702e2 hex color

In a RGB color space, hex #5702e2 is composed of 34.1% red, 0.8% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 61.5% cyan, 99.1% magenta, 0% yellow and 11.4% black. It has a hue angle of 262.8 degrees, a saturation of 98.2% and a lightness of 44.7%. #5702e2 color hex could be obtained by blending #ae04ff with #0000c5. Closest websafe color is: #6600cc.

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

● #5702e2 color description : Vivid violet.

The hexadecimal color #5702e2 has RGB values of R:87, G:2, B:226 and CMYK values of C:0.62, M:0.99, Y:0, K:0.11. Its decimal value is 5702370.

Hex triplet	5702e2	`#5702e2`
RGB Decimal	87, 2, 226	`rgb(87,2,226)`
RGB Percent	34.1, 0.8, 88.6	`rgb(34.1%,0.8%,88.6%)`
CMYK	62, 99, 0, 11
HSL	262.8°, 98.2, 44.7	`hsl(262.8,98.2%,44.7%)`
HSV (or HSB)	262.8°, 99.1, 88.6
Web Safe	6600cc	`#6600cc`

CIE-LAB	33.049, 73.985, -90.057
XYZ	17.677, 7.56, 72.475
xyY	0.181, 0.077, 7.56
CIE-LCH	33.049, 116.551, 309.404
CIE-LUV	33.049, 2.171, -117.335
Hunter-Lab	27.496, 66.642, -137.034
Binary	01010111, 00000010, 11100010

#5702e2
```
#5702e2 rgb(87,2,226)
```
#8de202
```
#8de202 rgb(141,226,2)
```

Complementary Color

#021de2
```
#021de2 rgb(2,29,226)
```
#5702e2
```
#5702e2 rgb(87,2,226)
```
#c702e2
```
#c702e2 rgb(199,2,226)
```

Analogous Color

#1de202
```
#1de202 rgb(29,226,2)
```
#5702e2
```
#5702e2 rgb(87,2,226)
```
#e2c702
```
#e2c702 rgb(226,199,2)
```

Split Complementary Color

#02e257
```
#02e257 rgb(2,226,87)
```
#5702e2
```
#5702e2 rgb(87,2,226)
```
#e25702
```
#e25702 rgb(226,87,2)
```

Triadic Color

#028de2
```
#028de2 rgb(2,141,226)
```
#5702e2
```
#5702e2 rgb(87,2,226)
```
#e25702
```
#e25702 rgb(226,87,2)
```
#8de202
```
#8de202 rgb(141,226,2)
```

Tetradic Color

#3a0196
```
#3a0196 rgb(58,1,150)
```
#4402af
```
#4402af rgb(68,2,175)
```
#4d02c9
```
#4d02c9 rgb(77,2,201)
```
#5702e2
```
#5702e2 rgb(87,2,226)
```
#6102fb
```
#6102fb rgb(97,2,251)
```
#701afd
```
#701afd rgb(112,26,253)
```
#8033fd
```
#8033fd rgb(128,51,253)
```

Monochromatic Color

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

#1f02e2
```
#1f02e2 rgb(31,2,226)
```
#3202e2
```
#3202e2 rgb(50,2,226)
```
#4402e2
```
#4402e2 rgb(68,2,226)
```
#5702e2
```
#5702e2 rgb(87,2,226)
```
#6a02e2
```
#6a02e2 rgb(106,2,226)
```
#7c02e2
```
#7c02e2 rgb(124,2,226)
```
#8f02e2
```
#8f02e2 rgb(143,2,226)
```

Similar Colors

Text with hexadecimal color #5702e2

This text has a font color of #5702e2.

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

#5702e2 background color

This paragraph has a background color of #5702e2.

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

#5702e2 border color

This element has a border color of #5702e2.

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

CSS codes

.text {color:#5702e2;}

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

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

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, #05000c is the darkest color, while #faf8ff is the lightest one.

#05000c
```
#05000c rgb(5,0,12)
```
#0c0020
```
#0c0020 rgb(12,0,32)
```
#140033
```
#140033 rgb(20,0,51)
```
#1b0146
```
#1b0146 rgb(27,1,70)
```
#23015a
```
#23015a rgb(35,1,90)
```
#2a016d
```
#2a016d rgb(42,1,109)
```
#320181
```
#320181 rgb(50,1,129)
```
#390194
```
#390194 rgb(57,1,148)
```
#4101a8
```
#4101a8 rgb(65,1,168)
```
#4802bb
```
#4802bb rgb(72,2,187)
```
#5002cf
```
#5002cf rgb(80,2,207)
```
#5702e2
```
#5702e2 rgb(87,2,226)
```
#5e02f5
```
#5e02f5 rgb(94,2,245)
```

Shade Color Variation

#690efd
```
#690efd rgb(105,14,253)
```
#7522fd
```
#7522fd rgb(117,34,253)
```
#8135fd
```
#8135fd rgb(129,53,253)
```
#8d49fd
```
#8d49fd rgb(141,73,253)
```
#995cfe
```
#995cfe rgb(153,92,254)
```
#a670fe
```
#a670fe rgb(166,112,254)
```
#b283fe
```
#b283fe rgb(178,131,254)
```
#be96fe
```
#be96fe rgb(190,150,254)
```
#caaafe
```
#caaafe rgb(202,170,254)
```
#d6bdfe
```
#d6bdfe rgb(214,189,254)
```
#e2d1ff
```
#e2d1ff rgb(226,209,255)
```
#eee4ff
```
#eee4ff rgb(238,228,255)
```
#faf8ff
```
#faf8ff rgb(250,248,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #706b79 is the less saturated color, while #5702e2 is the most saturated one.

#706b79
```
#706b79 rgb(112,107,121)
```
#6e6282
```
#6e6282 rgb(110,98,130)
```
#6c5a8a
```
#6c5a8a rgb(108,90,138)
```
#6a5193
```
#6a5193 rgb(106,81,147)
```
#68489c
```
#68489c rgb(104,72,156)
```
#663fa5
```
#663fa5 rgb(102,63,165)
```
#6437ad
```
#6437ad rgb(100,55,173)
```
#622eb6
```
#622eb6 rgb(98,46,182)
```
#5f25bf
```
#5f25bf rgb(95,37,191)
```
#5d1cc8
```
#5d1cc8 rgb(93,28,200)
```
#5b14d0
```
#5b14d0 rgb(91,20,208)
```
#590bd9
```
#590bd9 rgb(89,11,217)
```
#5702e2
```
#5702e2 rgb(87,2,226)
```

Tone Color Variation

Below, you can see how #5702e2 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

#353535 Achromatopsia 0.005% of the population
#3c2b58 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0054a3 Protanopia 1% of men
#00598d Deuteranopia 1% of men
#005f65 Tritanopia 0.001% of the population

Trichromacy

#1f36ba Protanomaly 1% of men, 0.01% of women
#1f39ac Deuteranomaly 6% of men, 0.4% of women
#1f3d92 Tritanomaly 0.01% of the population

#5702e2 hex color

#5702e2 Color Information

#5702e2 Color Conversion

Color Schemes with #5702e2

Alternatives to #5702e2

#5702e2 Preview

Shades and Tints of #5702e2

Tones of #5702e2

Color Blindness Simulator