#554eb8 Color Information
In a RGB color space, hex #554eb8 is composed of 33.3% red, 30.6% green and 72.2% blue. Whereas in a CMYK color space, it is composed of 53.8% cyan, 57.6% magenta, 0% yellow and 27.8% black. It has a hue angle of 244 degrees, a saturation of 42.7% and a lightness of 51.4%. #554eb8 color hex could be obtained by blending #aa9cff with #000071. Closest websafe color is: #6666cc.
-
- R 33
- G 31
- B 72
-
- C 54
- M 58
- Y 0
- K 28
● #554eb8 color description : Moderate blue.
#554eb8 Color Conversion
The hexadecimal color #554eb8 has RGB values of R:85, G:78, B:184 and CMYK values of C:0.54, M:0.58, Y:0, K:0.28. Its decimal value is 5590712.
Hex triplet | 554eb8 | #554eb8 |
---|---|---|
RGB Decimal | 85, 78, 184 | rgb(85,78,184) |
RGB Percent | 33.3, 30.6, 72.2 | rgb(33.3%,30.6%,72.2%) |
CMYK | 54, 58, 0, 28 | |
HSL | 244°, 42.7, 51.4 | hsl(244,42.7%,51.4%) |
HSV (or HSB) | 244°, 57.6, 72.2 | |
Web Safe | 6666cc | #6666cc |
CIE-LAB | 39.31, 32.519, -55.402 |
---|---|
XYZ | 15.121, 10.84, 46.64 |
xyY | 0.208, 0.149, 10.84 |
CIE-LCH | 39.31, 64.24, 300.412 |
CIE-LUV | 39.31, -3.797, -82.375 |
Hunter-Lab | 32.925, 24.359, -60.942 |
Binary | 01010101, 01001110, 10111000 |
Color Schemes with #554eb8
Alternatives to #554eb8
Below, you can see some colors close to #554eb8. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#554eb8 Preview
This text has a font color of #554eb8.
<span style="color:#554eb8;">Text here</span>
This paragraph has a background color of #554eb8.
<p style="background-color:#554eb8;">Content here</p>
This element has a border color of #554eb8.
<div style="border:1px solid #554eb8;">Content here</div>
.text {color:#554eb8;}
.background {background-color:#554eb8;}
.border {border:1px solid #554eb8;}
Shades and Tints of #554eb8
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, #020205 is the darkest color, while #f6f6fb is the lightest one.
-
#020205
#020205
rgb(2,2,5)
-
#080813
#080813
rgb(8,8,19)
-
#0f0d21
#0f0d21
rgb(15,13,33)
-
#15132f
#15132f
rgb(21,19,47)
-
#1b183d
#1b183d
rgb(27,24,61)
-
#211e4b
#211e4b
rgb(33,30,75)
-
#272459
#272459
rgb(39,36,89)
-
#2d2967
#2d2967
rgb(45,41,103)
-
#342f75
#342f75
rgb(52,47,117)
-
#3a3583
#3a3583
rgb(58,53,131)
-
#403a91
#403a91
rgb(64,58,145)
-
#46409f
#46409f
rgb(70,64,159)
-
#4c45ad
#4c45ad
rgb(76,69,173)
-
#554eb8
#554eb8
rgb(85,78,184)
-
#625cbe
#625cbe
rgb(98,92,190)
-
#706ac3
#706ac3
rgb(112,106,195)
-
#7d78c9
#7d78c9
rgb(125,120,201)
-
#8b86ce
#8b86ce
rgb(139,134,206)
-
#9894d4
#9894d4
rgb(152,148,212)
-
#a6a2da
#a6a2da
rgb(166,162,218)
-
#b3b0df
#b3b0df
rgb(179,176,223)
-
#c1bee5
#c1bee5
rgb(193,190,229)
-
#cecceb
#cecceb
rgb(206,204,235)
-
#dbdaf0
#dbdaf0
rgb(219,218,240)
-
#e9e8f6
#e9e8f6
rgb(233,232,246)
-
#f6f6fb
#f6f6fb
rgb(246,246,251)
Tones of #554eb8
A tone is produced by adding gray to any pure hue. In this case, #7e7e88 is the less saturated color, while #1b0bfb is the most saturated one.
-
#7e7e88
#7e7e88
rgb(126,126,136)
-
#767492
#767492
rgb(118,116,146)
-
#6e6b9b
#6e6b9b
rgb(110,107,155)
-
#6661a5
#6661a5
rgb(102,97,165)
-
#5d58ae
#5d58ae
rgb(93,88,174)
-
#554eb8
#554eb8
rgb(85,78,184)
-
#4d44c2
#4d44c2
rgb(77,68,194)
-
#443bcb
#443bcb
rgb(68,59,203)
-
#3c31d5
#3c31d5
rgb(60,49,213)
-
#3428de
#3428de
rgb(52,40,222)
-
#2c1ee8
#2c1ee8
rgb(44,30,232)
-
#2315f1
#2315f1
rgb(35,21,241)
-
#1b0bfb
#1b0bfb
rgb(27,11,251)
Color Blindness Simulator
Below, you can see how #554eb8 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.