#570ed7 hex color

In a RGB color space, hex #570ed7 is composed of 34.1% red, 5.5% green and 84.3% blue. Whereas in a CMYK color space, it is composed of 59.5% cyan, 93.5% magenta, 0% yellow and 15.7% black. It has a hue angle of 261.8 degrees, a saturation of 87.8% and a lightness of 44.9%. #570ed7 color hex could be obtained by blending #ae1cff with #0000af. Closest websafe color is: #6600cc.

♥
- f
- t
- g
- R 34
- G 5
- B 84
RGB color chart
- C 60
- M 93
- Y 0
- K 16
CMYK color chart

● #570ed7 color description : Strong violet.

The hexadecimal color #570ed7 has RGB values of R:87, G:14, B:215 and CMYK values of C:0.6, M:0.93, Y:0, K:0.16. Its decimal value is 5705431.

Hex triplet	570ed7	`#570ed7`
RGB Decimal	87, 14, 215	`rgb(87,14,215)`
RGB Percent	34.1, 5.5, 84.3	`rgb(34.1%,5.5%,84.3%)`
CMYK	60, 93, 0, 16
HSL	261.8°, 87.8, 44.9	`hsl(261.8,87.8%,44.9%)`
HSV (or HSB)	261.8°, 93.5, 84.3
Web Safe	6600cc	`#6600cc`

CIE-LAB	32.361, 69.63, -84.869
XYZ	16.351, 7.246, 64.823
xyY	0.185, 0.082, 7.246
CIE-LCH	32.361, 109.777, 309.367
CIE-LUV	32.361, 2.886, -111.158
Hunter-Lab	26.919, 61.317, -123.934
Binary	01010111, 00001110, 11010111

#570ed7
```
#570ed7 rgb(87,14,215)
```
#8ed70e
```
#8ed70e rgb(142,215,14)
```

Complementary Color

#0e2ad7
```
#0e2ad7 rgb(14,42,215)
```
#570ed7
```
#570ed7 rgb(87,14,215)
```
#bc0ed7
```
#bc0ed7 rgb(188,14,215)
```

Analogous Color

#2ad70e
```
#2ad70e rgb(42,215,14)
```
#570ed7
```
#570ed7 rgb(87,14,215)
```
#d7bc0e
```
#d7bc0e rgb(215,188,14)
```

Split Complementary Color

#0ed757
```
#0ed757 rgb(14,215,87)
```
#570ed7
```
#570ed7 rgb(87,14,215)
```
#d7570e
```
#d7570e rgb(215,87,14)
```

Triadic Color

#0e8ed7
```
#0e8ed7 rgb(14,142,215)
```
#570ed7
```
#570ed7 rgb(87,14,215)
```
#d7570e
```
#d7570e rgb(215,87,14)
```
#8ed70e
```
#8ed70e rgb(142,215,14)
```

Tetradic Color

#3a098f
```
#3a098f rgb(58,9,143)
```
#440ba7
```
#440ba7 rgb(68,11,167)
```
#4d0cbf
```
#4d0cbf rgb(77,12,191)
```
#570ed7
```
#570ed7 rgb(87,14,215)
```
#6110ef
```
#6110ef rgb(97,16,239)
```
#7027f1
```
#7027f1 rgb(112,39,241)
```
#803ff2
```
#803ff2 rgb(128,63,242)
```

Monochromatic Color

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

#250ed7
```
#250ed7 rgb(37,14,215)
```
#360ed7
```
#360ed7 rgb(54,14,215)
```
#460ed7
```
#460ed7 rgb(70,14,215)
```
#570ed7
```
#570ed7 rgb(87,14,215)
```
#680ed7
```
#680ed7 rgb(104,14,215)
```
#790ed7
```
#790ed7 rgb(121,14,215)
```
#890ed7
```
#890ed7 rgb(137,14,215)
```

Similar Colors

Text with hexadecimal color #570ed7

This text has a font color of #570ed7.

<span style="color:#570ed7;">Text here</span>

#570ed7 background color

This paragraph has a background color of #570ed7.

<p style="background-color:#570ed7;">Content here</p>

#570ed7 border color

This element has a border color of #570ed7.

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

CSS codes

.text {color:#570ed7;}

.background {background-color:#570ed7;}

.border {border:1px solid #570ed7;}

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

#05010c
```
#05010c rgb(5,1,12)
```
#0c021f
```
#0c021f rgb(12,2,31)
```
#140331
```
#140331 rgb(20,3,49)
```
#1b0444
```
#1b0444 rgb(27,4,68)
```
#230656
```
#230656 rgb(35,6,86)
```
#2a0769
```
#2a0769 rgb(42,7,105)
```
#32087b
```
#32087b rgb(50,8,123)
```
#39098d
```
#39098d rgb(57,9,141)
```
#410aa0
```
#410aa0 rgb(65,10,160)
```
#480cb2
```
#480cb2 rgb(72,12,178)
```
#500dc5
```
#500dc5 rgb(80,13,197)
```
#570ed7
```
#570ed7 rgb(87,14,215)
```
#5e0fe9
```
#5e0fe9 rgb(94,15,233)
```

Shade Color Variation

#691cf0
```
#691cf0 rgb(105,28,240)
```
#752ef1
```
#752ef1 rgb(117,46,241)
```
#8141f3
```
#8141f3 rgb(129,65,243)
```
#8e53f4
```
#8e53f4 rgb(142,83,244)
```
#9a66f5
```
#9a66f5 rgb(154,102,245)
```
#a678f6
```
#a678f6 rgb(166,120,246)
```
#b28bf7
```
#b28bf7 rgb(178,139,247)
```
#be9df9
```
#be9df9 rgb(190,157,249)
```
#caaffa
```
#caaffa rgb(202,175,250)
```
#d7c2fb
```
#d7c2fb rgb(215,194,251)
```
#e3d4fc
```
#e3d4fc rgb(227,212,252)
```
#efe7fd
```
#efe7fd rgb(239,231,253)
```
#fbf9ff
```
#fbf9ff rgb(251,249,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #726f76 is the less saturated color, while #5505e0 is the most saturated one.

#726f76
```
#726f76 rgb(114,111,118)
```
#6f667f
```
#6f667f rgb(111,102,127)
```
#6d5d88
```
#6d5d88 rgb(109,93,136)
```
#6a5491
```
#6a5491 rgb(106,84,145)
```
#684c99
```
#684c99 rgb(104,76,153)
```
#6543a2
```
#6543a2 rgb(101,67,162)
```
#633aab
```
#633aab rgb(99,58,171)
```
#6131b4
```
#6131b4 rgb(97,49,180)
```
#5e28bd
```
#5e28bd rgb(94,40,189)
```
#5c20c5
```
#5c20c5 rgb(92,32,197)
```
#5917ce
```
#5917ce rgb(89,23,206)
```
#570ed7
```
#570ed7 rgb(87,14,215)
```
#5505e0
```
#5505e0 rgb(85,5,224)
```

Tone Color Variation

Below, you can see how #570ed7 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

#3b3b3b Achromatopsia 0.005% of the population
#41325a Atypical Achromatopsia 0.001% of the population

Dichromacy

#0053a1 Protanopia 1% of men
#00578b Deuteranopia 1% of men
#005d64 Tritanopia 0.001% of the population

Trichromacy

#1f39b4 Protanomaly 1% of men, 0.01% of women
#1f3da6 Deuteranomaly 6% of men, 0.4% of women
#1f408e Tritanomaly 0.01% of the population

#570ed7 hex color

#570ed7 Color Information

#570ed7 Color Conversion

Color Schemes with #570ed7

Alternatives to #570ed7

#570ed7 Preview

Shades and Tints of #570ed7

Tones of #570ed7

Color Blindness Simulator