#570bd2 hex color

In a RGB color space, hex #570bd2 is composed of 34.1% red, 4.3% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 58.6% cyan, 94.8% magenta, 0% yellow and 17.6% black. It has a hue angle of 262.9 degrees, a saturation of 90% and a lightness of 43.3%. #570bd2 color hex could be obtained by blending #ae16ff with #0000a5. Closest websafe color is: #6600cc.

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

● #570bd2 color description : Strong violet.

The hexadecimal color #570bd2 has RGB values of R:87, G:11, B:210 and CMYK values of C:0.59, M:0.95, Y:0, K:0.18. Its decimal value is 5704658.

Hex triplet	570bd2	`#570bd2`
RGB Decimal	87, 11, 210	`rgb(87,11,210)`
RGB Percent	34.1, 4.3, 82.4	`rgb(34.1%,4.3%,82.4%)`
CMYK	59, 95, 0, 18
HSL	262.9°, 90, 43.3	`hsl(262.9,90%,43.3%)`
HSV (or HSB)	262.9°, 94.8, 82.4
Web Safe	6600cc	`#6600cc`

CIE-LAB	31.62, 68.97, -83.2
XYZ	15.681, 6.918, 61.478
xyY	0.187, 0.082, 6.918
CIE-LCH	31.62, 108.07, 309.657
CIE-LUV	31.62, 3.52, -108.292
Hunter-Lab	26.303, 60.387, -120.169
Binary	01010111, 00001011, 11010010

#570bd2
```
#570bd2 rgb(87,11,210)
```
#86d20b
```
#86d20b rgb(134,210,11)
```

Complementary Color

#0b22d2
```
#0b22d2 rgb(11,34,210)
```
#570bd2
```
#570bd2 rgb(87,11,210)
```
#bb0bd2
```
#bb0bd2 rgb(187,11,210)
```

Analogous Color

#22d20b
```
#22d20b rgb(34,210,11)
```
#570bd2
```
#570bd2 rgb(87,11,210)
```
#d2bb0b
```
#d2bb0b rgb(210,187,11)
```

Split Complementary Color

#0bd257
```
#0bd257 rgb(11,210,87)
```
#570bd2
```
#570bd2 rgb(87,11,210)
```
#d2570b
```
#d2570b rgb(210,87,11)
```

Triadic Color

#0b86d2
```
#0b86d2 rgb(11,134,210)
```
#570bd2
```
#570bd2 rgb(87,11,210)
```
#d2570b
```
#d2570b rgb(210,87,11)
```
#86d20b
```
#86d20b rgb(134,210,11)
```

Tetradic Color

#390789
```
#390789 rgb(57,7,137)
```
#4308a2
```
#4308a2 rgb(67,8,162)
```
#4d0aba
```
#4d0aba rgb(77,10,186)
```
#570bd2
```
#570bd2 rgb(87,11,210)
```
#610cea
```
#610cea rgb(97,12,234)
```
#6f1df3
```
#6f1df3 rgb(111,29,243)
```
#7e35f4
```
#7e35f4 rgb(126,53,244)
```

Monochromatic Color

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

#250bd2
```
#250bd2 rgb(37,11,210)
```
#360bd2
```
#360bd2 rgb(54,11,210)
```
#460bd2
```
#460bd2 rgb(70,11,210)
```
#570bd2
```
#570bd2 rgb(87,11,210)
```
#680bd2
```
#680bd2 rgb(104,11,210)
```
#780bd2
```
#780bd2 rgb(120,11,210)
```
#890bd2
```
#890bd2 rgb(137,11,210)
```

Similar Colors

Text with hexadecimal color #570bd2

This text has a font color of #570bd2.

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

#570bd2 background color

This paragraph has a background color of #570bd2.

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

#570bd2 border color

This element has a border color of #570bd2.

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

CSS codes

.text {color:#570bd2;}

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

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

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

#020005
```
#020005 rgb(2,0,5)
```
#0a0118
```
#0a0118 rgb(10,1,24)
```
#12022a
```
#12022a rgb(18,2,42)
```
#19033d
```
#19033d rgb(25,3,61)
```
#210450
```
#210450 rgb(33,4,80)
```
#290562
```
#290562 rgb(41,5,98)
```
#300675
```
#300675 rgb(48,6,117)
```
#380787
```
#380787 rgb(56,7,135)
```
#40089a
```
#40089a rgb(64,8,154)
```
#4809ad
```
#4809ad rgb(72,9,173)
```
#4f0abf
```
#4f0abf rgb(79,10,191)
```
#570bd2
```
#570bd2 rgb(87,11,210)
```
#5f0ce5
```
#5f0ce5 rgb(95,12,229)
```

Shade Color Variation

#6812f3
```
#6812f3 rgb(104,18,243)
```
#7324f4
```
#7324f4 rgb(115,36,244)
```
#7f37f5
```
#7f37f5 rgb(127,55,245)
```
#8b4af5
```
#8b4af5 rgb(139,74,245)
```
#975cf6
```
#975cf6 rgb(151,92,246)
```
#a36ff7
```
#a36ff7 rgb(163,111,247)
```
#af81f8
```
#af81f8 rgb(175,129,248)
```
#bb94f9
```
#bb94f9 rgb(187,148,249)
```
#c7a7fa
```
#c7a7fa rgb(199,167,250)
```
#d3b9fb
```
#d3b9fb rgb(211,185,251)
```
#deccfc
```
#deccfc rgb(222,204,252)
```
#eadffd
```
#eadffd rgb(234,223,253)
```
#f6f1fe
```
#f6f1fe rgb(246,241,254)
```

Tint Color Variation

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

#6d6975
```
#6d6975 rgb(109,105,117)
```
#6b607d
```
#6b607d rgb(107,96,125)
```
#695886
```
#695886 rgb(105,88,134)
```
#674f8e
```
#674f8e rgb(103,79,142)
```
#654797
```
#654797 rgb(101,71,151)
```
#633e9f
```
#633e9f rgb(99,62,159)
```
#6136a8
```
#6136a8 rgb(97,54,168)
```
#5f2db0
```
#5f2db0 rgb(95,45,176)
```
#5d25b9
```
#5d25b9 rgb(93,37,185)
```
#5b1cc1
```
#5b1cc1 rgb(91,28,193)
```
#5914ca
```
#5914ca rgb(89,20,202)
```
#570bd2
```
#570bd2 rgb(87,11,210)
```
#5502db
```
#5502db rgb(85,2,219)
```

Tone Color Variation

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

Dichromacy

#00519d Protanopia 1% of men
#005688 Deuteranopia 1% of men
#025b62 Tritanopia 0.001% of the population

Trichromacy

#1f37b0 Protanomaly 1% of men, 0.01% of women
#1f3aa3 Deuteranomaly 6% of men, 0.4% of women
#213e8b Tritanomaly 0.01% of the population

#570bd2 hex color

#570bd2 Color Information

#570bd2 Color Conversion

Color Schemes with #570bd2

Alternatives to #570bd2

#570bd2 Preview

Shades and Tints of #570bd2

Tones of #570bd2

Color Blindness Simulator