#550bd4 Color Information
In a RGB color space, hex #550bd4 is composed of 33.3% red, 4.3% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 59.9% cyan, 94.8% magenta, 0% yellow and 16.9% black. It has a hue angle of 262.1 degrees, a saturation of 90.1% and a lightness of 43.7%. #550bd4 color hex could be obtained by blending #aa16ff with #0000a9. Closest websafe color is: #6600cc.
-
- R 33
- G 4
- B 83
-
- C 60
- M 95
- Y 0
- K 17
● #550bd4 color description : Strong violet.
#550bd4 Color Conversion
The hexadecimal color #550bd4 has RGB values of R:85, G:11, B:212 and CMYK values of C:0.6, M:0.95, Y:0, K:0.17. Its decimal value is 5573588.
| Hex triplet | 550bd4 | #550bd4 |
|---|---|---|
| RGB Decimal | 85, 11, 212 | rgb(85,11,212) |
| RGB Percent | 33.3, 4.3, 83.1 | rgb(33.3%,4.3%,83.1%) |
| CMYK | 60, 95, 0, 17 | |
| HSL | 262.1°, 90.1, 43.7 | hsl(262.1,90.1%,43.7%) |
| HSV (or HSB) | 262.1°, 94.8, 83.1 | |
| Web Safe | 6600cc | #6600cc |
| CIE-LAB | 31.632, 69.305, -84.347 |
|---|---|
| XYZ | 15.747, 6.924, 62.79 |
| xyY | 0.184, 0.081, 6.924 |
| CIE-LCH | 31.632, 109.168, 309.409 |
| CIE-LUV | 31.632, 2.751, -109.387 |
| Hunter-Lab | 26.313, 60.78, -123.065 |
| Binary | 01010101, 00001011, 11010100 |
Color Schemes with #550bd4
Alternatives to #550bd4
Below, you can see some colors close to #550bd4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#550bd4 Preview
This text has a font color of #550bd4.
<span style="color:#550bd4;">Text here</span>
This paragraph has a background color of #550bd4.
<p style="background-color:#550bd4;">Content here</p>
This element has a border color of #550bd4.
<div style="border:1px solid #550bd4;">Content here</div>
.text {color:#550bd4;}
.background {background-color:#550bd4;}
.border {border:1px solid #550bd4;}
Shades and Tints of #550bd4
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, #030007 is the darkest color, while #f7f3fe is the lightest one.
-
#030007
#030007rgb(3,0,7) -
#0a011a
#0a011argb(10,1,26) -
#12022c
#12022crgb(18,2,44) -
#19033f
#19033frgb(25,3,63) -
#210451
#210451rgb(33,4,81) -
#280564
#280564rgb(40,5,100) -
#300677
#300677rgb(48,6,119) -
#370789
#370789rgb(55,7,137) -
#3f089c
#3f089crgb(63,8,156) -
#4609af
#4609afrgb(70,9,175) -
#4e0ac1
#4e0ac1rgb(78,10,193) -
#550bd4
#550bd4rgb(85,11,212) -
#5c0ce7
#5c0ce7rgb(92,12,231)
-
#6613f3
#6613f3rgb(102,19,243) -
#7226f4
#7226f4rgb(114,38,244) -
#7e39f5
#7e39f5rgb(126,57,245) -
#8a4bf6
#8a4bf6rgb(138,75,246) -
#965ef7
#965ef7rgb(150,94,247) -
#a271f8
#a271f8rgb(162,113,248) -
#af83f9
#af83f9rgb(175,131,249) -
#bb96fa
#bb96fargb(187,150,250) -
#c7a9fb
#c7a9fbrgb(199,169,251) -
#d3bbfb
#d3bbfbrgb(211,187,251) -
#dfcefc
#dfcefcrgb(223,206,252) -
#ebe1fd
#ebe1fdrgb(235,225,253) -
#f7f3fe
#f7f3fergb(247,243,254)
Tones of #550bd4
A tone is produced by adding gray to any pure hue. In this case, #6e6976 is the less saturated color, while #5302dd is the most saturated one.
-
#6e6976
#6e6976rgb(110,105,118) -
#6c617e
#6c617ergb(108,97,126) -
#695887
#695887rgb(105,88,135) -
#67508f
#67508frgb(103,80,143) -
#654798
#654798rgb(101,71,152) -
#633ea1
#633ea1rgb(99,62,161) -
#6036a9
#6036a9rgb(96,54,169) -
#5e2db2
#5e2db2rgb(94,45,178) -
#5c25ba
#5c25bargb(92,37,186) -
#5a1cc3
#5a1cc3rgb(90,28,195) -
#5714cb
#5714cbrgb(87,20,203) -
#550bd4
#550bd4rgb(85,11,212) -
#5302dd
#5302ddrgb(83,2,221)
Color Blindness Simulator
Below, you can see how #550bd4 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.
