#5533bc hex color

In a RGB color space, hex #5533bc is composed of 33.3% red, 20% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 54.8% cyan, 72.9% magenta, 0% yellow and 26.3% black. It has a hue angle of 254.9 degrees, a saturation of 57.3% and a lightness of 46.9%. #5533bc color hex could be obtained by blending #aa66ff with #000079. 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

● #5533bc color description : Moderate blue.

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

Hex triplet	5533bc	`#5533bc`
RGB Decimal	85, 51, 188	`rgb(85,51,188)`
RGB Percent	33.3, 20, 73.7	`rgb(33.3%,20%,73.7%)`
CMYK	55, 73, 0, 26
HSL	254.9°, 57.3, 46.9	`hsl(254.9,57.3%,46.9%)`
HSV (or HSB)	254.9°, 72.9, 73.7
Web Safe	6633cc	`#6633cc`

CIE-LAB	33.835, 49.285, -66.678
XYZ	14.006, 7.929, 48.367
xyY	0.199, 0.113, 7.929
CIE-LCH	33.835, 82.916, 306.47
CIE-LUV	33.835, 1.603, -93.106
Hunter-Lab	28.159, 39.502, -82.126
Binary	01010101, 00110011, 10111100

#5533bc
```
#5533bc rgb(85,51,188)
```
#9abc33
```
#9abc33 rgb(154,188,51)
```

Complementary Color

#3355bc
```
#3355bc rgb(51,85,188)
```
#5533bc
```
#5533bc rgb(85,51,188)
```
#9a33bc
```
#9a33bc rgb(154,51,188)
```

Analogous Color

#55bc33
```
#55bc33 rgb(85,188,51)
```
#5533bc
```
#5533bc rgb(85,51,188)
```
#bc9a33
```
#bc9a33 rgb(188,154,51)
```

Split Complementary Color

#33bc55
```
#33bc55 rgb(51,188,85)
```
#5533bc
```
#5533bc rgb(85,51,188)
```
#bc5533
```
#bc5533 rgb(188,85,51)
```

Triadic Color

#339abc
```
#339abc rgb(51,154,188)
```
#5533bc
```
#5533bc rgb(85,51,188)
```
#bc5533
```
#bc5533 rgb(188,85,51)
```
#9abc33
```
#9abc33 rgb(154,188,51)
```

Tetradic Color

#3a2380
```
#3a2380 rgb(58,35,128)
```
#432894
```
#432894 rgb(67,40,148)
```
#4c2ea8
```
#4c2ea8 rgb(76,46,168)
```
#5533bc
```
#5533bc rgb(85,51,188)
```
#613ecb
```
#613ecb rgb(97,62,203)
```
#7152d0
```
#7152d0 rgb(113,82,208)
```
#8266d5
```
#8266d5 rgb(130,102,213)
```

Monochromatic Color

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

#3333bc
```
#3333bc rgb(51,51,188)
```
#3e33bc
```
#3e33bc rgb(62,51,188)
```
#4a33bc
```
#4a33bc rgb(74,51,188)
```
#5533bc
```
#5533bc rgb(85,51,188)
```
#6033bc
```
#6033bc rgb(96,51,188)
```
#6c33bc
```
#6c33bc rgb(108,51,188)
```
#7733bc
```
#7733bc rgb(119,51,188)
```

Similar Colors

Text with hexadecimal color #5533bc

This text has a font color of #5533bc.

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

#5533bc background color

This paragraph has a background color of #5533bc.

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

#5533bc border color

This element has a border color of #5533bc.

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

CSS codes

.text {color:#5533bc;}

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

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

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

#010103
```
#010103 rgb(1,1,3)
```
#080512
```
#080512 rgb(8,5,18)
```
#0f0922
```
#0f0922 rgb(15,9,34)
```
#160d31
```
#160d31 rgb(22,13,49)
```
#1d1241
```
#1d1241 rgb(29,18,65)
```
#241650
```
#241650 rgb(36,22,80)
```
#2b1a5f
```
#2b1a5f rgb(43,26,95)
```
#321e6f
```
#321e6f rgb(50,30,111)
```
#39227e
```
#39227e rgb(57,34,126)
```
#40268e
```
#40268e rgb(64,38,142)
```
#472b9d
```
#472b9d rgb(71,43,157)
```
#4e2fad
```
#4e2fad rgb(78,47,173)
```
#5533bc
```
#5533bc rgb(85,51,188)
```

Shade Color Variation

#5d39c9
```
#5d39c9 rgb(93,57,201)
```
#6a49ce
```
#6a49ce rgb(106,73,206)
```
#7658d2
```
#7658d2 rgb(118,88,210)
```
#8368d6
```
#8368d6 rgb(131,104,214)
```
#9077da
```
#9077da rgb(144,119,218)
```
#9c86de
```
#9c86de rgb(156,134,222)
```
#a996e2
```
#a996e2 rgb(169,150,226)
```
#b5a5e7
```
#b5a5e7 rgb(181,165,231)
```
#c2b5eb
```
#c2b5eb rgb(194,181,235)
```
#cfc4ef
```
#cfc4ef rgb(207,196,239)
```
#dbd4f3
```
#dbd4f3 rgb(219,212,243)
```
#e8e3f7
```
#e8e3f7 rgb(232,227,247)
```
#f5f2fc
```
#f5f2fc rgb(245,242,252)
```

Tint Color Variation

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

#75737c
```
#75737c rgb(117,115,124)
```
#716a85
```
#716a85 rgb(113,106,133)
```
#6c618e
```
#6c618e rgb(108,97,142)
```
#685897
```
#685897 rgb(104,88,151)
```
#634fa0
```
#634fa0 rgb(99,79,160)
```
#5e45aa
```
#5e45aa rgb(94,69,170)
```
#5a3cb3
```
#5a3cb3 rgb(90,60,179)
```
#5533bc
```
#5533bc rgb(85,51,188)
```
#502ac5
```
#502ac5 rgb(80,42,197)
```
#4c21ce
```
#4c21ce rgb(76,33,206)
```
#4717d8
```
#4717d8 rgb(71,23,216)
```
#420ee1
```
#420ee1 rgb(66,14,225)
```
#3e05ea
```
#3e05ea rgb(62,5,234)
```

Tone Color Variation

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

#0056a7 Protanopia 1% of men
#005a92 Deuteranopia 1% of men
#335e65 Tritanopia 0.001% of the population

Trichromacy

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

#5533bc hex color

#5533bc Color Information

#5533bc Color Conversion

Color Schemes with #5533bc

Alternatives to #5533bc

#5533bc Preview

Shades and Tints of #5533bc

Tones of #5533bc

Color Blindness Simulator