#570cb2 hex color

In a RGB color space, hex #570cb2 is composed of 34.1% red, 4.7% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 51.1% cyan, 93.3% magenta, 0% yellow and 30.2% black. It has a hue angle of 267.1 degrees, a saturation of 87.4% and a lightness of 37.3%. #570cb2 color hex could be obtained by blending #ae18ff with #000065. Closest websafe color is: #660099.

♥
- f
- t
- g
- R 34
- G 5
- B 70
RGB color chart
- C 51
- M 93
- Y 0
- K 30
CMYK color chart

● #570cb2 color description : Dark violet.

The hexadecimal color #570cb2 has RGB values of R:87, G:12, B:178 and CMYK values of C:0.51, M:0.93, Y:0, K:0.3. Its decimal value is 5704882.

Hex triplet	570cb2	`#570cb2`
RGB Decimal	87, 12, 178	`rgb(87,12,178)`
RGB Percent	34.1, 4.7, 69.8	`rgb(34.1%,4.7%,69.8%)`
CMYK	51, 93, 0, 30
HSL	267.1°, 87.4, 37.3	`hsl(267.1,87.4%,37.3%)`
HSV (or HSB)	267.1°, 93.3, 69.8
Web Safe	660099	`#660099`

CIE-LAB	28.123, 61.316, -70.137
XYZ	12.096, 5.503, 42.542
xyY	0.201, 0.092, 5.503
CIE-LCH	28.123, 93.16, 311.161
CIE-LUV	28.123, 7.256, -89.756
Hunter-Lab	23.459, 50.987, -91.097
Binary	01010111, 00001100, 10110010

#570cb2
```
#570cb2 rgb(87,12,178)
```
#67b20c
```
#67b20c rgb(103,178,12)
```

Complementary Color

#0c14b2
```
#0c14b2 rgb(12,20,178)
```
#570cb2
```
#570cb2 rgb(87,12,178)
```
#aa0cb2
```
#aa0cb2 rgb(170,12,178)
```

Analogous Color

#14b20c
```
#14b20c rgb(20,178,12)
```
#570cb2
```
#570cb2 rgb(87,12,178)
```
#b2aa0c
```
#b2aa0c rgb(178,170,12)
```

Split Complementary Color

#0cb257
```
#0cb257 rgb(12,178,87)
```
#570cb2
```
#570cb2 rgb(87,12,178)
```
#b2570c
```
#b2570c rgb(178,87,12)
```

Triadic Color

#0c67b2
```
#0c67b2 rgb(12,103,178)
```
#570cb2
```
#570cb2 rgb(87,12,178)
```
#b2570c
```
#b2570c rgb(178,87,12)
```
#67b20c
```
#67b20c rgb(103,178,12)
```

Tetradic Color

#34076a
```
#34076a rgb(52,7,106)
```
#400982
```
#400982 rgb(64,9,130)
```
#4b0a9a
```
#4b0a9a rgb(75,10,154)
```
#570cb2
```
#570cb2 rgb(87,12,178)
```
#630eca
```
#630eca rgb(99,14,202)
```
#6e0fe2
```
#6e0fe2 rgb(110,15,226)
```
#7b1bf0
```
#7b1bf0 rgb(123,27,240)
```

Monochromatic Color

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

#2d0cb2
```
#2d0cb2 rgb(45,12,178)
```
#3b0cb2
```
#3b0cb2 rgb(59,12,178)
```
#490cb2
```
#490cb2 rgb(73,12,178)
```
#570cb2
```
#570cb2 rgb(87,12,178)
```
#650cb2
```
#650cb2 rgb(101,12,178)
```
#730cb2
```
#730cb2 rgb(115,12,178)
```
#810cb2
```
#810cb2 rgb(129,12,178)
```

Similar Colors

Text with hexadecimal color #570cb2

This text has a font color of #570cb2.

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

#570cb2 background color

This paragraph has a background color of #570cb2.

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

#570cb2 border color

This element has a border color of #570cb2.

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

CSS codes

.text {color:#570cb2;}

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

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

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

#06010d
```
#06010d rgb(6,1,13)
```
#0f021f
```
#0f021f rgb(15,2,31)
```
#180331
```
#180331 rgb(24,3,49)
```
#210544
```
#210544 rgb(33,5,68)
```
#2a0656
```
#2a0656 rgb(42,6,86)
```
#330768
```
#330768 rgb(51,7,104)
```
#3c087b
```
#3c087b rgb(60,8,123)
```
#450a8d
```
#450a8d rgb(69,10,141)
```
#4e0ba0
```
#4e0ba0 rgb(78,11,160)
```
#570cb2
```
#570cb2 rgb(87,12,178)
```
#600dc4
```
#600dc4 rgb(96,13,196)
```
#690ed7
```
#690ed7 rgb(105,14,215)
```
#7210e9
```
#7210e9 rgb(114,16,233)
```

Shade Color Variation

#7c1df0
```
#7c1df0 rgb(124,29,240)
```
#872ff1
```
#872ff1 rgb(135,47,241)
```
#9141f2
```
#9141f2 rgb(145,65,242)
```
#9c54f3
```
#9c54f3 rgb(156,84,243)
```
#a766f5
```
#a766f5 rgb(167,102,245)
```
#b179f6
```
#b179f6 rgb(177,121,246)
```
#bc8bf7
```
#bc8bf7 rgb(188,139,247)
```
#c69df8
```
#c69df8 rgb(198,157,248)
```
#d1b0fa
```
#d1b0fa rgb(209,176,250)
```
#dcc2fb
```
#dcc2fb rgb(220,194,251)
```
#e6d4fc
```
#e6d4fc rgb(230,212,252)
```
#f1e7fd
```
#f1e7fd rgb(241,231,253)
```
#fcf9ff
```
#fcf9ff rgb(252,249,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5f5c62 is the less saturated color, while #5605b9 is the most saturated one.

#5f5c62
```
#5f5c62 rgb(95,92,98)
```
#5e5569
```
#5e5569 rgb(94,85,105)
```
#5d4e70
```
#5d4e70 rgb(93,78,112)
```
#5d4678
```
#5d4678 rgb(93,70,120)
```
#5c3f7f
```
#5c3f7f rgb(92,63,127)
```
#5b3886
```
#5b3886 rgb(91,56,134)
```
#5b318d
```
#5b318d rgb(91,49,141)
```
#5a2995
```
#5a2995 rgb(90,41,149)
```
#59229c
```
#59229c rgb(89,34,156)
```
#581ba3
```
#581ba3 rgb(88,27,163)
```
#5813ab
```
#5813ab rgb(88,19,171)
```
#570cb2
```
#570cb2 rgb(87,12,178)
```
#5605b9
```
#5605b9 rgb(86,5,185)
```

Tone Color Variation

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

#353535 Achromatopsia 0.005% of the population
#3c2d4e Atypical Achromatopsia 0.001% of the population

Dichromacy

#004a8f Protanopia 1% of men
#004e7c Deuteranopia 1% of men
#3a4f55 Tritanopia 0.001% of the population

Trichromacy

#1f339c Protanomaly 1% of men, 0.01% of women
#1f3690 Deuteranomaly 6% of men, 0.4% of women
#453676 Tritanomaly 0.01% of the population

#570cb2 hex color

#570cb2 Color Information

#570cb2 Color Conversion

Color Schemes with #570cb2

Alternatives to #570cb2

#570cb2 Preview

Shades and Tints of #570cb2

Tones of #570cb2

Color Blindness Simulator