#570158 hex color

In a RGB color space, hex #570158 is composed of 34.1% red, 0.4% green and 34.5% blue. Whereas in a CMYK color space, it is composed of 1.1% cyan, 98.9% magenta, 0% yellow and 65.5% black. It has a hue angle of 299.3 degrees, a saturation of 97.8% and a lightness of 17.5%. #570158 color hex could be obtained by blending #ae02b0 with #000000. Closest websafe color is: #660066.

♥
- f
- t
- g
- R 34
- G 0
- B 35
RGB color chart
- C 1
- M 99
- Y 0
- K 65
CMYK color chart

● #570158 color description : Very dark magenta.

The hexadecimal color #570158 has RGB values of R:87, G:1, B:88 and CMYK values of C:0.01, M:0.99, Y:0, K:0.65. Its decimal value is 5701976.

Hex triplet	570158	`#570158`
RGB Decimal	87, 1, 88	`rgb(87,1,88)`
RGB Percent	34.1, 0.4, 34.5	`rgb(34.1%,0.4%,34.5%)`
CMYK	1, 99, 0, 65
HSL	299.3°, 97.8, 17.5	`hsl(299.3,97.8%,17.5%)`
HSV (or HSB)	299.3°, 98.9, 34.5
Web Safe	660066	`#660066`

CIE-LAB	19.026, 44.768, -28.201
XYZ	5.703, 2.753, 9.463
xyY	0.318, 0.154, 2.753
CIE-LCH	19.026, 52.91, 327.792
CIE-LUV	19.026, 25.908, -34.547
Hunter-Lab	16.592, 32.315, -22.201
Binary	01010111, 00000001, 01011000

#570158
```
#570158 rgb(87,1,88)
```
#025801
```
#025801 rgb(2,88,1)
```

Complementary Color

#2c0158
```
#2c0158 rgb(44,1,88)
```
#570158
```
#570158 rgb(87,1,88)
```
#58012e
```
#58012e rgb(88,1,46)
```

Analogous Color

#01582c
```
#01582c rgb(1,88,44)
```
#570158
```
#570158 rgb(87,1,88)
```
#2e5801
```
#2e5801 rgb(46,88,1)
```

Split Complementary Color

#015857
```
#015857 rgb(1,88,87)
```
#570158
```
#570158 rgb(87,1,88)
```
#585701
```
#585701 rgb(88,87,1)
```

Triadic Color

#010258
```
#010258 rgb(1,2,88)
```
#570158
```
#570158 rgb(87,1,88)
```
#585701
```
#585701 rgb(88,87,1)
```
#025801
```
#025801 rgb(2,88,1)
```

Tetradic Color

#0c000c
```
#0c000c rgb(12,0,12)
```
#250026
```
#250026 rgb(37,0,38)
```
#3e013f
```
#3e013f rgb(62,1,63)
```
#570158
```
#570158 rgb(87,1,88)
```
#700171
```
#700171 rgb(112,1,113)
```
#89028a
```
#89028a rgb(137,2,138)
```
#a202a4
```
#a202a4 rgb(162,2,164)
```

Monochromatic Color

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

#410158
```
#410158 rgb(65,1,88)
```
#480158
```
#480158 rgb(72,1,88)
```
#500158
```
#500158 rgb(80,1,88)
```
#570158
```
#570158 rgb(87,1,88)
```
#580152
```
#580152 rgb(88,1,82)
```
#58014b
```
#58014b rgb(88,1,75)
```
#580143
```
#580143 rgb(88,1,67)
```

Similar Colors

Text with hexadecimal color #570158

This text has a font color of #570158.

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

#570158 background color

This paragraph has a background color of #570158.

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

#570158 border color

This element has a border color of #570158.

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

CSS codes

.text {color:#570158;}

.background {background-color:#570158;}

.border {border:1px solid #570158;}

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, #0a000a is the darkest color, while #fff6ff is the lightest one.

#0a000a
```
#0a000a rgb(10,0,10)
```
#1d001e
```
#1d001e rgb(29,0,30)
```
#310131
```
#310131 rgb(49,1,49)
```
#440145
```
#440145 rgb(68,1,69)
```
#570158
```
#570158 rgb(87,1,88)
```
#6a016b
```
#6a016b rgb(106,1,107)
```
#7d017f
```
#7d017f rgb(125,1,127)
```
#910292
```
#910292 rgb(145,2,146)
```
#a402a6
```
#a402a6 rgb(164,2,166)
```
#b702b9
```
#b702b9 rgb(183,2,185)
```
#ca02cc
```
#ca02cc rgb(202,2,204)
```
#dd03e0
```
#dd03e0 rgb(221,3,224)
```
#f003f3
```
#f003f3 rgb(240,3,243)
```

Shade Color Variation

#fa0dfc
```
#fa0dfc rgb(250,13,252)
```
#fa21fc
```
#fa21fc rgb(250,33,252)
```
#fa34fd
```
#fa34fd rgb(250,52,253)
```
#fb47fd
```
#fb47fd rgb(251,71,253)
```
#fb5bfd
```
#fb5bfd rgb(251,91,253)
```
#fc6efd
```
#fc6efd rgb(252,110,253)
```
#fc82fe
```
#fc82fe rgb(252,130,254)
```
#fd95fe
```
#fd95fe rgb(253,149,254)
```
#fda8fe
```
#fda8fe rgb(253,168,254)
```
#fdbcfe
```
#fdbcfe rgb(253,188,254)
```
#fecffe
```
#fecffe rgb(254,207,254)
```
#fee3ff
```
#fee3ff rgb(254,227,255)
```
#fff6ff
```
#fff6ff rgb(255,246,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #2f2a2f is the less saturated color, while #570158 is the most saturated one.

#2f2a2f
```
#2f2a2f rgb(47,42,47)
```
#322732
```
#322732 rgb(50,39,50)
```
#362336
```
#362336 rgb(54,35,54)
```
#392039
```
#392039 rgb(57,32,57)
```
#3c1c3d
```
#3c1c3d rgb(60,28,61)
```
#401940
```
#401940 rgb(64,25,64)
```
#431643
```
#431643 rgb(67,22,67)
```
#461247
```
#461247 rgb(70,18,71)
```
#4a0f4a
```
#4a0f4a rgb(74,15,74)
```
#4d0b4e
```
#4d0b4e rgb(77,11,78)
```
#500851
```
#500851 rgb(80,8,81)
```
#540455
```
#540455 rgb(84,4,85)
```
#570158
```
#570158 rgb(87,1,88)
```

Tone Color Variation

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

#252525 Achromatopsia 0.005% of the population
#2f1e2f Atypical Achromatopsia 0.001% of the population

Dichromacy

#00376c Protanopia 1% of men
#253957 Deuteranopia 1% of men
#59292c Tritanopia 0.001% of the population

Trichromacy

#1f2364 Protanomaly 1% of men, 0.01% of women
#372457 Deuteranomaly 6% of men, 0.4% of women
#581a3c Tritanomaly 0.01% of the population

#570158 hex color

#570158 Color Information

#570158 Color Conversion

Color Schemes with #570158

Alternatives to #570158

#570158 Preview

Shades and Tints of #570158

Tones of #570158

Color Blindness Simulator