#5700aa hex color

In a RGB color space, hex #5700aa is composed of 34.1% red, 0% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 48.8% cyan, 100% magenta, 0% yellow and 33.3% black. It has a hue angle of 270.7 degrees, a saturation of 100% and a lightness of 33.3%. #5700aa color hex could be obtained by blending #ae00ff with #000055. Closest websafe color is: #660099.

♥
- f
- t
- g
- R 34
- G 0
- B 67
RGB color chart
- C 49
- M 100
- Y 0
- K 33
CMYK color chart

● #5700aa color description : Dark violet.

The hexadecimal color #5700aa has RGB values of R:87, G:0, B:170 and CMYK values of C:0.49, M:1, Y:0, K:0.33. Its decimal value is 5701802.

Hex triplet	5700aa	`#5700aa`
RGB Decimal	87, 0, 170	`rgb(87,0,170)`
RGB Percent	34.1, 0, 66.7	`rgb(34.1%,0%,66.7%)`
CMYK	49, 100, 0, 33
HSL	270.7°, 100, 33.3	`hsl(270.7,100%,33.3%)`
HSV (or HSB)	270.7°, 100, 66.7
Web Safe	660099	`#660099`

CIE-LAB	26.53, 61.701, -67.964
XYZ	11.185, 4.928, 38.39
xyY	0.205, 0.09, 4.928
CIE-LCH	26.53, 91.794, 312.235
CIE-LUV	26.53, 8.81, -85.142
Hunter-Lab	22.2, 51.082, -86.988
Binary	01010111, 00000000, 10101010

#5700aa
```
#5700aa rgb(87,0,170)
```
#53aa00
```
#53aa00 rgb(83,170,0)
```

Complementary Color

#0200aa
```
#0200aa rgb(2,0,170)
```
#5700aa
```
#5700aa rgb(87,0,170)
```
#aa00a8
```
#aa00a8 rgb(170,0,168)
```

Analogous Color

#00aa02
```
#00aa02 rgb(0,170,2)
```
#5700aa
```
#5700aa rgb(87,0,170)
```
#a8aa00
```
#a8aa00 rgb(168,170,0)
```

Split Complementary Color

#00aa57
```
#00aa57 rgb(0,170,87)
```
#5700aa
```
#5700aa rgb(87,0,170)
```
#aa5700
```
#aa5700 rgb(170,87,0)
```

Triadic Color

#0053aa
```
#0053aa rgb(0,83,170)
```
#5700aa
```
#5700aa rgb(87,0,170)
```
#aa5700
```
#aa5700 rgb(170,87,0)
```
#53aa00
```
#53aa00 rgb(83,170,0)
```

Tetradic Color

#30005e
```
#30005e rgb(48,0,94)
```
#3d0077
```
#3d0077 rgb(61,0,119)
```
#4a0091
```
#4a0091 rgb(74,0,145)
```
#5700aa
```
#5700aa rgb(87,0,170)
```
#6400c4
```
#6400c4 rgb(100,0,196)
```
#7100dd
```
#7100dd rgb(113,0,221)
```
#7e00f7
```
#7e00f7 rgb(126,0,247)
```

Monochromatic Color

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

#2d00aa
```
#2d00aa rgb(45,0,170)
```
#3b00aa
```
#3b00aa rgb(59,0,170)
```
#4900aa
```
#4900aa rgb(73,0,170)
```
#5700aa
```
#5700aa rgb(87,0,170)
```
#6500aa
```
#6500aa rgb(101,0,170)
```
#7300aa
```
#7300aa rgb(115,0,170)
```
#8200aa
```
#8200aa rgb(130,0,170)
```

Similar Colors

Text with hexadecimal color #5700aa

This text has a font color of #5700aa.

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

#5700aa background color

This paragraph has a background color of #5700aa.

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

#5700aa border color

This element has a border color of #5700aa.

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

CSS codes

.text {color:#5700aa;}

.background {background-color:#5700aa;}

.border {border:1px solid #5700aa;}

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

#07000d
```
#07000d rgb(7,0,13)
```
#110021
```
#110021 rgb(17,0,33)
```
#1b0034
```
#1b0034 rgb(27,0,52)
```
#250048
```
#250048 rgb(37,0,72)
```
#2f005c
```
#2f005c rgb(47,0,92)
```
#39006f
```
#39006f rgb(57,0,111)
```
#430083
```
#430083 rgb(67,0,131)
```
#4d0096
```
#4d0096 rgb(77,0,150)
```
#5700aa
```
#5700aa rgb(87,0,170)
```
#6100be
```
#6100be rgb(97,0,190)
```
#6b00d1
```
#6b00d1 rgb(107,0,209)
```
#7500e5
```
#7500e5 rgb(117,0,229)
```
#7f00f8
```
#7f00f8 rgb(127,0,248)
```

Shade Color Variation

#890dff
```
#890dff rgb(137,13,255)
```
#9221ff
```
#9221ff rgb(146,33,255)
```
#9c34ff
```
#9c34ff rgb(156,52,255)
```
#a648ff
```
#a648ff rgb(166,72,255)
```
#af5cff
```
#af5cff rgb(175,92,255)
```
#b96fff
```
#b96fff rgb(185,111,255)
```
#c283ff
```
#c283ff rgb(194,131,255)
```
#cc96ff
```
#cc96ff rgb(204,150,255)
```
#d6aaff
```
#d6aaff rgb(214,170,255)
```
#dfbeff
```
#dfbeff rgb(223,190,255)
```
#e9d1ff
```
#e9d1ff rgb(233,209,255)
```
#f2e5ff
```
#f2e5ff rgb(242,229,255)
```
#fcf8ff
```
#fcf8ff rgb(252,248,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #554e5c is the less saturated color, while #5700aa is the most saturated one.

#554e5c
```
#554e5c rgb(85,78,92)
```
#554862
```
#554862 rgb(85,72,98)
```
#554169
```
#554169 rgb(85,65,105)
```
#563b6f
```
#563b6f rgb(86,59,111)
```
#563476
```
#563476 rgb(86,52,118)
```
#562e7c
```
#562e7c rgb(86,46,124)
```
#562783
```
#562783 rgb(86,39,131)
```
#562189
```
#562189 rgb(86,33,137)
```
#561a90
```
#561a90 rgb(86,26,144)
```
#571496
```
#571496 rgb(87,20,150)
```
#570d9d
```
#570d9d rgb(87,13,157)
```
#5707a3
```
#5707a3 rgb(87,7,163)
```
#5700aa
```
#5700aa rgb(87,0,170)
```

Tone Color Variation

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

#2d2d2d Achromatopsia 0.005% of the population
#352446 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004689 Protanopia 1% of men
#004a77 Deuteranopia 1% of men
#3f4a4f Tritanopia 0.001% of the population

Trichromacy

#1f2d95 Protanomaly 1% of men, 0.01% of women
#1f2f89 Deuteranomaly 6% of men, 0.4% of women
#482f70 Tritanomaly 0.01% of the population

#5700aa hex color

#5700aa Color Information

#5700aa Color Conversion

Color Schemes with #5700aa

Alternatives to #5700aa

#5700aa Preview

Shades and Tints of #5700aa

Tones of #5700aa

Color Blindness Simulator