#554ee3 Color Information
In a RGB color space, hex #554ee3 is composed of 33.3% red, 30.6% green and 89% blue. Whereas in a CMYK color space, it is composed of 62.6% cyan, 65.6% magenta, 0% yellow and 11% black. It has a hue angle of 242.8 degrees, a saturation of 72.7% and a lightness of 59.8%. #554ee3 color hex could be obtained by blending #aa9cff with #0000c7. Closest websafe color is: #6666cc.
-
- R 33
- G 31
- B 89
-
- C 63
- M 66
- Y 0
- K 11
● #554ee3 color description : Soft blue.
#554ee3 Color Conversion
The hexadecimal color #554ee3 has RGB values of R:85, G:78, B:227 and CMYK values of C:0.63, M:0.66, Y:0, K:0.11. Its decimal value is 5590755.
Hex triplet | 554ee3 | #554ee3 |
---|---|---|
RGB Decimal | 85, 78, 227 | rgb(85,78,227) |
RGB Percent | 33.3, 30.6, 89 | rgb(33.3%,30.6%,89%) |
CMYK | 63, 66, 0, 11 | |
HSL | 242.8°, 72.7, 59.8 | hsl(242.8,72.7%,59.8%) |
HSV (or HSB) | 242.8°, 65.6, 89 | |
Web Safe | 6666cc | #6666cc |
CIE-LAB | 42.65, 46.234, -74.793 |
---|---|
XYZ | 20.333, 12.925, 74.092 |
xyY | 0.189, 0.12, 12.925 |
CIE-LCH | 42.65, 87.929, 301.723 |
CIE-LUV | 42.65, -6.379, -111.905 |
Hunter-Lab | 35.952, 38.039, -97.024 |
Binary | 01010101, 01001110, 11100011 |
Color Schemes with #554ee3
Alternatives to #554ee3
Below, you can see some colors close to #554ee3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#554ee3 Preview
This text has a font color of #554ee3.
<span style="color:#554ee3;">Text here</span>
This paragraph has a background color of #554ee3.
<p style="background-color:#554ee3;">Content here</p>
This element has a border color of #554ee3.
<div style="border:1px solid #554ee3;">Content here</div>
.text {color:#554ee3;}
.background {background-color:#554ee3;}
.border {border:1px solid #554ee3;}
Shades and Tints of #554ee3
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, #020109 is the darkest color, while #f8f7fe is the lightest one.
-
#020109
#020109
rgb(2,1,9)
-
#05041a
#05041a
rgb(5,4,26)
-
#09072b
#09072b
rgb(9,7,43)
-
#0c0a3c
#0c0a3c
rgb(12,10,60)
-
#0f0c4d
#0f0c4d
rgb(15,12,77)
-
#130f5e
#130f5e
rgb(19,15,94)
-
#16126f
#16126f
rgb(22,18,111)
-
#191480
#191480
rgb(25,20,128)
-
#1d1791
#1d1791
rgb(29,23,145)
-
#201aa2
#201aa2
rgb(32,26,162)
-
#231cb3
#231cb3
rgb(35,28,179)
-
#271fc4
#271fc4
rgb(39,31,196)
-
#2a22d5
#2a22d5
rgb(42,34,213)
-
#342cde
#342cde
rgb(52,44,222)
-
#453de0
#453de0
rgb(69,61,224)
-
#554ee3
#554ee3
rgb(85,78,227)
-
#655fe6
#655fe6
rgb(101,95,230)
-
#7670e8
#7670e8
rgb(118,112,232)
-
#8681eb
#8681eb
rgb(134,129,235)
-
#9692ee
#9692ee
rgb(150,146,238)
-
#a6a3f0
#a6a3f0
rgb(166,163,240)
-
#b7b4f3
#b7b4f3
rgb(183,180,243)
-
#c7c5f6
#c7c5f6
rgb(199,197,246)
-
#d7d5f8
#d7d5f8
rgb(215,213,248)
-
#e7e6fb
#e7e6fb
rgb(231,230,251)
-
#f8f7fe
#f8f7fe
rgb(248,247,254)
Tones of #554ee3
A tone is produced by adding gray to any pure hue. In this case, #95959c is the less saturated color, while #4036fb is the most saturated one.
-
#95959c
#95959c
rgb(149,149,156)
-
#8e8da4
#8e8da4
rgb(142,141,164)
-
#8785ac
#8785ac
rgb(135,133,172)
-
#807db4
#807db4
rgb(128,125,180)
-
#7975bc
#7975bc
rgb(121,117,188)
-
#726ec3
#726ec3
rgb(114,110,195)
-
#6a66cb
#6a66cb
rgb(106,102,203)
-
#635ed3
#635ed3
rgb(99,94,211)
-
#5c56db
#5c56db
rgb(92,86,219)
-
#554ee3
#554ee3
rgb(85,78,227)
-
#4e46eb
#4e46eb
rgb(78,70,235)
-
#473ef3
#473ef3
rgb(71,62,243)
-
#4036fb
#4036fb
rgb(64,54,251)
Color Blindness Simulator
Below, you can see how #554ee3 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.