colorhexa.com

#570dfd hex color

In a RGB color space, hex #570dfd is composed of 34.1% red, 5.1% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 65.6% cyan, 94.9% magenta, 0% yellow and 0.8% black. It has a hue angle of 258.5 degrees, a saturation of 98.4% and a lightness of 52.2%. #570dfd color hex could be obtained by blending #ae1aff with #0000fb. Closest websafe color is: #6600ff.

- R 34
- G 5
- B 99
RGB color chart
- C 66
- M 95
- Y 0
- K 1
CMYK color chart

● #570dfd color description : Vivid violet.

The hexadecimal color #570dfd has RGB values of R:87, G:13, B:253 and CMYK values of C:0.66, M:0.95, Y:0, K:0.01. Its decimal value is 5705213.

Hex triplet	570dfd	`#570dfd`
RGB Decimal	87, 13, 253	`rgb(87,13,253)`
RGB Percent	34.1, 5.1, 99.2	`rgb(34.1%,5.1%,99.2%)`
CMYK	66, 95, 0, 1
HSL	258.5°, 98.4, 52.2	`hsl(258.5,98.4%,52.2%)`
HSV (or HSB)	258.5°, 94.9, 99.2
Web Safe	6600ff	`#6600ff`

CIE-LAB	36.753, 78.683, -99.207
XYZ	21.801, 9.405, 93.59
xyY	0.175, 0.075, 9.405
CIE-LCH	36.753, 126.622, 308.419
CIE-LUV	36.753, -0.612, -132.605
Hunter-Lab	30.668, 73.222, -159.47
Binary	01010111, 00001101, 11111101

#570dfd
```
#570dfd rgb(87,13,253)
```
#b3fd0d
```
#b3fd0d rgb(179,253,13)
```

Complementary Color

#0d3bfd
```
#0d3bfd rgb(13,59,253)
```
#570dfd
```
#570dfd rgb(87,13,253)
```
#cf0dfd
```
#cf0dfd rgb(207,13,253)
```

Analogous Color

#3bfd0d
```
#3bfd0d rgb(59,253,13)
```
#570dfd
```
#570dfd rgb(87,13,253)
```
#fdcf0d
```
#fdcf0d rgb(253,207,13)
```

Split Complementary Color

#0dfd57
```
#0dfd57 rgb(13,253,87)
```
#570dfd
```
#570dfd rgb(87,13,253)
```
#fd570d
```
#fd570d rgb(253,87,13)
```

Triadic Color

#0db3fd
```
#0db3fd rgb(13,179,253)
```
#570dfd
```
#570dfd rgb(87,13,253)
```
#fd570d
```
#fd570d rgb(253,87,13)
```
#b3fd0d
```
#b3fd0d rgb(179,253,13)
```

Tetradic Color

#3b02bc
```
#3b02bc rgb(59,2,188)
```
#4302d5
```
#4302d5 rgb(67,2,213)
```
#4b02ef
```
#4b02ef rgb(75,2,239)
```
#570dfd
```
#570dfd rgb(87,13,253)
```
#6926fd
```
#6926fd rgb(105,38,253)
```
#7a40fd
```
#7a40fd rgb(122,64,253)
```
#8c59fe
```
#8c59fe rgb(140,89,254)
```

Monochromatic Color

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

#1b0dfd
```
#1b0dfd rgb(27,13,253)
```
#2f0dfd
```
#2f0dfd rgb(47,13,253)
```
#430dfd
```
#430dfd rgb(67,13,253)
```
#570dfd
```
#570dfd rgb(87,13,253)
```
#6b0dfd
```
#6b0dfd rgb(107,13,253)
```
#7f0dfd
```
#7f0dfd rgb(127,13,253)
```
#930dfd
```
#930dfd rgb(147,13,253)
```

Similar Colors

Text with hexadecimal color #570dfd

This text has a font color of #570dfd.

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

#570dfd background color

This paragraph has a background color of #570dfd.

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

#570dfd border color

This element has a border color of #570dfd.

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

CSS codes

.text {color:#570dfd;}

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

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

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, #03000b is the darkest color, while #f9f6ff is the lightest one.

#03000b
```
#03000b rgb(3,0,11)
```
#0a001e
```
#0a001e rgb(10,0,30)
```
#100032
```
#100032 rgb(16,0,50)
```
#160145
```
#160145 rgb(22,1,69)
```
#1c0159
```
#1c0159 rgb(28,1,89)
```
#22016c
```
#22016c rgb(34,1,108)
```
#280180
```
#280180 rgb(40,1,128)
```
#2e0193
```
#2e0193 rgb(46,1,147)
```
#3401a7
```
#3401a7 rgb(52,1,167)
```
#3a02ba
```
#3a02ba rgb(58,2,186)
```
#4102cd
```
#4102cd rgb(65,2,205)
```
#4702e1
```
#4702e1 rgb(71,2,225)
```
#4d02f4
```
#4d02f4 rgb(77,2,244)
```

Shade Color Variation

#570dfd
```
#570dfd rgb(87,13,253)
```
#6520fd
```
#6520fd rgb(101,32,253)
```
#7234fd
```
#7234fd rgb(114,52,253)
```
#8047fd
```
#8047fd rgb(128,71,253)
```
#8d5bfe
```
#8d5bfe rgb(141,91,254)
```
#9b6efe
```
#9b6efe rgb(155,110,254)
```
#a882fe
```
#a882fe rgb(168,130,254)
```
#b695fe
```
#b695fe rgb(182,149,254)
```
#c3a9fe
```
#c3a9fe rgb(195,169,254)
```
#d1bcfe
```
#d1bcfe rgb(209,188,254)
```
#ded0ff
```
#ded0ff rgb(222,208,255)
```
#ece3ff
```
#ece3ff rgb(236,227,255)
```
#f9f6ff
```
#f9f6ff rgb(249,246,255)
```

Tint Color Variation

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

#827e8c
```
#827e8c rgb(130,126,140)
```
#7f7496
```
#7f7496 rgb(127,116,150)
```
#7b6b9f
```
#7b6b9f rgb(123,107,159)
```
#7761a9
```
#7761a9 rgb(119,97,169)
```
#7458b2
```
#7458b2 rgb(116,88,178)
```
#704fbb
```
#704fbb rgb(112,79,187)
```
#6d45c5
```
#6d45c5 rgb(109,69,197)
```
#693cce
```
#693cce rgb(105,60,206)
```
#6533d7
```
#6533d7 rgb(101,51,215)
```
#6229e1
```
#6229e1 rgb(98,41,225)
```
#5e20ea
```
#5e20ea rgb(94,32,234)
```
#5b16f4
```
#5b16f4 rgb(91,22,244)
```
#570dfd
```
#570dfd rgb(87,13,253)
```

Tone Color Variation

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

Dichromacy

#005cb3 Protanopia 1% of men
#00629b Deuteranopia 1% of men
#00686e Tritanopia 0.001% of the population

Trichromacy

#1f3fce Protanomaly 1% of men, 0.01% of women
#1f43be Deuteranomaly 6% of men, 0.4% of women
#1f47a2 Tritanomaly 0.01% of the population