#550bb8 hex color

In a RGB color space, hex #550bb8 is composed of 33.3% red, 4.3% green and 72.2% blue. Whereas in a CMYK color space, it is composed of 53.8% cyan, 94% magenta, 0% yellow and 27.8% black. It has a hue angle of 265.7 degrees, a saturation of 88.7% and a lightness of 38.2%. #550bb8 color hex could be obtained by blending #aa16ff with #000071. Closest websafe color is: #6600cc.

♥
- f
- t
- g
- R 33
- G 4
- B 72
RGB color chart
- C 54
- M 94
- Y 0
- K 28
CMYK color chart

● #550bb8 color description : Strong violet.

The hexadecimal color #550bb8 has RGB values of R:85, G:11, B:184 and CMYK values of C:0.54, M:0.94, Y:0, K:0.28. Its decimal value is 5573560.

Hex triplet	550bb8	`#550bb8`
RGB Decimal	85, 11, 184	`rgb(85,11,184)`
RGB Percent	33.3, 4.3, 72.2	`rgb(33.3%,4.3%,72.2%)`
CMYK	54, 94, 0, 28
HSL	265.7°, 88.7, 38.2	`hsl(265.7,88.7%,38.2%)`
HSV (or HSB)	265.7°, 94, 72.2
Web Safe	6600cc	`#6600cc`

CIE-LAB	28.462, 62.732, -73.164
XYZ	12.516, 5.631, 45.772
xyY	0.196, 0.088, 5.631
CIE-LCH	28.462, 96.376, 310.61
CIE-LUV	28.462, 5.86, -93.253
Hunter-Lab	23.73, 52.621, -97.752
Binary	01010101, 00001011, 10111000

#550bb8
```
#550bb8 rgb(85,11,184)
```
#6eb80b
```
#6eb80b rgb(110,184,11)
```

Complementary Color

#0b18b8
```
#0b18b8 rgb(11,24,184)
```
#550bb8
```
#550bb8 rgb(85,11,184)
```
#ac0bb8
```
#ac0bb8 rgb(172,11,184)
```

Analogous Color

#18b80b
```
#18b80b rgb(24,184,11)
```
#550bb8
```
#550bb8 rgb(85,11,184)
```
#b8ac0b
```
#b8ac0b rgb(184,172,11)
```

Split Complementary Color

#0bb855
```
#0bb855 rgb(11,184,85)
```
#550bb8
```
#550bb8 rgb(85,11,184)
```
#b8550b
```
#b8550b rgb(184,85,11)
```

Triadic Color

#0b6eb8
```
#0b6eb8 rgb(11,110,184)
```
#550bb8
```
#550bb8 rgb(85,11,184)
```
#b8550b
```
#b8550b rgb(184,85,11)
```
#6eb80b
```
#6eb80b rgb(110,184,11)
```

Tetradic Color

#340770
```
#340770 rgb(52,7,112)
```
#3f0888
```
#3f0888 rgb(63,8,136)
```
#4a0aa0
```
#4a0aa0 rgb(74,10,160)
```
#550bb8
```
#550bb8 rgb(85,11,184)
```
#600cd0
```
#600cd0 rgb(96,12,208)
```
#6b0ee8
```
#6b0ee8 rgb(107,14,232)
```
#781ef2
```
#781ef2 rgb(120,30,242)
```

Monochromatic Color

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

#2a0bb8
```
#2a0bb8 rgb(42,11,184)
```
#380bb8
```
#380bb8 rgb(56,11,184)
```
#470bb8
```
#470bb8 rgb(71,11,184)
```
#550bb8
```
#550bb8 rgb(85,11,184)
```
#630bb8
```
#630bb8 rgb(99,11,184)
```
#720bb8
```
#720bb8 rgb(114,11,184)
```
#800bb8
```
#800bb8 rgb(128,11,184)
```

Similar Colors

Text with hexadecimal color #550bb8

This text has a font color of #550bb8.

<span style="color:#550bb8;">Text here</span>

#550bb8 background color

This paragraph has a background color of #550bb8.

<p style="background-color:#550bb8;">Content here</p>

#550bb8 border color

This element has a border color of #550bb8.

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

CSS codes

.text {color:#550bb8;}

.background {background-color:#550bb8;}

.border {border:1px solid #550bb8;}

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

#080111
```
#080111 rgb(8,1,17)
```
#110224
```
#110224 rgb(17,2,36)
```
#190336
```
#190336 rgb(25,3,54)
```
#220449
```
#220449 rgb(34,4,73)
```
#2a055b
```
#2a055b rgb(42,5,91)
```
#33076e
```
#33076e rgb(51,7,110)
```
#3b0880
```
#3b0880 rgb(59,8,128)
```
#440993
```
#440993 rgb(68,9,147)
```
#4c0aa5
```
#4c0aa5 rgb(76,10,165)
```
#550bb8
```
#550bb8 rgb(85,11,184)
```
#5e0ccb
```
#5e0ccb rgb(94,12,203)
```
#660ddd
```
#660ddd rgb(102,13,221)
```
#6f0ef0
```
#6f0ef0 rgb(111,14,240)
```

Shade Color Variation

#7a20f2
```
#7a20f2 rgb(122,32,242)
```
#8532f3
```
#8532f3 rgb(133,50,243)
```
#9045f4
```
#9045f4 rgb(144,69,244)
```
#9b57f5
```
#9b57f5 rgb(155,87,245)
```
#a66af6
```
#a66af6 rgb(166,106,246)
```
#b17cf7
```
#b17cf7 rgb(177,124,247)
```
#bc8ff8
```
#bc8ff8 rgb(188,143,248)
```
#c7a1f9
```
#c7a1f9 rgb(199,161,249)
```
#d2b4fb
```
#d2b4fb rgb(210,180,251)
```
#ddc6fc
```
#ddc6fc rgb(221,198,252)
```
#e8d9fd
```
#e8d9fd rgb(232,217,253)
```
#f3ebfe
```
#f3ebfe rgb(243,235,254)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #615e66 is the less saturated color, while #5403c0 is the most saturated one.

#615e66
```
#615e66 rgb(97,94,102)
```
#60566d
```
#60566d rgb(96,86,109)
```
#5f4f75
```
#5f4f75 rgb(95,79,117)
```
#5e477c
```
#5e477c rgb(94,71,124)
```
#5d4084
```
#5d4084 rgb(93,64,132)
```
#5c388b
```
#5c388b rgb(92,56,139)
```
#5a3193
```
#5a3193 rgb(90,49,147)
```
#59299a
```
#59299a rgb(89,41,154)
```
#5822a2
```
#5822a2 rgb(88,34,162)
```
#571aa9
```
#571aa9 rgb(87,26,169)
```
#5613b1
```
#5613b1 rgb(86,19,177)
```
#550bb8
```
#550bb8 rgb(85,11,184)
```
#5403c0
```
#5403c0 rgb(84,3,192)
```

Tone Color Variation

Below, you can see how #550bb8 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

#353535 Achromatopsia 0.005% of the population
#3b2d4f Atypical Achromatopsia 0.001% of the population

Dichromacy

#004a91 Protanopia 1% of men
#004f7d Deuteranopia 1% of men
#325157 Tritanopia 0.001% of the population

Trichromacy

#1e339f Protanomaly 1% of men, 0.01% of women
#1e3693 Deuteranomaly 6% of men, 0.4% of women
#3e377a Tritanomaly 0.01% of the population

#550bb8 hex color

#550bb8 Color Information

#550bb8 Color Conversion

Color Schemes with #550bb8

Alternatives to #550bb8

#550bb8 Preview

Shades and Tints of #550bb8

Tones of #550bb8

Color Blindness Simulator