#550bb3 Color Information
In a RGB color space, hex #550bb3 is composed of 33.3% red, 4.3% green and 70.2% blue. Whereas in a CMYK color space, it is composed of 52.5% cyan, 93.9% magenta, 0% yellow and 29.8% black. It has a hue angle of 266.4 degrees, a saturation of 88.4% and a lightness of 37.3%. #550bb3 color hex could be obtained by blending #aa16ff with #000067. Closest websafe color is: #6600cc.
-
- R 33
- G 4
- B 70
-
- C 53
- M 94
- Y 0
- K 30
● #550bb3 color description : Strong violet.
#550bb3 Color Conversion
The hexadecimal color #550bb3 has RGB values of R:85, G:11, B:179 and CMYK values of C:0.53, M:0.94, Y:0, K:0.3. Its decimal value is 5573555.
| Hex triplet | 550bb3 | #550bb3 |
|---|---|---|
| RGB Decimal | 85, 11, 179 | rgb(85,11,179) |
| RGB Percent | 33.3, 4.3, 70.2 | rgb(33.3%,4.3%,70.2%) |
| CMYK | 53, 94, 0, 30 | |
| HSL | 266.4°, 88.4, 37.3 | hsl(266.4,88.4%,37.3%) |
| HSV (or HSB) | 266.4°, 93.9, 70.2 | |
| Web Safe | 6600cc | #6600cc |
| CIE-LAB | 27.913, 61.56, -71.091 |
|---|---|
| XYZ | 12.001, 5.425, 43.06 |
| xyY | 0.198, 0.09, 5.425 |
| CIE-LCH | 27.913, 94.04, 310.891 |
| CIE-LUV | 27.913, 6.479, -90.337 |
| Hunter-Lab | 23.292, 51.212, -93.306 |
| Binary | 01010101, 00001011, 10110011 |
Color Schemes with #550bb3
Alternatives to #550bb3
Below, you can see some colors close to #550bb3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#550bb3 Preview
This text has a font color of #550bb3.
<span style="color:#550bb3;">Text here</span>
This paragraph has a background color of #550bb3.
<p style="background-color:#550bb3;">Content here</p>
This element has a border color of #550bb3.
<div style="border:1px solid #550bb3;">Content here</div>
.text {color:#550bb3;}
.background {background-color:#550bb3;}
.border {border:1px solid #550bb3;}
Shades and Tints of #550bb3
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, #06010d is the darkest color, while #fcf9ff is the lightest one.
-
#06010d
#06010drgb(6,1,13) -
#0f021f
#0f021frgb(15,2,31) -
#180332
#180332rgb(24,3,50) -
#200444
#200444rgb(32,4,68) -
#290557
#290557rgb(41,5,87) -
#320669
#320669rgb(50,6,105) -
#3b087c
#3b087crgb(59,8,124) -
#43098e
#43098ergb(67,9,142) -
#4c0aa1
#4c0aa1rgb(76,10,161) -
#550bb3
#550bb3rgb(85,11,179) -
#5e0cc5
#5e0cc5rgb(94,12,197) -
#670dd8
#670dd8rgb(103,13,216) -
#6f0eea
#6f0eeargb(111,14,234)
-
#7a1bf1
#7a1bf1rgb(122,27,241) -
#842ef2
#842ef2rgb(132,46,242) -
#8f40f3
#8f40f3rgb(143,64,243) -
#9a53f4
#9a53f4rgb(154,83,244) -
#a565f6
#a565f6rgb(165,101,246) -
#b078f7
#b078f7rgb(176,120,247) -
#bb8af8
#bb8af8rgb(187,138,248) -
#c59df9
#c59df9rgb(197,157,249) -
#d0affa
#d0affargb(208,175,250) -
#dbc2fb
#dbc2fbrgb(219,194,251) -
#e6d4fc
#e6d4fcrgb(230,212,252) -
#f1e7fe
#f1e7fergb(241,231,254) -
#fcf9ff
#fcf9ffrgb(252,249,255)
Tones of #550bb3
A tone is produced by adding gray to any pure hue. In this case, #5f5b63 is the less saturated color, while #5404ba is the most saturated one.
-
#5f5b63
#5f5b63rgb(95,91,99) -
#5e546a
#5e546argb(94,84,106) -
#5d4d71
#5d4d71rgb(93,77,113) -
#5c4579
#5c4579rgb(92,69,121) -
#5b3e80
#5b3e80rgb(91,62,128) -
#5a3787
#5a3787rgb(90,55,135) -
#59308e
#59308ergb(89,48,142) -
#582896
#582896rgb(88,40,150) -
#58219d
#58219drgb(88,33,157) -
#571aa4
#571aa4rgb(87,26,164) -
#5612ac
#5612acrgb(86,18,172) -
#550bb3
#550bb3rgb(85,11,179) -
#5404ba
#5404bargb(84,4,186)
Color Blindness Simulator
Below, you can see how #550bb3 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.
