#5533af hex color

In a RGB color space, hex #5533af is composed of 33.3% red, 20% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 51.4% cyan, 70.9% magenta, 0% yellow and 31.4% black. It has a hue angle of 256.5 degrees, a saturation of 54.9% and a lightness of 44.3%. #5533af color hex could be obtained by blending #aa66ff with #00005f. Closest websafe color is: #663399.

♥
- f
- t
- g
- R 33
- G 20
- B 69
RGB color chart
- C 51
- M 71
- Y 0
- K 31
CMYK color chart

● #5533af color description : Dark violet.

The hexadecimal color #5533af has RGB values of R:85, G:51, B:175 and CMYK values of C:0.51, M:0.71, Y:0, K:0.31. Its decimal value is 5583791.

Hex triplet	5533af	`#5533af`
RGB Decimal	85, 51, 175	`rgb(85,51,175)`
RGB Percent	33.3, 20, 68.6	`rgb(33.3%,20%,68.6%)`
CMYK	51, 71, 0, 31
HSL	256.5°, 54.9, 44.3	`hsl(256.5,54.9%,44.3%)`
HSV (or HSB)	256.5°, 70.9, 68.6
Web Safe	663399	`#663399`

CIE-LAB	32.687, 45.535, -60.849
XYZ	12.667, 7.394, 41.315
xyY	0.206, 0.12, 7.394
CIE-LCH	32.687, 76, 306.809
CIE-LUV	32.687, 2.914, -84.77
Hunter-Lab	27.192, 35.565, -71.051
Binary	01010101, 00110011, 10101111

#5533af
```
#5533af rgb(85,51,175)
```
#8daf33
```
#8daf33 rgb(141,175,51)
```

Complementary Color

#334faf
```
#334faf rgb(51,79,175)
```
#5533af
```
#5533af rgb(85,51,175)
```
#9333af
```
#9333af rgb(147,51,175)
```

Analogous Color

#4faf33
```
#4faf33 rgb(79,175,51)
```
#5533af
```
#5533af rgb(85,51,175)
```
#af9333
```
#af9333 rgb(175,147,51)
```

Split Complementary Color

#33af55
```
#33af55 rgb(51,175,85)
```
#5533af
```
#5533af rgb(85,51,175)
```
#af5533
```
#af5533 rgb(175,85,51)
```

Triadic Color

#338daf
```
#338daf rgb(51,141,175)
```
#5533af
```
#5533af rgb(85,51,175)
```
#af5533
```
#af5533 rgb(175,85,51)
```
#8daf33
```
#8daf33 rgb(141,175,51)
```

Tetradic Color

#382274
```
#382274 rgb(56,34,116)
```
#422788
```
#422788 rgb(66,39,136)
```
#4b2d9b
```
#4b2d9b rgb(75,45,155)
```
#5533af
```
#5533af rgb(85,51,175)
```
#5f39c3
```
#5f39c3 rgb(95,57,195)
```
#6e4bca
```
#6e4bca rgb(110,75,202)
```
#7e5ed0
```
#7e5ed0 rgb(126,94,208)
```

Monochromatic Color

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

#3633af
```
#3633af rgb(54,51,175)
```
#4033af
```
#4033af rgb(64,51,175)
```
#4b33af
```
#4b33af rgb(75,51,175)
```
#5533af
```
#5533af rgb(85,51,175)
```
#5f33af
```
#5f33af rgb(95,51,175)
```
#6a33af
```
#6a33af rgb(106,51,175)
```
#7433af
```
#7433af rgb(116,51,175)
```

Similar Colors

Text with hexadecimal color #5533af

This text has a font color of #5533af.

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

#5533af background color

This paragraph has a background color of #5533af.

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

#5533af border color

This element has a border color of #5533af.

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

CSS codes

.text {color:#5533af;}

.background {background-color:#5533af;}

.border {border:1px solid #5533af;}

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

#040208
```
#040208 rgb(4,2,8)
```
#0b0717
```
#0b0717 rgb(11,7,23)
```
#130b26
```
#130b26 rgb(19,11,38)
```
#1a1035
```
#1a1035 rgb(26,16,53)
```
#211445
```
#211445 rgb(33,20,69)
```
#291854
```
#291854 rgb(41,24,84)
```
#301d63
```
#301d63 rgb(48,29,99)
```
#372172
```
#372172 rgb(55,33,114)
```
#3f2681
```
#3f2681 rgb(63,38,129)
```
#462a91
```
#462a91 rgb(70,42,145)
```
#4e2fa0
```
#4e2fa0 rgb(78,47,160)
```
#5533af
```
#5533af rgb(85,51,175)
```
#5c37be
```
#5c37be rgb(92,55,190)
```

Shade Color Variation

#6641c8
```
#6641c8 rgb(102,65,200)
```
#7351cc
```
#7351cc rgb(115,81,204)
```
#7f60d1
```
#7f60d1 rgb(127,96,209)
```
#8b6fd5
```
#8b6fd5 rgb(139,111,213)
```
#977ed9
```
#977ed9 rgb(151,126,217)
```
#a38dde
```
#a38dde rgb(163,141,222)
```
#b09de2
```
#b09de2 rgb(176,157,226)
```
#bcace7
```
#bcace7 rgb(188,172,231)
```
#c8bbeb
```
#c8bbeb rgb(200,187,235)
```
#d4caf0
```
#d4caf0 rgb(212,202,240)
```
#e1d9f4
```
#e1d9f4 rgb(225,217,244)
```
#ede9f8
```
#ede9f8 rgb(237,233,248)
```
#f9f8fd
```
#f9f8fd rgb(249,248,253)
```

Tint Color Variation

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

#707072
```
#707072 rgb(112,112,114)
```
#6d677b
```
#6d677b rgb(109,103,123)
```
#695e84
```
#695e84 rgb(105,94,132)
```
#65568c
```
#65568c rgb(101,86,140)
```
#614d95
```
#614d95 rgb(97,77,149)
```
#5d449e
```
#5d449e rgb(93,68,158)
```
#593ca6
```
#593ca6 rgb(89,60,166)
```
#5533af
```
#5533af rgb(85,51,175)
```
#512ab8
```
#512ab8 rgb(81,42,184)
```
#4d22c0
```
#4d22c0 rgb(77,34,192)
```
#4919c9
```
#4919c9 rgb(73,25,201)
```
#4510d2
```
#4510d2 rgb(69,16,210)
```
#4108da
```
#4108da rgb(65,8,218)
```

Tone Color Variation

Below, you can see how #5533af 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
#4d465f Atypical Achromatopsia 0.001% of the population

Dichromacy

#0053a3 Protanopia 1% of men
#00588e Deuteranopia 1% of men
#3d5a61 Tritanopia 0.001% of the population

Trichromacy

#1e47a7 Protanomaly 1% of men, 0.01% of women
#1e4a9a Deuteranomaly 6% of men, 0.4% of women
#464c7d Tritanomaly 0.01% of the population

#5533af hex color

#5533af Color Information

#5533af Color Conversion

Color Schemes with #5533af

Alternatives to #5533af

#5533af Preview

Shades and Tints of #5533af

Tones of #5533af

Color Blindness Simulator