#550af3 Color Information
In a RGB color space, hex #550af3 is composed of 33.3% red, 3.9% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 65% cyan, 95.9% magenta, 0% yellow and 4.7% black. It has a hue angle of 259.3 degrees, a saturation of 92.1% and a lightness of 49.6%. #550af3 color hex could be obtained by blending #aa14ff with #0000e7. Closest websafe color is: #6600ff.
-
- R 33
- G 4
- B 95
-
- C 65
- M 96
- Y 0
- K 5
● #550af3 color description : Vivid violet.
#550af3 Color Conversion
The hexadecimal color #550af3 has RGB values of R:85, G:10, B:243 and CMYK values of C:0.65, M:0.96, Y:0, K:0.05. Its decimal value is 5573363.
| Hex triplet | 550af3 | #550af3 |
|---|---|---|
| RGB Decimal | 85, 10, 243 | rgb(85,10,243) |
| RGB Percent | 33.3, 3.9, 95.3 | rgb(33.3%,3.9%,95.3%) |
| CMYK | 65, 96, 0, 5 | |
| HSL | 259.3°, 92.1, 49.6 | hsl(259.3,92.1%,49.6%) |
| HSV (or HSB) | 259.3°, 95.9, 95.3 | |
| Web Safe | 6600ff | #6600ff |
| CIE-LAB | 35.239, 76.682, -96.097 |
|---|---|
| XYZ | 20.03, 8.619, 85.397 |
| xyY | 0.176, 0.076, 8.619 |
| CIE-LCH | 35.239, 122.942, 308.588 |
| CIE-LUV | 35.239, -0.12, -126.919 |
| Hunter-Lab | 29.358, 70.408, -151.916 |
| Binary | 01010101, 00001010, 11110011 |
Color Schemes with #550af3
Alternatives to #550af3
Below, you can see some colors close to #550af3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#550af3 Preview
This text has a font color of #550af3.
<span style="color:#550af3;">Text here</span>
This paragraph has a background color of #550af3.
<p style="background-color:#550af3;">Content here</p>
This element has a border color of #550af3.
<div style="border:1px solid #550af3;">Content here</div>
.text {color:#550af3;}
.background {background-color:#550af3;}
.border {border:1px solid #550af3;}
Shades and Tints of #550af3
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, #060111 is the darkest color, while #fefdff is the lightest one.
-
#060111
#060111rgb(6,1,17) -
#0d0124
#0d0124rgb(13,1,36) -
#130237
#130237rgb(19,2,55) -
#1a0349
#1a0349rgb(26,3,73) -
#20045c
#20045crgb(32,4,92) -
#27056f
#27056frgb(39,5,111) -
#2d0582
#2d0582rgb(45,5,130) -
#340695
#340695rgb(52,6,149) -
#3b07a8
#3b07a8rgb(59,7,168) -
#4108ba
#4108bargb(65,8,186) -
#4808cd
#4808cdrgb(72,8,205) -
#4e09e0
#4e09e0rgb(78,9,224) -
#550af3
#550af3rgb(85,10,243)
-
#611bf6
#611bf6rgb(97,27,246) -
#6e2ef6
#6e2ef6rgb(110,46,246) -
#7b41f7
#7b41f7rgb(123,65,247) -
#8854f8
#8854f8rgb(136,84,248) -
#9566f9
#9566f9rgb(149,102,249) -
#a279f9
#a279f9rgb(162,121,249) -
#b08cfa
#b08cfargb(176,140,250) -
#bd9ffb
#bd9ffbrgb(189,159,251) -
#cab2fc
#cab2fcrgb(202,178,252) -
#d7c5fd
#d7c5fdrgb(215,197,253) -
#e4d7fd
#e4d7fdrgb(228,215,253) -
#f1eafe
#f1eafergb(241,234,254) -
#fefdff
#fefdffrgb(254,253,255)
Tones of #550af3
A tone is produced by adding gray to any pure hue. In this case, #7b7588 is the less saturated color, while #5200fd is the most saturated one.
-
#7b7588
#7b7588rgb(123,117,136) -
#786b92
#786b92rgb(120,107,146) -
#74629b
#74629brgb(116,98,155) -
#7158a5
#7158a5rgb(113,88,165) -
#6d4eaf
#6d4eafrgb(109,78,175) -
#6a44b9
#6a44b9rgb(106,68,185) -
#663bc2
#663bc2rgb(102,59,194) -
#6331cc
#6331ccrgb(99,49,204) -
#5f27d6
#5f27d6rgb(95,39,214) -
#5c1de0
#5c1de0rgb(92,29,224) -
#5814e9
#5814e9rgb(88,20,233) -
#550af3
#550af3rgb(85,10,243) -
#5200fd
#5200fdrgb(82,0,253)
Color Blindness Simulator
Below, you can see how #550af3 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.
