#551ce4 Color Information
In a RGB color space, hex #551ce4 is composed of 33.3% red, 11% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 62.7% cyan, 87.7% magenta, 0% yellow and 10.6% black. It has a hue angle of 257.1 degrees, a saturation of 78.7% and a lightness of 50.2%. #551ce4 color hex could be obtained by blending #aa38ff with #0000c9. Closest websafe color is: #6633cc.
-
- R 33
- G 11
- B 89
-
- C 63
- M 88
- Y 0
- K 11
● #551ce4 color description : Vivid violet.
#551ce4 Color Conversion
The hexadecimal color #551ce4 has RGB values of R:85, G:28, B:228 and CMYK values of C:0.63, M:0.88, Y:0, K:0.11. Its decimal value is 5577956.
| Hex triplet | 551ce4 | #551ce4 |
|---|---|---|
| RGB Decimal | 85, 28, 228 | rgb(85,28,228) |
| RGB Percent | 33.3, 11, 89.4 | rgb(33.3%,11%,89.4%) |
| CMYK | 63, 88, 0, 11 | |
| HSL | 257.1°, 78.7, 50.2 | hsl(257.1,78.7%,50.2%) |
| HSV (or HSB) | 257.1°, 87.7, 89.4 | |
| Web Safe | 6633cc | #6633cc |
| CIE-LAB | 34.727, 69.343, -88.422 |
|---|---|
| XYZ | 18.163, 8.363, 74.052 |
| xyY | 0.181, 0.083, 8.363 |
| CIE-LCH | 34.727, 112.37, 308.105 |
| CIE-LUV | 34.727, 0.357, -118.533 |
| Hunter-Lab | 28.918, 61.503, -131.583 |
| Binary | 01010101, 00011100, 11100100 |
Color Schemes with #551ce4
Alternatives to #551ce4
Below, you can see some colors close to #551ce4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#551ce4 Preview
This text has a font color of #551ce4.
<span style="color:#551ce4;">Text here</span>
This paragraph has a background color of #551ce4.
<p style="background-color:#551ce4;">Content here</p>
This element has a border color of #551ce4.
<div style="border:1px solid #551ce4;">Content here</div>
.text {color:#551ce4;}
.background {background-color:#551ce4;}
.border {border:1px solid #551ce4;}
Shades and Tints of #551ce4
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, #000001 is the darkest color, while #f3eefd is the lightest one.
-
#000001
#000001rgb(0,0,1) -
#070212
#070212rgb(7,2,18) -
#0d0424
#0d0424rgb(13,4,36) -
#140635
#140635rgb(20,6,53) -
#1a0847
#1a0847rgb(26,8,71) -
#210b59
#210b59rgb(33,11,89) -
#270d6a
#270d6argb(39,13,106) -
#2e0f7c
#2e0f7crgb(46,15,124) -
#34118d
#34118drgb(52,17,141) -
#3b139f
#3b139frgb(59,19,159) -
#4115b0
#4115b0rgb(65,21,176) -
#4817c2
#4817c2rgb(72,23,194) -
#4e19d3
#4e19d3rgb(78,25,211)
-
#551ce4
#551ce4rgb(85,28,228) -
#622ee6
#622ee6rgb(98,46,230) -
#6f3fe8
#6f3fe8rgb(111,63,232) -
#7c51ea
#7c51eargb(124,81,234) -
#8a62ec
#8a62ecrgb(138,98,236) -
#9774ee
#9774eergb(151,116,238) -
#a485f1
#a485f1rgb(164,133,241) -
#b197f3
#b197f3rgb(177,151,243) -
#bea8f5
#bea8f5rgb(190,168,245) -
#cbbaf7
#cbbaf7rgb(203,186,247) -
#d8cbf9
#d8cbf9rgb(216,203,249) -
#e5ddfb
#e5ddfbrgb(229,221,251) -
#f3eefd
#f3eefdrgb(243,238,253)
Tones of #551ce4
A tone is produced by adding gray to any pure hue. In this case, #7f7e82 is the less saturated color, while #4d08f8 is the most saturated one.
-
#7f7e82
#7f7e82rgb(127,126,130) -
#7b748c
#7b748crgb(123,116,140) -
#776a96
#776a96rgb(119,106,150) -
#7260a0
#7260a0rgb(114,96,160) -
#6e57a9
#6e57a9rgb(110,87,169) -
#6a4db3
#6a4db3rgb(106,77,179) -
#6643bd
#6643bdrgb(102,67,189) -
#6239c7
#6239c7rgb(98,57,199) -
#5d30d0
#5d30d0rgb(93,48,208) -
#5926da
#5926dargb(89,38,218) -
#551ce4
#551ce4rgb(85,28,228) -
#5112ee
#5112eergb(81,18,238) -
#4d08f8
#4d08f8rgb(77,8,248)
Color Blindness Simulator
Below, you can see how #551ce4 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.
