#552ed0 Color Information
In a RGB color space, hex #552ed0 is composed of 33.3% red, 18% green and 81.6% blue. Whereas in a CMYK color space, it is composed of 59.1% cyan, 77.9% magenta, 0% yellow and 18.4% black. It has a hue angle of 254.4 degrees, a saturation of 63.8% and a lightness of 49.8%. #552ed0 color hex could be obtained by blending #aa5cff with #0000a1. Closest websafe color is: #6633cc.
-
- R 33
- G 18
- B 82
-
- C 59
- M 78
- Y 0
- K 18
● #552ed0 color description : Strong blue.
#552ed0 Color Conversion
The hexadecimal color #552ed0 has RGB values of R:85, G:46, B:208 and CMYK values of C:0.59, M:0.78, Y:0, K:0.18. Its decimal value is 5582544.
| Hex triplet | 552ed0 | #552ed0 |
|---|---|---|
| RGB Decimal | 85, 46, 208 | rgb(85,46,208) |
| RGB Percent | 33.3, 18, 81.6 | rgb(33.3%,18%,81.6%) |
| CMYK | 59, 78, 0, 18 | |
| HSL | 254.4°, 63.8, 49.8 | hsl(254.4,63.8%,49.8%) |
| HSV (or HSB) | 254.4°, 77.9, 81.6 | |
| Web Safe | 6633cc | #6633cc |
| CIE-LAB | 34.881, 57.375, -76.653 |
|---|---|
| XYZ | 16.106, 8.439, 60.451 |
| xyY | 0.189, 0.099, 8.439 |
| CIE-LCH | 34.881, 95.748, 306.815 |
| CIE-LUV | 34.881, 0.444, -106.086 |
| Hunter-Lab | 29.05, 48.131, -103.045 |
| Binary | 01010101, 00101110, 11010000 |
Color Schemes with #552ed0
Alternatives to #552ed0
Below, you can see some colors close to #552ed0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#552ed0 Preview
This text has a font color of #552ed0.
<span style="color:#552ed0;">Text here</span>
This paragraph has a background color of #552ed0.
<p style="background-color:#552ed0;">Content here</p>
This element has a border color of #552ed0.
<div style="border:1px solid #552ed0;">Content here</div>
.text {color:#552ed0;}
.background {background-color:#552ed0;}
.border {border:1px solid #552ed0;}
Shades and Tints of #552ed0
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, #06030f is the darkest color, while #fefeff is the lightest one.
-
#06030f
#06030frgb(6,3,15) -
#0d071f
#0d071frgb(13,7,31) -
#130a2f
#130a2frgb(19,10,47) -
#1a0e3f
#1a0e3frgb(26,14,63) -
#20124f
#20124frgb(32,18,79) -
#271560
#271560rgb(39,21,96) -
#2e1970
#2e1970rgb(46,25,112) -
#341c80
#341c80rgb(52,28,128) -
#3b2090
#3b2090rgb(59,32,144) -
#4123a0
#4123a0rgb(65,35,160) -
#4827b0
#4827b0rgb(72,39,176) -
#4e2ac0
#4e2ac0rgb(78,42,192) -
#552ed0
#552ed0rgb(85,46,208)
-
#623dd4
#623dd4rgb(98,61,212) -
#6f4dd8
#6f4dd8rgb(111,77,216) -
#7c5edb
#7c5edbrgb(124,94,219) -
#896edf
#896edfrgb(137,110,223) -
#967ee2
#967ee2rgb(150,126,226) -
#a38ee6
#a38ee6rgb(163,142,230) -
#b09eea
#b09eeargb(176,158,234) -
#bdaeed
#bdaeedrgb(189,174,237) -
#cabef1
#cabef1rgb(202,190,241) -
#d7cef4
#d7cef4rgb(215,206,244) -
#e4def8
#e4def8rgb(228,222,248) -
#f1eefb
#f1eefbrgb(241,238,251) -
#fefeff
#fefeffrgb(254,254,255)
Tones of #552ed0
A tone is produced by adding gray to any pure hue. In this case, #7e7c82 is the less saturated color, while #4107f7 is the most saturated one.
-
#7e7c82
#7e7c82rgb(126,124,130) -
#78728c
#78728crgb(120,114,140) -
#736995
#736995rgb(115,105,149) -
#6e5f9f
#6e5f9frgb(110,95,159) -
#6955a9
#6955a9rgb(105,85,169) -
#644bb3
#644bb3rgb(100,75,179) -
#5f42bc
#5f42bcrgb(95,66,188) -
#5a38c6
#5a38c6rgb(90,56,198) -
#552ed0
#552ed0rgb(85,46,208) -
#5024da
#5024dargb(80,36,218) -
#4b1ae4
#4b1ae4rgb(75,26,228) -
#4611ed
#4611edrgb(70,17,237) -
#4107f7
#4107f7rgb(65,7,247)
Color Blindness Simulator
Below, you can see how #552ed0 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.
