#5533bd hex color

In a RGB color space, hex #5533bd is composed of 33.3% red, 20% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 55% cyan, 73% magenta, 0% yellow and 25.9% black. It has a hue angle of 254.8 degrees, a saturation of 57.5% and a lightness of 47.1%. #5533bd color hex could be obtained by blending #aa66ff with #00007b. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 33
- G 20
- B 74
RGB color chart
- C 55
- M 73
- Y 0
- K 26
CMYK color chart

● #5533bd color description : Moderate blue.

The hexadecimal color #5533bd has RGB values of R:85, G:51, B:189 and CMYK values of C:0.55, M:0.73, Y:0, K:0.26. Its decimal value is 5583805.

Hex triplet	5533bd	`#5533bd`
RGB Decimal	85, 51, 189	`rgb(85,51,189)`
RGB Percent	33.3, 20, 74.1	`rgb(33.3%,20%,74.1%)`
CMYK	55, 73, 0, 26
HSL	254.8°, 57.5, 47.1	`hsl(254.8,57.5%,47.1%)`
HSV (or HSB)	254.8°, 73, 74.1
Web Safe	6633cc	`#6633cc`

CIE-LAB	33.926, 49.573, -67.119
XYZ	14.114, 7.973, 48.937
xyY	0.199, 0.112, 7.973
CIE-LCH	33.926, 83.442, 306.449
CIE-LUV	33.926, 1.507, -93.738
Hunter-Lab	28.236, 39.81, -82.992
Binary	01010101, 00110011, 10111101

#5533bd
```
#5533bd rgb(85,51,189)
```
#9bbd33
```
#9bbd33 rgb(155,189,51)
```

Complementary Color

#3356bd
```
#3356bd rgb(51,86,189)
```
#5533bd
```
#5533bd rgb(85,51,189)
```
#9a33bd
```
#9a33bd rgb(154,51,189)
```

Analogous Color

#56bd33
```
#56bd33 rgb(86,189,51)
```
#5533bd
```
#5533bd rgb(85,51,189)
```
#bd9a33
```
#bd9a33 rgb(189,154,51)
```

Split Complementary Color

#33bd55
```
#33bd55 rgb(51,189,85)
```
#5533bd
```
#5533bd rgb(85,51,189)
```
#bd5533
```
#bd5533 rgb(189,85,51)
```

Triadic Color

#339bbd
```
#339bbd rgb(51,155,189)
```
#5533bd
```
#5533bd rgb(85,51,189)
```
#bd5533
```
#bd5533 rgb(189,85,51)
```
#9bbd33
```
#9bbd33 rgb(155,189,51)
```

Tetradic Color

#3a2381
```
#3a2381 rgb(58,35,129)
```
#432895
```
#432895 rgb(67,40,149)
```
#4c2ea9
```
#4c2ea9 rgb(76,46,169)
```
#5533bd
```
#5533bd rgb(85,51,189)
```
#613ecb
```
#613ecb rgb(97,62,203)
```
#7253d0
```
#7253d0 rgb(114,83,208)
```
#8267d6
```
#8267d6 rgb(130,103,214)
```

Monochromatic Color

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

#3333bd
```
#3333bd rgb(51,51,189)
```
#3e33bd
```
#3e33bd rgb(62,51,189)
```
#4a33bd
```
#4a33bd rgb(74,51,189)
```
#5533bd
```
#5533bd rgb(85,51,189)
```
#6133bd
```
#6133bd rgb(97,51,189)
```
#6c33bd
```
#6c33bd rgb(108,51,189)
```
#7833bd
```
#7833bd rgb(120,51,189)
```

Similar Colors

Text with hexadecimal color #5533bd

This text has a font color of #5533bd.

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

#5533bd background color

This paragraph has a background color of #5533bd.

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

#5533bd border color

This element has a border color of #5533bd.

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

CSS codes

.text {color:#5533bd;}

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

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

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 #f5f3fc is the lightest one.

#020104
```
#020104 rgb(2,1,4)
```
#090513
```
#090513 rgb(9,5,19)
```
#100923
```
#100923 rgb(16,9,35)
```
#160d32
```
#160d32 rgb(22,13,50)
```
#1d1241
```
#1d1241 rgb(29,18,65)
```
#241651
```
#241651 rgb(36,22,81)
```
#2b1a60
```
#2b1a60 rgb(43,26,96)
```
#321e70
```
#321e70 rgb(50,30,112)
```
#39227f
```
#39227f rgb(57,34,127)
```
#40268f
```
#40268f rgb(64,38,143)
```
#472b9e
```
#472b9e rgb(71,43,158)
```
#4e2fae
```
#4e2fae rgb(78,47,174)
```
#5533bd
```
#5533bd rgb(85,51,189)
```

Shade Color Variation

#5d3aca
```
#5d3aca rgb(93,58,202)
```
#6a49ce
```
#6a49ce rgb(106,73,206)
```
#7759d2
```
#7759d2 rgb(119,89,210)
```
#8368d6
```
#8368d6 rgb(131,104,214)
```
#9078da
```
#9078da rgb(144,120,218)
```
#9d87df
```
#9d87df rgb(157,135,223)
```
#a997e3
```
#a997e3 rgb(169,151,227)
```
#b6a6e7
```
#b6a6e7 rgb(182,166,231)
```
#c3b5eb
```
#c3b5eb rgb(195,181,235)
```
#cfc5ef
```
#cfc5ef rgb(207,197,239)
```
#dcd4f3
```
#dcd4f3 rgb(220,212,243)
```
#e9e4f8
```
#e9e4f8 rgb(233,228,248)
```
#f5f3fc
```
#f5f3fc rgb(245,243,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #76747c is the less saturated color, while #3e05eb is the most saturated one.

#76747c
```
#76747c rgb(118,116,124)
```
#716a86
```
#716a86 rgb(113,106,134)
```
#6c618f
```
#6c618f rgb(108,97,143)
```
#685898
```
#685898 rgb(104,88,152)
```
#634fa1
```
#634fa1 rgb(99,79,161)
```
#5e45ab
```
#5e45ab rgb(94,69,171)
```
#5a3cb4
```
#5a3cb4 rgb(90,60,180)
```
#5533bd
```
#5533bd rgb(85,51,189)
```
#502ac6
```
#502ac6 rgb(80,42,198)
```
#4c21cf
```
#4c21cf rgb(76,33,207)
```
#4717d9
```
#4717d9 rgb(71,23,217)
```
#420ee2
```
#420ee2 rgb(66,14,226)
```
#3e05eb
```
#3e05eb rgb(62,5,235)
```

Tone Color Variation

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

#4d4d4d Achromatopsia 0.005% of the population
#4f4863 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0056a8 Protanopia 1% of men
#005b92 Deuteranopia 1% of men
#325f66 Tritanopia 0.001% of the population

Trichromacy

#1e49af Protanomaly 1% of men, 0.01% of women
#1e4ca2 Deuteranomaly 6% of men, 0.4% of women
#3f4f85 Tritanomaly 0.01% of the population

#5533bd hex color

#5533bd Color Information

#5533bd Color Conversion

Color Schemes with #5533bd

Alternatives to #5533bd

#5533bd Preview

Shades and Tints of #5533bd

Tones of #5533bd

Color Blindness Simulator