#570aea hex color

In a RGB color space, hex #570aea is composed of 34.1% red, 3.9% green and 91.8% blue. Whereas in a CMYK color space, it is composed of 62.8% cyan, 95.7% magenta, 0% yellow and 8.2% black. It has a hue angle of 260.6 degrees, a saturation of 91.8% and a lightness of 47.8%. #570aea color hex could be obtained by blending #ae14ff with #0000d5. Closest websafe color is: #6600ff.

♥
- f
- t
- g
- R 34
- G 4
- B 92
RGB color chart
- C 63
- M 96
- Y 0
- K 8
CMYK color chart

● #570aea color description : Vivid violet.

The hexadecimal color #570aea has RGB values of R:87, G:10, B:234 and CMYK values of C:0.63, M:0.96, Y:0, K:0.08. Its decimal value is 5704426.

Hex triplet	570aea	`#570aea`
RGB Decimal	87, 10, 234	`rgb(87,10,234)`
RGB Percent	34.1, 3.9, 91.8	`rgb(34.1%,3.9%,91.8%)`
CMYK	63, 96, 0, 8
HSL	260.6°, 91.8, 47.8	`hsl(260.6,91.8%,47.8%)`
HSV (or HSB)	260.6°, 95.7, 91.8
Web Safe	6600ff	`#6600ff`

CIE-LAB	34.361, 74.7, -92.446
XYZ	18.888, 8.183, 78.422
xyY	0.179, 0.078, 8.183
CIE-LCH	34.361, 118.854, 308.94
CIE-LUV	34.361, 1.167, -121.918
Hunter-Lab	28.606, 67.796, -142.514
Binary	01010111, 00001010, 11101010

#570aea
```
#570aea rgb(87,10,234)
```
#9dea0a
```
#9dea0a rgb(157,234,10)
```

Complementary Color

#0a2dea
```
#0a2dea rgb(10,45,234)
```
#570aea
```
#570aea rgb(87,10,234)
```
#c70aea
```
#c70aea rgb(199,10,234)
```

Analogous Color

#2dea0a
```
#2dea0a rgb(45,234,10)
```
#570aea
```
#570aea rgb(87,10,234)
```
#eac70a
```
#eac70a rgb(234,199,10)
```

Split Complementary Color

#0aea57
```
#0aea57 rgb(10,234,87)
```
#570aea
```
#570aea rgb(87,10,234)
```
#ea570a
```
#ea570a rgb(234,87,10)
```

Triadic Color

#0a9dea
```
#0a9dea rgb(10,157,234)
```
#570aea
```
#570aea rgb(87,10,234)
```
#ea570a
```
#ea570a rgb(234,87,10)
```
#9dea0a
```
#9dea0a rgb(157,234,10)
```

Tetradic Color

#3c07a1
```
#3c07a1 rgb(60,7,161)
```
#4508b9
```
#4508b9 rgb(69,8,185)
```
#4e09d2
```
#4e09d2 rgb(78,9,210)
```
#570aea
```
#570aea rgb(87,10,234)
```
#6418f5
```
#6418f5 rgb(100,24,245)
```
#7531f6
```
#7531f6 rgb(117,49,246)
```
#8549f7
```
#8549f7 rgb(133,73,247)
```

Monochromatic Color

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

#1f0aea
```
#1f0aea rgb(31,10,234)
```
#320aea
```
#320aea rgb(50,10,234)
```
#440aea
```
#440aea rgb(68,10,234)
```
#570aea
```
#570aea rgb(87,10,234)
```
#6a0aea
```
#6a0aea rgb(106,10,234)
```
#7c0aea
```
#7c0aea rgb(124,10,234)
```
#8f0aea
```
#8f0aea rgb(143,10,234)
```

Similar Colors

Text with hexadecimal color #570aea

This text has a font color of #570aea.

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

#570aea background color

This paragraph has a background color of #570aea.

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

#570aea border color

This element has a border color of #570aea.

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

CSS codes

.text {color:#570aea;}

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

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

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

#030008
```
#030008 rgb(3,0,8)
```
#0a011b
```
#0a011b rgb(10,1,27)
```
#11022e
```
#11022e rgb(17,2,46)
```
#180341
```
#180341 rgb(24,3,65)
```
#1f0454
```
#1f0454 rgb(31,4,84)
```
#260466
```
#260466 rgb(38,4,102)
```
#2d0579
```
#2d0579 rgb(45,5,121)
```
#34068c
```
#34068c rgb(52,6,140)
```
#3b079f
```
#3b079f rgb(59,7,159)
```
#4208b2
```
#4208b2 rgb(66,8,178)
```
#4908c4
```
#4908c4 rgb(73,8,196)
```
#5009d7
```
#5009d7 rgb(80,9,215)
```
#570aea
```
#570aea rgb(87,10,234)
```

Shade Color Variation

#6013f5
```
#6013f5 rgb(96,19,245)
```
#6d26f6
```
#6d26f6 rgb(109,38,246)
```
#7a38f7
```
#7a38f7 rgb(122,56,247)
```
#864bf7
```
#864bf7 rgb(134,75,247)
```
#935ef8
```
#935ef8 rgb(147,94,248)
```
#a071f9
```
#a071f9 rgb(160,113,249)
```
#ac84fa
```
#ac84fa rgb(172,132,250)
```
#b996fb
```
#b996fb rgb(185,150,251)
```
#c5a9fb
```
#c5a9fb rgb(197,169,251)
```
#d2bcfc
```
#d2bcfc rgb(210,188,252)
```
#dfcffd
```
#dfcffd rgb(223,207,253)
```
#ebe2fe
```
#ebe2fe rgb(235,226,254)
```
#f8f4ff
```
#f8f4ff rgb(248,244,255)
```

Tint Color Variation

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

#777183
```
#777183 rgb(119,113,131)
```
#74688c
```
#74688c rgb(116,104,140)
```
#715e96
```
#715e96 rgb(113,94,150)
```
#6e559f
```
#6e559f rgb(110,85,159)
```
#6c4ca8
```
#6c4ca8 rgb(108,76,168)
```
#6942b2
```
#6942b2 rgb(105,66,178)
```
#6639bb
```
#6639bb rgb(102,57,187)
```
#6330c4
```
#6330c4 rgb(99,48,196)
```
#6026ce
```
#6026ce rgb(96,38,206)
```
#5d1dd7
```
#5d1dd7 rgb(93,29,215)
```
#5a13e1
```
#5a13e1 rgb(90,19,225)
```
#570aea
```
#570aea rgb(87,10,234)
```
#5401f3
```
#5401f3 rgb(84,1,243)
```

Tone Color Variation

Below, you can see how #570aea 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
#41315e Atypical Achromatopsia 0.001% of the population

Dichromacy

#0057a9 Protanopia 1% of men
#005c92 Deuteranopia 1% of men
#006268 Tritanopia 0.001% of the population

Trichromacy

#1f3bc0 Protanomaly 1% of men, 0.01% of women
#1f3eb2 Deuteranomaly 6% of men, 0.4% of women
#1f4297 Tritanomaly 0.01% of the population

#570aea hex color

#570aea Color Information

#570aea Color Conversion

Color Schemes with #570aea

Alternatives to #570aea

#570aea Preview

Shades and Tints of #570aea

Tones of #570aea

Color Blindness Simulator