#5733aa hex color

In a RGB color space, hex #5733aa is composed of 34.1% red, 20% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 48.8% cyan, 70% magenta, 0% yellow and 33.3% black. It has a hue angle of 258.2 degrees, a saturation of 53.8% and a lightness of 43.3%. #5733aa color hex could be obtained by blending #ae66ff with #000055. Closest websafe color is: #663399.

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

● #5733aa color description : Dark violet.

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

Hex triplet	5733aa	`#5733aa`
RGB Decimal	87, 51, 170	`rgb(87,51,170)`
RGB Percent	34.1, 20, 66.7	`rgb(34.1%,20%,66.7%)`
CMYK	49, 70, 0, 33
HSL	258.2°, 53.8, 43.3	`hsl(258.2,53.8%,43.3%)`
HSV (or HSB)	258.2°, 70, 66.7
Web Safe	663399	`#663399`

CIE-LAB	32.471, 44.447, -58.202
XYZ	12.369, 7.296, 38.785
xyY	0.212, 0.125, 7.296
CIE-LCH	32.471, 73.233, 307.368
CIE-LUV	32.471, 4.177, -81.313
Hunter-Lab	27.011, 34.468, -66.225
Binary	01010111, 00110011, 10101010

#5733aa
```
#5733aa rgb(87,51,170)
```
#86aa33
```
#86aa33 rgb(134,170,51)
```

Complementary Color

#334baa
```
#334baa rgb(51,75,170)
```
#5733aa
```
#5733aa rgb(87,51,170)
```
#9333aa
```
#9333aa rgb(147,51,170)
```

Analogous Color

#4baa33
```
#4baa33 rgb(75,170,51)
```
#5733aa
```
#5733aa rgb(87,51,170)
```
#aa9333
```
#aa9333 rgb(170,147,51)
```

Split Complementary Color

#33aa57
```
#33aa57 rgb(51,170,87)
```
#5733aa
```
#5733aa rgb(87,51,170)
```
#aa5733
```
#aa5733 rgb(170,87,51)
```

Triadic Color

#3386aa
```
#3386aa rgb(51,134,170)
```
#5733aa
```
#5733aa rgb(87,51,170)
```
#aa5733
```
#aa5733 rgb(170,87,51)
```
#86aa33
```
#86aa33 rgb(134,170,51)
```

Tetradic Color

#39216f
```
#39216f rgb(57,33,111)
```
#432783
```
#432783 rgb(67,39,131)
```
#4d2d96
```
#4d2d96 rgb(77,45,150)
```
#5733aa
```
#5733aa rgb(87,51,170)
```
#6139be
```
#6139be rgb(97,57,190)
```
#6f48c8
```
#6f48c8 rgb(111,72,200)
```
#7e5cce
```
#7e5cce rgb(126,92,206)
```

Monochromatic Color

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

#3933aa
```
#3933aa rgb(57,51,170)
```
#4333aa
```
#4333aa rgb(67,51,170)
```
#4d33aa
```
#4d33aa rgb(77,51,170)
```
#5733aa
```
#5733aa rgb(87,51,170)
```
#6133aa
```
#6133aa rgb(97,51,170)
```
#6b33aa
```
#6b33aa rgb(107,51,170)
```
#7533aa
```
#7533aa rgb(117,51,170)
```

Similar Colors

Text with hexadecimal color #5733aa

This text has a font color of #5733aa.

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

#5733aa background color

This paragraph has a background color of #5733aa.

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

#5733aa border color

This element has a border color of #5733aa.

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

CSS codes

.text {color:#5733aa;}

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

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

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

#020104
```
#020104 rgb(2,1,4)
```
#0a0613
```
#0a0613 rgb(10,6,19)
```
#120a22
```
#120a22 rgb(18,10,34)
```
#190f31
```
#190f31 rgb(25,15,49)
```
#211340
```
#211340 rgb(33,19,64)
```
#29184f
```
#29184f rgb(41,24,79)
```
#301c5f
```
#301c5f rgb(48,28,95)
```
#38216e
```
#38216e rgb(56,33,110)
```
#40257d
```
#40257d rgb(64,37,125)
```
#482a8c
```
#482a8c rgb(72,42,140)
```
#4f2e9b
```
#4f2e9b rgb(79,46,155)
```
#5733aa
```
#5733aa rgb(87,51,170)
```
#5f38b9
```
#5f38b9 rgb(95,56,185)
```

Shade Color Variation

#683fc5
```
#683fc5 rgb(104,63,197)
```
#734eca
```
#734eca rgb(115,78,202)
```
#7f5dce
```
#7f5dce rgb(127,93,206)
```
#8b6cd3
```
#8b6cd3 rgb(139,108,211)
```
#977bd7
```
#977bd7 rgb(151,123,215)
```
#a38adc
```
#a38adc rgb(163,138,220)
```
#af99e1
```
#af99e1 rgb(175,153,225)
```
#bba8e5
```
#bba8e5 rgb(187,168,229)
```
#c7b8ea
```
#c7b8ea rgb(199,184,234)
```
#d3c7ee
```
#d3c7ee rgb(211,199,238)
```
#ded6f3
```
#ded6f3 rgb(222,214,243)
```
#eae5f7
```
#eae5f7 rgb(234,229,247)
```
#f6f4fc
```
#f6f4fc rgb(246,244,252)
```

Tint Color Variation

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

#6b6677
```
#6b6677 rgb(107,102,119)
```
#685e80
```
#685e80 rgb(104,94,128)
```
#645588
```
#645588 rgb(100,85,136)
```
#614d91
```
#614d91 rgb(97,77,145)
```
#5e4499
```
#5e4499 rgb(94,68,153)
```
#5a3ca2
```
#5a3ca2 rgb(90,60,162)
```
#5733aa
```
#5733aa rgb(87,51,170)
```
#542bb3
```
#542bb3 rgb(84,43,179)
```
#5022bb
```
#5022bb rgb(80,34,187)
```
#4d1ac4
```
#4d1ac4 rgb(77,26,196)
```
#4a11cc
```
#4a11cc rgb(74,17,204)
```
#4609d5
```
#4609d5 rgb(70,9,213)
```
#4300dd
```
#4300dd rgb(67,0,221)
```

Tone Color Variation

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

#4b4b4b Achromatopsia 0.005% of the population
#4d465e Atypical Achromatopsia 0.001% of the population

Dichromacy

#0053a2 Protanopia 1% of men
#00578e Deuteranopia 1% of men
#43595f Tritanopia 0.001% of the population

Trichromacy

#1f47a5 Protanomaly 1% of men, 0.01% of women
#1f4a98 Deuteranomaly 6% of men, 0.4% of women
#4a4b7a Tritanomaly 0.01% of the population

#5733aa hex color

#5733aa Color Information

#5733aa Color Conversion

Color Schemes with #5733aa

Alternatives to #5733aa

#5733aa Preview

Shades and Tints of #5733aa

Tones of #5733aa

Color Blindness Simulator