#554ed2 Color Information
In a RGB color space, hex #554ed2 is composed of 33.3% red, 30.6% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 59.5% cyan, 62.9% magenta, 0% yellow and 17.6% black. It has a hue angle of 243.2 degrees, a saturation of 59.5% and a lightness of 56.5%. #554ed2 color hex could be obtained by blending #aa9cff with #0000a5. Closest websafe color is: #6666cc.
-
- R 33
- G 31
- B 82
-
- C 60
- M 63
- Y 0
- K 18
● #554ed2 color description : Moderate blue.
#554ed2 Color Conversion
The hexadecimal color #554ed2 has RGB values of R:85, G:78, B:210 and CMYK values of C:0.6, M:0.63, Y:0, K:0.18. Its decimal value is 5590738.
Hex triplet | 554ed2 | #554ed2 |
---|---|---|
RGB Decimal | 85, 78, 210 | rgb(85,78,210) |
RGB Percent | 33.3, 30.6, 82.4 | rgb(33.3%,30.6%,82.4%) |
CMYK | 60, 63, 0, 18 | |
HSL | 243.2°, 59.5, 56.5 | hsl(243.2,59.5%,56.5%) |
HSV (or HSB) | 243.2°, 62.9, 82.4 | |
Web Safe | 6666cc | #6666cc |
CIE-LAB | 41.268, 40.826, -67.334 |
---|---|
XYZ | 18.101, 12.032, 62.338 |
xyY | 0.196, 0.13, 12.032 |
CIE-LCH | 41.268, 78.744, 301.229 |
CIE-LUV | 41.268, -5.401, -100.588 |
Hunter-Lab | 34.688, 32.444, -82.269 |
Binary | 01010101, 01001110, 11010010 |
Color Schemes with #554ed2
Alternatives to #554ed2
Below, you can see some colors close to #554ed2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#554ed2 Preview
This text has a font color of #554ed2.
<span style="color:#554ed2;">Text here</span>
This paragraph has a background color of #554ed2.
<p style="background-color:#554ed2;">Content here</p>
This element has a border color of #554ed2.
<div style="border:1px solid #554ed2;">Content here</div>
.text {color:#554ed2;}
.background {background-color:#554ed2;}
.border {border:1px solid #554ed2;}
Shades and Tints of #554ed2
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, #03030b is the darkest color, while #fafafe is the lightest one.
-
#03030b
#03030b
rgb(3,3,11)
-
#08071a
#08071a
rgb(8,7,26)
-
#0c0b2a
#0c0b2a
rgb(12,11,42)
-
#110f3a
#110f3a
rgb(17,15,58)
-
#161349
#161349
rgb(22,19,73)
-
#1a1759
#1a1759
rgb(26,23,89)
-
#1f1b69
#1f1b69
rgb(31,27,105)
-
#231f78
#231f78
rgb(35,31,120)
-
#282388
#282388
rgb(40,35,136)
-
#2c2697
#2c2697
rgb(44,38,151)
-
#312aa7
#312aa7
rgb(49,42,167)
-
#362eb7
#362eb7
rgb(54,46,183)
-
#3a32c6
#3a32c6
rgb(58,50,198)
-
#463ece
#463ece
rgb(70,62,206)
-
#554ed2
#554ed2
rgb(85,78,210)
-
#645ed6
#645ed6
rgb(100,94,214)
-
#736dda
#736dda
rgb(115,109,218)
-
#827dde
#827dde
rgb(130,125,222)
-
#918de2
#918de2
rgb(145,141,226)
-
#a09ce6
#a09ce6
rgb(160,156,230)
-
#afacea
#afacea
rgb(175,172,234)
-
#bebbee
#bebbee
rgb(190,187,238)
-
#cdcbf2
#cdcbf2
rgb(205,203,242)
-
#dcdbf6
#dcdbf6
rgb(220,219,246)
-
#ebeafa
#ebeafa
rgb(235,234,250)
-
#fafafe
#fafafe
rgb(250,250,254)
Tones of #554ed2
A tone is produced by adding gray to any pure hue. In this case, #8a8a96 is the less saturated color, while #2f23fd is the most saturated one.
-
#8a8a96
#8a8a96
rgb(138,138,150)
-
#83819f
#83819f
rgb(131,129,159)
-
#7b79a7
#7b79a7
rgb(123,121,167)
-
#7470b0
#7470b0
rgb(116,112,176)
-
#6c68b8
#6c68b8
rgb(108,104,184)
-
#645fc1
#645fc1
rgb(100,95,193)
-
#5d57c9
#5d57c9
rgb(93,87,201)
-
#554ed2
#554ed2
rgb(85,78,210)
-
#4d45db
#4d45db
rgb(77,69,219)
-
#463de3
#463de3
rgb(70,61,227)
-
#3e34ec
#3e34ec
rgb(62,52,236)
-
#362cf4
#362cf4
rgb(54,44,244)
-
#2f23fd
#2f23fd
rgb(47,35,253)
Color Blindness Simulator
Below, you can see how #554ed2 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.