#552ed1 Color Information
In a RGB color space, hex #552ed1 is composed of 33.3% red, 18% green and 82% blue. Whereas in a CMYK color space, it is composed of 59.3% cyan, 78% magenta, 0% yellow and 18% black. It has a hue angle of 254.4 degrees, a saturation of 63.9% and a lightness of 50%. #552ed1 color hex could be obtained by blending #aa5cff with #0000a3. Closest websafe color is: #6633cc.
-
- R 33
- G 18
- B 82
-
- C 59
- M 78
- Y 0
- K 18
● #552ed1 color description : Strong blue.
#552ed1 Color Conversion
The hexadecimal color #552ed1 has RGB values of R:85, G:46, B:209 and CMYK values of C:0.59, M:0.78, Y:0, K:0.18. Its decimal value is 5582545.
| Hex triplet | 552ed1 | #552ed1 |
|---|---|---|
| RGB Decimal | 85, 46, 209 | rgb(85,46,209) |
| RGB Percent | 33.3, 18, 82 | rgb(33.3%,18%,82%) |
| CMYK | 59, 78, 0, 18 | |
| HSL | 254.4°, 63.9, 50 | hsl(254.4,63.9%,50%) |
| HSV (or HSB) | 254.4°, 78, 82 | |
| Web Safe | 6633cc | #6633cc |
| CIE-LAB | 34.98, 57.653, -77.07 |
|---|---|
| XYZ | 16.23, 8.488, 61.101 |
| xyY | 0.189, 0.099, 8.488 |
| CIE-LCH | 34.98, 96.248, 306.799 |
| CIE-LUV | 34.98, 0.353, -106.687 |
| Hunter-Lab | 29.135, 48.45, -103.949 |
| Binary | 01010101, 00101110, 11010001 |
Color Schemes with #552ed1
Alternatives to #552ed1
Below, you can see some colors close to #552ed1. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#552ed1 Preview
This text has a font color of #552ed1.
<span style="color:#552ed1;">Text here</span>
This paragraph has a background color of #552ed1.
<p style="background-color:#552ed1;">Content here</p>
This element has a border color of #552ed1.
<div style="border:1px solid #552ed1;">Content here</div>
.text {color:#552ed1;}
.background {background-color:#552ed1;}
.border {border:1px solid #552ed1;}
Shades and Tints of #552ed1
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, #070410 is the darkest color, while #ffffff is the lightest one.
-
#070410
#070410rgb(7,4,16) -
#0d0720
#0d0720rgb(13,7,32) -
#140b30
#140b30rgb(20,11,48) -
#1a0e40
#1a0e40rgb(26,14,64) -
#211250
#211250rgb(33,18,80) -
#271560
#271560rgb(39,21,96) -
#2e1971
#2e1971rgb(46,25,113) -
#341c81
#341c81rgb(52,28,129) -
#3b2091
#3b2091rgb(59,32,145) -
#4123a1
#4123a1rgb(65,35,161) -
#4827b1
#4827b1rgb(72,39,177) -
#4e2ac1
#4e2ac1rgb(78,42,193) -
#552ed1
#552ed1rgb(85,46,209)
-
#623ed5
#623ed5rgb(98,62,213) -
#6f4ed8
#6f4ed8rgb(111,78,216) -
#7c5edc
#7c5edcrgb(124,94,220) -
#896edf
#896edfrgb(137,110,223) -
#967ee3
#967ee3rgb(150,126,227) -
#a38ee6
#a38ee6rgb(163,142,230) -
#b19fea
#b19feargb(177,159,234) -
#beafed
#beafedrgb(190,175,237) -
#cbbff1
#cbbff1rgb(203,191,241) -
#d8cff4
#d8cff4rgb(216,207,244) -
#e5dff8
#e5dff8rgb(229,223,248) -
#f2effb
#f2effbrgb(242,239,251) -
#ffffff
#ffffffrgb(255,255,255)
Tones of #552ed1
A tone is produced by adding gray to any pure hue. In this case, #7e7c83 is the less saturated color, while #4107f8 is the most saturated one.
-
#7e7c83
#7e7c83rgb(126,124,131) -
#79738c
#79738crgb(121,115,140) -
#746996
#746996rgb(116,105,150) -
#6f5fa0
#6f5fa0rgb(111,95,160) -
#6955aa
#6955aargb(105,85,170) -
#644bb4
#644bb4rgb(100,75,180) -
#5f42bd
#5f42bdrgb(95,66,189) -
#5a38c7
#5a38c7rgb(90,56,199) -
#552ed1
#552ed1rgb(85,46,209) -
#5024db
#5024dbrgb(80,36,219) -
#4b1ae5
#4b1ae5rgb(75,26,229) -
#4611ee
#4611eergb(70,17,238) -
#4107f8
#4107f8rgb(65,7,248)
Color Blindness Simulator
Below, you can see how #552ed1 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.
