#550ffd Color Information
In a RGB color space, hex #550ffd is composed of 33.3% red, 5.9% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 66.4% cyan, 94.1% magenta, 0% yellow and 0.8% black. It has a hue angle of 257.6 degrees, a saturation of 98.3% and a lightness of 52.5%. #550ffd color hex could be obtained by blending #aa1eff with #0000fb. Closest websafe color is: #6600ff.
-
- R 33
- G 6
- B 99
-
- C 66
- M 94
- Y 0
- K 1
● #550ffd color description : Vivid violet.
#550ffd Color Conversion
The hexadecimal color #550ffd has RGB values of R:85, G:15, B:253 and CMYK values of C:0.66, M:0.94, Y:0, K:0.01. Its decimal value is 5574653.
| Hex triplet | 550ffd | #550ffd |
|---|---|---|
| RGB Decimal | 85, 15, 253 | rgb(85,15,253) |
| RGB Percent | 33.3, 5.9, 99.2 | rgb(33.3%,5.9%,99.2%) |
| CMYK | 66, 94, 0, 1 | |
| HSL | 257.6°, 98.3, 52.5 | hsl(257.6,98.3%,52.5%) |
| HSV (or HSB) | 257.6°, 94.1, 99.2 | |
| Web Safe | 6600ff | #6600ff |
| CIE-LAB | 36.676, 78.277, -99.34 |
|---|---|
| XYZ | 21.643, 9.364, 93.59 |
| xyY | 0.174, 0.075, 9.364 |
| CIE-LCH | 36.676, 126.475, 308.237 |
| CIE-LUV | 36.676, -1.124, -132.567 |
| Hunter-Lab | 30.6, 72.701, -159.915 |
| Binary | 01010101, 00001111, 11111101 |
Color Schemes with #550ffd
Alternatives to #550ffd
Below, you can see some colors close to #550ffd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#550ffd Preview
This text has a font color of #550ffd.
<span style="color:#550ffd;">Text here</span>
This paragraph has a background color of #550ffd.
<p style="background-color:#550ffd;">Content here</p>
This element has a border color of #550ffd.
<div style="border:1px solid #550ffd;">Content here</div>
.text {color:#550ffd;}
.background {background-color:#550ffd;}
.border {border:1px solid #550ffd;}
Shades and Tints of #550ffd
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, #04000d is the darkest color, while #faf8ff is the lightest one.
-
#04000d
#04000drgb(4,0,13) -
#0a0020
#0a0020rgb(10,0,32) -
#100034
#100034rgb(16,0,52) -
#150147
#150147rgb(21,1,71) -
#1b015b
#1b015brgb(27,1,91) -
#21016e
#21016ergb(33,1,110) -
#270182
#270182rgb(39,1,130) -
#2d0195
#2d0195rgb(45,1,149) -
#3301a9
#3301a9rgb(51,1,169) -
#3802bc
#3802bcrgb(56,2,188) -
#3e02cf
#3e02cfrgb(62,2,207) -
#4402e3
#4402e3rgb(68,2,227) -
#4a02f6
#4a02f6rgb(74,2,246)
-
#550ffd
#550ffdrgb(85,15,253) -
#6322fd
#6322fdrgb(99,34,253) -
#7136fd
#7136fdrgb(113,54,253) -
#7e49fd
#7e49fdrgb(126,73,253) -
#8c5dfe
#8c5dfergb(140,93,254) -
#9a70fe
#9a70fergb(154,112,254) -
#a884fe
#a884fergb(168,132,254) -
#b597fe
#b597fergb(181,151,254) -
#c3abfe
#c3abfergb(195,171,254) -
#d1befe
#d1befergb(209,190,254) -
#dfd2ff
#dfd2ffrgb(223,210,255) -
#ede5ff
#ede5ffrgb(237,229,255) -
#faf8ff
#faf8ffrgb(250,248,255)
Tones of #550ffd
A tone is produced by adding gray to any pure hue. In this case, #837f8d is the less saturated color, while #550ffd is the most saturated one.
-
#837f8d
#837f8drgb(131,127,141) -
#7f7597
#7f7597rgb(127,117,151) -
#7b6ca0
#7b6ca0rgb(123,108,160) -
#7763a9
#7763a9rgb(119,99,169) -
#7459b3
#7459b3rgb(116,89,179) -
#7050bc
#7050bcrgb(112,80,188) -
#6c47c5
#6c47c5rgb(108,71,197) -
#683ece
#683ecergb(104,62,206) -
#6434d8
#6434d8rgb(100,52,216) -
#602be1
#602be1rgb(96,43,225) -
#5d22ea
#5d22eargb(93,34,234) -
#5918f4
#5918f4rgb(89,24,244) -
#550ffd
#550ffdrgb(85,15,253)
Color Blindness Simulator
Below, you can see how #550ffd 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.
