#550ee1 Color Information
In a RGB color space, hex #550ee1 is composed of 33.3% red, 5.5% green and 88.2% blue. Whereas in a CMYK color space, it is composed of 62.2% cyan, 93.8% magenta, 0% yellow and 11.8% black. It has a hue angle of 260.2 degrees, a saturation of 88.3% and a lightness of 46.9%. #550ee1 color hex could be obtained by blending #aa1cff with #0000c3. Closest websafe color is: #6600cc.
-
- R 33
- G 5
- B 88
-
- C 62
- M 94
- Y 0
- K 12
● #550ee1 color description : Vivid violet.
#550ee1 Color Conversion
The hexadecimal color #550ee1 has RGB values of R:85, G:14, B:225 and CMYK values of C:0.62, M:0.94, Y:0, K:0.12. Its decimal value is 5574369.
| Hex triplet | 550ee1 | #550ee1 |
|---|---|---|
| RGB Decimal | 85, 14, 225 | rgb(85,14,225) |
| RGB Percent | 33.3, 5.5, 88.2 | rgb(33.3%,5.5%,88.2%) |
| CMYK | 62, 94, 0, 12 | |
| HSL | 260.2°, 88.3, 46.9 | hsl(260.2,88.3%,46.9%) |
| HSV (or HSB) | 260.2°, 93.8, 88.2 | |
| Web Safe | 6600cc | #6600cc |
| CIE-LAB | 33.31, 71.861, -89.057 |
|---|---|
| XYZ | 17.491, 7.681, 71.791 |
| xyY | 0.18, 0.079, 7.681 |
| CIE-LCH | 33.31, 114.434, 308.9 |
| CIE-LUV | 33.31, 1.371, -116.802 |
| Hunter-Lab | 27.715, 64.155, -134.182 |
| Binary | 01010101, 00001110, 11100001 |
Color Schemes with #550ee1
Alternatives to #550ee1
Below, you can see some colors close to #550ee1. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#550ee1 Preview
This text has a font color of #550ee1.
<span style="color:#550ee1;">Text here</span>
This paragraph has a background color of #550ee1.
<p style="background-color:#550ee1;">Content here</p>
This element has a border color of #550ee1.
<div style="border:1px solid #550ee1;">Content here</div>
.text {color:#550ee1;}
.background {background-color:#550ee1;}
.border {border:1px solid #550ee1;}
Shades and Tints of #550ee1
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, #010003 is the darkest color, while #f5f0fe is the lightest one.
-
#010003
#010003rgb(1,0,3) -
#080116
#080116rgb(8,1,22) -
#0f0328
#0f0328rgb(15,3,40) -
#16043b
#16043brgb(22,4,59) -
#1d054d
#1d054drgb(29,5,77) -
#240660
#240660rgb(36,6,96) -
#2b0772
#2b0772rgb(43,7,114) -
#320885
#320885rgb(50,8,133) -
#390997
#390997rgb(57,9,151) -
#400baa
#400baargb(64,11,170) -
#470cbc
#470cbcrgb(71,12,188) -
#4e0dcf
#4e0dcfrgb(78,13,207) -
#550ee1
#550ee1rgb(85,14,225)
-
#5d12f0
#5d12f0rgb(93,18,240) -
#6a25f1
#6a25f1rgb(106,37,241) -
#7637f3
#7637f3rgb(118,55,243) -
#834af4
#834af4rgb(131,74,244) -
#905cf5
#905cf5rgb(144,92,245) -
#9c6ff6
#9c6ff6rgb(156,111,246) -
#a981f7
#a981f7rgb(169,129,247) -
#b594f8
#b594f8rgb(181,148,248) -
#c2a6f9
#c2a6f9rgb(194,166,249) -
#cfb9fb
#cfb9fbrgb(207,185,251) -
#dbcbfc
#dbcbfcrgb(219,203,252) -
#e8ddfd
#e8ddfdrgb(232,221,253) -
#f5f0fe
#f5f0fergb(245,240,254)
Tones of #550ee1
A tone is produced by adding gray to any pure hue. In this case, #76737c is the less saturated color, while #5205ea is the most saturated one.
-
#76737c
#76737crgb(118,115,124) -
#736a85
#736a85rgb(115,106,133) -
#70618e
#70618ergb(112,97,142) -
#6d5897
#6d5897rgb(109,88,151) -
#6a4ea1
#6a4ea1rgb(106,78,161) -
#6745aa
#6745aargb(103,69,170) -
#643cb3
#643cb3rgb(100,60,179) -
#6133bc
#6133bcrgb(97,51,188) -
#5e2ac5
#5e2ac5rgb(94,42,197) -
#5b20cf
#5b20cfrgb(91,32,207) -
#5817d8
#5817d8rgb(88,23,216) -
#550ee1
#550ee1rgb(85,14,225) -
#5205ea
#5205eargb(82,5,234)
Color Blindness Simulator
Below, you can see how #550ee1 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.
