#550ef0 Color Information
In a RGB color space, hex #550ef0 is composed of 33.3% red, 5.5% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 64.6% cyan, 94.2% magenta, 0% yellow and 5.9% black. It has a hue angle of 258.8 degrees, a saturation of 89% and a lightness of 49.8%. #550ef0 color hex could be obtained by blending #aa1cff with #0000e1. Closest websafe color is: #6600ff.
-
- R 33
- G 5
- B 94
-
- C 65
- M 94
- Y 0
- K 6
● #550ef0 color description : Vivid violet.
#550ef0 Color Conversion
The hexadecimal color #550ef0 has RGB values of R:85, G:14, B:240 and CMYK values of C:0.65, M:0.94, Y:0, K:0.06. Its decimal value is 5574384.
| Hex triplet | 550ef0 | #550ef0 |
|---|---|---|
| RGB Decimal | 85, 14, 240 | rgb(85,14,240) |
| RGB Percent | 33.3, 5.5, 94.1 | rgb(33.3%,5.5%,94.1%) |
| CMYK | 65, 94, 0, 6 | |
| HSL | 258.8°, 89, 49.8 | hsl(258.8,89%,49.8%) |
| HSV (or HSB) | 258.8°, 94.2, 94.1 | |
| Web Safe | 6600ff | #6600ff |
| CIE-LAB | 35.075, 75.392, -94.673 |
|---|---|
| XYZ | 19.629, 8.536, 83.047 |
| xyY | 0.176, 0.077, 8.536 |
| CIE-LCH | 35.075, 121.025, 308.532 |
| CIE-LUV | 35.075, 0.012, -125.271 |
| Hunter-Lab | 29.216, 68.795, -148.079 |
| Binary | 01010101, 00001110, 11110000 |
Color Schemes with #550ef0
Alternatives to #550ef0
Below, you can see some colors close to #550ef0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#550ef0 Preview
This text has a font color of #550ef0.
<span style="color:#550ef0;">Text here</span>
This paragraph has a background color of #550ef0.
<p style="background-color:#550ef0;">Content here</p>
This element has a border color of #550ef0.
<div style="border:1px solid #550ef0;">Content here</div>
.text {color:#550ef0;}
.background {background-color:#550ef0;}
.border {border:1px solid #550ef0;}
Shades and Tints of #550ef0
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, #060112 is the darkest color, while #fefeff is the lightest one.
-
#060112
#060112rgb(6,1,18) -
#0d0224
#0d0224rgb(13,2,36) -
#130337
#130337rgb(19,3,55) -
#1a0449
#1a0449rgb(26,4,73) -
#20055c
#20055crgb(32,5,92) -
#27066e
#27066ergb(39,6,110) -
#2e0881
#2e0881rgb(46,8,129) -
#340993
#340993rgb(52,9,147) -
#3b0aa6
#3b0aa6rgb(59,10,166) -
#410bb8
#410bb8rgb(65,11,184) -
#480ccb
#480ccbrgb(72,12,203) -
#4e0ddd
#4e0dddrgb(78,13,221) -
#550ef0
#550ef0rgb(85,14,240)
-
#6220f2
#6220f2rgb(98,32,242) -
#6f32f3
#6f32f3rgb(111,50,243) -
#7c45f4
#7c45f4rgb(124,69,244) -
#8957f5
#8957f5rgb(137,87,245) -
#966af6
#966af6rgb(150,106,246) -
#a37cf7
#a37cf7rgb(163,124,247) -
#b08ff8
#b08ff8rgb(176,143,248) -
#bda1fa
#bda1fargb(189,161,250) -
#cab4fb
#cab4fbrgb(202,180,251) -
#d7c6fc
#d7c6fcrgb(215,198,252) -
#e4d9fd
#e4d9fdrgb(228,217,253) -
#f1ecfe
#f1ecfergb(241,236,254) -
#fefeff
#fefeffrgb(254,254,255)
Tones of #550ef0
A tone is produced by adding gray to any pure hue. In this case, #7d7985 is the less saturated color, while #5104fa is the most saturated one.
-
#7d7985
#7d7985rgb(125,121,133) -
#79708e
#79708ergb(121,112,142) -
#766698
#766698rgb(118,102,152) -
#725ca2
#725ca2rgb(114,92,162) -
#6e52ac
#6e52acrgb(110,82,172) -
#6b49b5
#6b49b5rgb(107,73,181) -
#673fbf
#673fbfrgb(103,63,191) -
#6435c9
#6435c9rgb(100,53,201) -
#602bd3
#602bd3rgb(96,43,211) -
#5c22dc
#5c22dcrgb(92,34,220) -
#5918e6
#5918e6rgb(89,24,230) -
#550ef0
#550ef0rgb(85,14,240) -
#5104fa
#5104fargb(81,4,250)
Color Blindness Simulator
Below, you can see how #550ef0 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.
