#570bdd hex color

In a RGB color space, hex #570bdd is composed of 34.1% red, 4.3% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 60.6% cyan, 95% magenta, 0% yellow and 13.3% black. It has a hue angle of 261.7 degrees, a saturation of 90.5% and a lightness of 45.5%. #570bdd color hex could be obtained by blending #ae16ff with #0000bb. Closest websafe color is: #6600cc.

♥
- f
- t
- g
- R 34
- G 4
- B 87
RGB color chart
- C 61
- M 95
- Y 0
- K 13
CMYK color chart

● #570bdd color description : Vivid violet.

The hexadecimal color #570bdd has RGB values of R:87, G:11, B:221 and CMYK values of C:0.61, M:0.95, Y:0, K:0.13. Its decimal value is 5704669.

Hex triplet	570bdd	`#570bdd`
RGB Decimal	87, 11, 221	`rgb(87,11,221)`
RGB Percent	34.1, 4.3, 86.7	`rgb(34.1%,4.3%,86.7%)`
CMYK	61, 95, 0, 13
HSL	261.7°, 90.5, 45.5	`hsl(261.7,90.5%,45.5%)`
HSV (or HSB)	261.7°, 95, 86.7
Web Safe	6600cc	`#6600cc`

CIE-LAB	32.888, 71.536, -87.455
XYZ	17.099, 7.486, 68.946
xyY	0.183, 0.08, 7.486
CIE-LCH	32.888, 112.985, 309.282
CIE-LUV	32.888, 2.388, -114.565
Hunter-Lab	27.36, 63.677, -130.259
Binary	01010111, 00001011, 11011101

#570bdd
```
#570bdd rgb(87,11,221)
```
#91dd0b
```
#91dd0b rgb(145,221,11)
```

Complementary Color

#0b28dd
```
#0b28dd rgb(11,40,221)
```
#570bdd
```
#570bdd rgb(87,11,221)
```
#c00bdd
```
#c00bdd rgb(192,11,221)
```

Analogous Color

#28dd0b
```
#28dd0b rgb(40,221,11)
```
#570bdd
```
#570bdd rgb(87,11,221)
```
#ddc00b
```
#ddc00b rgb(221,192,11)
```

Split Complementary Color

#0bdd57
```
#0bdd57 rgb(11,221,87)
```
#570bdd
```
#570bdd rgb(87,11,221)
```
#dd570b
```
#dd570b rgb(221,87,11)
```

Triadic Color

#0b91dd
```
#0b91dd rgb(11,145,221)
```
#570bdd
```
#570bdd rgb(87,11,221)
```
#dd570b
```
#dd570b rgb(221,87,11)
```
#91dd0b
```
#91dd0b rgb(145,221,11)
```

Tetradic Color

#3a0794
```
#3a0794 rgb(58,7,148)
```
#4409ac
```
#4409ac rgb(68,9,172)
```
#4d0ac5
```
#4d0ac5 rgb(77,10,197)
```
#570bdd
```
#570bdd rgb(87,11,221)
```
#610ef3
```
#610ef3 rgb(97,14,243)
```
#7127f4
```
#7127f4 rgb(113,39,244)
```
#813ff5
```
#813ff5 rgb(129,63,245)
```

Monochromatic Color

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

#220bdd
```
#220bdd rgb(34,11,221)
```
#340bdd
```
#340bdd rgb(52,11,221)
```
#460bdd
```
#460bdd rgb(70,11,221)
```
#570bdd
```
#570bdd rgb(87,11,221)
```
#690bdd
```
#690bdd rgb(105,11,221)
```
#7a0bdd
```
#7a0bdd rgb(122,11,221)
```
#8c0bdd
```
#8c0bdd rgb(140,11,221)
```

Similar Colors

Text with hexadecimal color #570bdd

This text has a font color of #570bdd.

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

#570bdd background color

This paragraph has a background color of #570bdd.

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

#570bdd border color

This element has a border color of #570bdd.

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

CSS codes

.text {color:#570bdd;}

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

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

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, #06010f is the darkest color, while #fdfcff is the lightest one.

#06010f
```
#06010f rgb(6,1,15)
```
#0d0222
```
#0d0222 rgb(13,2,34)
```
#150335
```
#150335 rgb(21,3,53)
```
#1c0448
```
#1c0448 rgb(28,4,72)
```
#24045a
```
#24045a rgb(36,4,90)
```
#2b056d
```
#2b056d rgb(43,5,109)
```
#320680
```
#320680 rgb(50,6,128)
```
#3a0792
```
#3a0792 rgb(58,7,146)
```
#4108a5
```
#4108a5 rgb(65,8,165)
```
#4809b8
```
#4809b8 rgb(72,9,184)
```
#500aca
```
#500aca rgb(80,10,202)
```
#570bdd
```
#570bdd rgb(87,11,221)
```
#5e0cf0
```
#5e0cf0 rgb(94,12,240)
```

Shade Color Variation

#6a1cf4
```
#6a1cf4 rgb(106,28,244)
```
#762ef5
```
#762ef5 rgb(118,46,245)
```
#8241f6
```
#8241f6 rgb(130,65,246)
```
#8f54f6
```
#8f54f6 rgb(143,84,246)
```
#9b66f7
```
#9b66f7 rgb(155,102,247)
```
#a779f8
```
#a779f8 rgb(167,121,248)
```
#b38cf9
```
#b38cf9 rgb(179,140,249)
```
#c09efa
```
#c09efa rgb(192,158,250)
```
#ccb1fb
```
#ccb1fb rgb(204,177,251)
```
#d8c4fc
```
#d8c4fc rgb(216,196,252)
```
#e4d6fd
```
#e4d6fd rgb(228,214,253)
```
#f1e9fe
```
#f1e9fe rgb(241,233,254)
```
#fdfcff
```
#fdfcff rgb(253,252,255)
```

Tint Color Variation

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

#726d7b
```
#726d7b rgb(114,109,123)
```
#706484
```
#706484 rgb(112,100,132)
```
#6d5b8d
```
#6d5b8d rgb(109,91,141)
```
#6b5296
```
#6b5296 rgb(107,82,150)
```
#68499f
```
#68499f rgb(104,73,159)
```
#6641a7
```
#6641a7 rgb(102,65,167)
```
#6338b0
```
#6338b0 rgb(99,56,176)
```
#612fb9
```
#612fb9 rgb(97,47,185)
```
#5e26c2
```
#5e26c2 rgb(94,38,194)
```
#5c1dcb
```
#5c1dcb rgb(92,29,203)
```
#5914d4
```
#5914d4 rgb(89,20,212)
```
#570bdd
```
#570bdd rgb(87,11,221)
```
#5502e6
```
#5502e6 rgb(85,2,230)
```

Tone Color Variation

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

#3a3a3a Achromatopsia 0.005% of the population
#40315b 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

#1f39b8 Protanomaly 1% of men, 0.01% of women
#1f3caa Deuteranomaly 6% of men, 0.4% of women
#1f4090 Tritanomaly 0.01% of the population

#570bdd hex color

#570bdd Color Information

#570bdd Color Conversion

Color Schemes with #570bdd

Alternatives to #570bdd

#570bdd Preview

Shades and Tints of #570bdd

Tones of #570bdd

Color Blindness Simulator