#570cff hex color

In a RGB color space, hex #570cff is composed of 34.1% red, 4.7% green and 100% blue. Whereas in a CMYK color space, it is composed of 65.9% cyan, 95.3% magenta, 0% yellow and 0% black. It has a hue angle of 258.5 degrees, a saturation of 100% and a lightness of 52.4%. #570cff color hex could be obtained by blending #ae18ff with #0000ff. Closest websafe color is: #6600ff.

♥
- f
- t
- g
- R 34
- G 5
- B 100
RGB color chart
- C 66
- M 95
- Y 0
- K 0
CMYK color chart

● #570cff color description : Vivid violet.

The hexadecimal color #570cff has RGB values of R:87, G:12, B:255 and CMYK values of C:0.66, M:0.95, Y:0, K:0. Its decimal value is 5704959.

Hex triplet	570cff	`#570cff`
RGB Decimal	87, 12, 255	`rgb(87,12,255)`
RGB Percent	34.1, 4.7, 100	`rgb(34.1%,4.7%,100%)`
CMYK	66, 95, 0, 0
HSL	258.5°, 100, 52.4	`hsl(258.5,100%,52.4%)`
HSV (or HSB)	258.5°, 95.3, 100
Web Safe	6600ff	`#6600ff`

CIE-LAB	36.945, 79.288, -100.009
XYZ	22.109, 9.508, 95.272
xyY	0.174, 0.075, 9.508
CIE-LCH	36.945, 127.626, 308.408
CIE-LUV	36.945, -0.749, -133.713
Hunter-Lab	30.835, 74.02, -161.604
Binary	01010111, 00001100, 11111111

#570cff
```
#570cff rgb(87,12,255)
```
#b4ff0c
```
#b4ff0c rgb(180,255,12)
```

Complementary Color

#0c3aff
```
#0c3aff rgb(12,58,255)
```
#570cff
```
#570cff rgb(87,12,255)
```
#d10cff
```
#d10cff rgb(209,12,255)
```

Analogous Color

#3bff0c
```
#3bff0c rgb(59,255,12)
```
#570cff
```
#570cff rgb(87,12,255)
```
#ffd10c
```
#ffd10c rgb(255,209,12)
```

Split Complementary Color

#0cff57
```
#0cff57 rgb(12,255,87)
```
#570cff
```
#570cff rgb(87,12,255)
```
#ff570c
```
#ff570c rgb(255,87,12)
```

Triadic Color

#0cb4ff
```
#0cb4ff rgb(12,180,255)
```
#570cff
```
#570cff rgb(87,12,255)
```
#ff570c
```
#ff570c rgb(255,87,12)
```
#b4ff0c
```
#b4ff0c rgb(180,255,12)
```

Tetradic Color

#3b00bf
```
#3b00bf rgb(59,0,191)
```
#4300d8
```
#4300d8 rgb(67,0,216)
```
#4b00f2
```
#4b00f2 rgb(75,0,242)
```
#570cff
```
#570cff rgb(87,12,255)
```
#6926ff
```
#6926ff rgb(105,38,255)
```
#7a3fff
```
#7a3fff rgb(122,63,255)
```
#8c59ff
```
#8c59ff rgb(140,89,255)
```

Monochromatic Color

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

#1a0cff
```
#1a0cff rgb(26,12,255)
```
#2f0cff
```
#2f0cff rgb(47,12,255)
```
#430cff
```
#430cff rgb(67,12,255)
```
#570cff
```
#570cff rgb(87,12,255)
```
#6b0cff
```
#6b0cff rgb(107,12,255)
```
#800cff
```
#800cff rgb(128,12,255)
```
#940cff
```
#940cff rgb(148,12,255)
```

Similar Colors

Text with hexadecimal color #570cff

This text has a font color of #570cff.

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

#570cff background color

This paragraph has a background color of #570cff.

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

#570cff border color

This element has a border color of #570cff.

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

CSS codes

.text {color:#570cff;}

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

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

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

#04000c
```
#04000c rgb(4,0,12)
```
#0a0020
```
#0a0020 rgb(10,0,32)
```
#100033
```
#100033 rgb(16,0,51)
```
#160047
```
#160047 rgb(22,0,71)
```
#1c005a
```
#1c005a rgb(28,0,90)
```
#22006e
```
#22006e rgb(34,0,110)
```
#280082
```
#280082 rgb(40,0,130)
```
#2e0095
```
#2e0095 rgb(46,0,149)
```
#3400a9
```
#3400a9 rgb(52,0,169)
```
#3a00bd
```
#3a00bd rgb(58,0,189)
```
#4000d0
```
#4000d0 rgb(64,0,208)
```
#4600e4
```
#4600e4 rgb(70,0,228)
```
#4c00f7
```
#4c00f7 rgb(76,0,247)
```

Shade Color Variation

#570cff
```
#570cff rgb(87,12,255)
```
#6520ff
```
#6520ff rgb(101,32,255)
```
#7233ff
```
#7233ff rgb(114,51,255)
```
#8047ff
```
#8047ff rgb(128,71,255)
```
#8d5aff
```
#8d5aff rgb(141,90,255)
```
#9b6eff
```
#9b6eff rgb(155,110,255)
```
#a882ff
```
#a882ff rgb(168,130,255)
```
#b695ff
```
#b695ff rgb(182,149,255)
```
#c3a9ff
```
#c3a9ff rgb(195,169,255)
```
#d1bdff
```
#d1bdff rgb(209,189,255)
```
#dfd0ff
```
#dfd0ff rgb(223,208,255)
```
#ece4ff
```
#ece4ff rgb(236,228,255)
```
#faf7ff
```
#faf7ff rgb(250,247,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #827c8f is the less saturated color, while #570cff is the most saturated one.

#827c8f
```
#827c8f rgb(130,124,143)
```
#7e7398
```
#7e7398 rgb(126,115,152)
```
#7b69a2
```
#7b69a2 rgb(123,105,162)
```
#7760ab
```
#7760ab rgb(119,96,171)
```
#7457b4
```
#7457b4 rgb(116,87,180)
```
#704dbe
```
#704dbe rgb(112,77,190)
```
#6c44c7
```
#6c44c7 rgb(108,68,199)
```
#693bd0
```
#693bd0 rgb(105,59,208)
```
#6531da
```
#6531da rgb(101,49,218)
```
#6228e3
```
#6228e3 rgb(98,40,227)
```
#5e1fec
```
#5e1fec rgb(94,31,236)
```
#5b15f6
```
#5b15f6 rgb(91,21,246)
```
#570cff
```
#570cff rgb(87,12,255)
```

Tone Color Variation

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

#3e3e3e Achromatopsia 0.005% of the population
#433465 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005db4 Protanopia 1% of men
#00629b Deuteranopia 1% of men
#00696e Tritanopia 0.001% of the population

Trichromacy

#1f3fcf Protanomaly 1% of men, 0.01% of women
#1f43bf Deuteranomaly 6% of men, 0.4% of women
#1f47a3 Tritanomaly 0.01% of the population

#570cff hex color

#570cff Color Information

#570cff Color Conversion

Color Schemes with #570cff

Alternatives to #570cff

#570cff Preview

Shades and Tints of #570cff

Tones of #570cff

Color Blindness Simulator