#570bd0 hex color

In a RGB color space, hex #570bd0 is composed of 34.1% red, 4.3% green and 81.6% blue. Whereas in a CMYK color space, it is composed of 58.2% cyan, 94.7% magenta, 0% yellow and 18.4% black. It has a hue angle of 263.1 degrees, a saturation of 90% and a lightness of 42.9%. #570bd0 color hex could be obtained by blending #ae16ff with #0000a1. Closest websafe color is: #6600cc.

♥
- f
- t
- g
- R 34
- G 4
- B 82
RGB color chart
- C 58
- M 95
- Y 0
- K 18
CMYK color chart

● #570bd0 color description : Strong violet.

The hexadecimal color #570bd0 has RGB values of R:87, G:11, B:208 and CMYK values of C:0.58, M:0.95, Y:0, K:0.18. Its decimal value is 5704656.

Hex triplet	570bd0	`#570bd0`
RGB Decimal	87, 11, 208	`rgb(87,11,208)`
RGB Percent	34.1, 4.3, 81.6	`rgb(34.1%,4.3%,81.6%)`
CMYK	58, 95, 0, 18
HSL	263.1°, 90, 42.9	`hsl(263.1,90%,42.9%)`
HSV (or HSB)	263.1°, 94.7, 81.6
Web Safe	6600cc	`#6600cc`

CIE-LAB	31.392, 68.503, -82.417
XYZ	15.433, 6.819, 60.174
xyY	0.187, 0.083, 6.819
CIE-LCH	31.392, 107.169, 309.733
CIE-LUV	31.392, 3.733, -107.147
Hunter-Lab	26.114, 59.795, -118.343
Binary	01010111, 00001011, 11010000

#570bd0
```
#570bd0 rgb(87,11,208)
```
#84d00b
```
#84d00b rgb(132,208,11)
```

Complementary Color

#0b21d0
```
#0b21d0 rgb(11,33,208)
```
#570bd0
```
#570bd0 rgb(87,11,208)
```
#ba0bd0
```
#ba0bd0 rgb(186,11,208)
```

Analogous Color

#22d00b
```
#22d00b rgb(34,208,11)
```
#570bd0
```
#570bd0 rgb(87,11,208)
```
#d0ba0b
```
#d0ba0b rgb(208,186,11)
```

Split Complementary Color

#0bd057
```
#0bd057 rgb(11,208,87)
```
#570bd0
```
#570bd0 rgb(87,11,208)
```
#d0570b
```
#d0570b rgb(208,87,11)
```

Triadic Color

#0b84d0
```
#0b84d0 rgb(11,132,208)
```
#570bd0
```
#570bd0 rgb(87,11,208)
```
#d0570b
```
#d0570b rgb(208,87,11)
```
#84d00b
```
#84d00b rgb(132,208,11)
```

Tetradic Color

#390787
```
#390787 rgb(57,7,135)
```
#4308a0
```
#4308a0 rgb(67,8,160)
```
#4d0ab8
```
#4d0ab8 rgb(77,10,184)
```
#570bd0
```
#570bd0 rgb(87,11,208)
```
#610ce8
```
#610ce8 rgb(97,12,232)
```
#6e1bf3
```
#6e1bf3 rgb(110,27,243)
```
#7e33f4
```
#7e33f4 rgb(126,51,244)
```

Monochromatic Color

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

#260bd0
```
#260bd0 rgb(38,11,208)
```
#360bd0
```
#360bd0 rgb(54,11,208)
```
#470bd0
```
#470bd0 rgb(71,11,208)
```
#570bd0
```
#570bd0 rgb(87,11,208)
```
#670bd0
```
#670bd0 rgb(103,11,208)
```
#780bd0
```
#780bd0 rgb(120,11,208)
```
#880bd0
```
#880bd0 rgb(136,11,208)
```

Similar Colors

Text with hexadecimal color #570bd0

This text has a font color of #570bd0.

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

#570bd0 background color

This paragraph has a background color of #570bd0.

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

#570bd0 border color

This element has a border color of #570bd0.

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

CSS codes

.text {color:#570bd0;}

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

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

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

#010003
```
#010003 rgb(1,0,3)
```
#090116
```
#090116 rgb(9,1,22)
```
#110228
```
#110228 rgb(17,2,40)
```
#19033b
```
#19033b rgb(25,3,59)
```
#20044e
```
#20044e rgb(32,4,78)
```
#280560
```
#280560 rgb(40,5,96)
```
#300673
```
#300673 rgb(48,6,115)
```
#380785
```
#380785 rgb(56,7,133)
```
#400898
```
#400898 rgb(64,8,152)
```
#4709ab
```
#4709ab rgb(71,9,171)
```
#4f0abd
```
#4f0abd rgb(79,10,189)
```
#570bd0
```
#570bd0 rgb(87,11,208)
```
#5f0ce3
```
#5f0ce3 rgb(95,12,227)
```

Shade Color Variation

#6710f2
```
#6710f2 rgb(103,16,242)
```
#7323f3
```
#7323f3 rgb(115,35,243)
```
#7f35f4
```
#7f35f4 rgb(127,53,244)
```
#8b48f5
```
#8b48f5 rgb(139,72,245)
```
#975af6
```
#975af6 rgb(151,90,246)
```
#a26df7
```
#a26df7 rgb(162,109,247)
```
#ae80f8
```
#ae80f8 rgb(174,128,248)
```
#ba92f9
```
#ba92f9 rgb(186,146,249)
```
#c6a5fa
```
#c6a5fa rgb(198,165,250)
```
#d2b8fb
```
#d2b8fb rgb(210,184,251)
```
#ddcafc
```
#ddcafc rgb(221,202,252)
```
#e9ddfd
```
#e9ddfd rgb(233,221,253)
```
#f5effe
```
#f5effe rgb(245,239,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6c6873 is the less saturated color, while #5503d8 is the most saturated one.

#6c6873
```
#6c6873 rgb(108,104,115)
```
#6a5f7c
```
#6a5f7c rgb(106,95,124)
```
#685784
```
#685784 rgb(104,87,132)
```
#664e8d
```
#664e8d rgb(102,78,141)
```
#644695
```
#644695 rgb(100,70,149)
```
#633e9d
```
#633e9d rgb(99,62,157)
```
#6135a6
```
#6135a6 rgb(97,53,166)
```
#5f2dae
```
#5f2dae rgb(95,45,174)
```
#5d24b7
```
#5d24b7 rgb(93,36,183)
```
#5b1cbf
```
#5b1cbf rgb(91,28,191)
```
#5913c8
```
#5913c8 rgb(89,19,200)
```
#570bd0
```
#570bd0 rgb(87,11,208)
```
#5503d8
```
#5503d8 rgb(85,3,216)
```

Tone Color Variation

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

#383838 Achromatopsia 0.005% of the population
#3e2f56 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00519d Protanopia 1% of men
#005588 Deuteranopia 1% of men
#135b61 Tritanopia 0.001% of the population

Trichromacy

#1f37af Protanomaly 1% of men, 0.01% of women
#1f3aa2 Deuteranomaly 6% of men, 0.4% of women
#2b3d89 Tritanomaly 0.01% of the population

#570bd0 hex color

#570bd0 Color Information

#570bd0 Color Conversion

Color Schemes with #570bd0

Alternatives to #570bd0

#570bd0 Preview

Shades and Tints of #570bd0

Tones of #570bd0

Color Blindness Simulator