#554b78 Color Information
In a RGB color space, hex #554b78 is composed of 33.3% red, 29.4% green and 47.1% blue. Whereas in a CMYK color space, it is composed of 29.2% cyan, 37.5% magenta, 0% yellow and 52.9% black. It has a hue angle of 253.3 degrees, a saturation of 23.1% and a lightness of 38.2%. #554b78 color hex could be obtained by blending #aa96f0 with #000000. Closest websafe color is: #663366.
-
- R 33
- G 29
- B 47
-
- C 29
- M 38
- Y 0
- K 53
● #554b78 color description : Mostly desaturated dark blue.
#554b78 Color Conversion
The hexadecimal color #554b78 has RGB values of R:85, G:75, B:120 and CMYK values of C:0.29, M:0.38, Y:0, K:0.53. Its decimal value is 5589880.
| Hex triplet | 554b78 | #554b78 |
|---|---|---|
| RGB Decimal | 85, 75, 120 | rgb(85,75,120) |
| RGB Percent | 33.3, 29.4, 47.1 | rgb(33.3%,29.4%,47.1%) |
| CMYK | 29, 38, 0, 53 | |
| HSL | 253.3°, 23.1, 38.2 | hsl(253.3,23.1%,38.2%) |
| HSV (or HSB) | 253.3°, 37.5, 47.1 | |
| Web Safe | 663366 | #663366 |
| CIE-LAB | 34.64, 14.998, -24.188 |
|---|---|
| XYZ | 9.652, 8.319, 18.866 |
| xyY | 0.262, 0.226, 8.319 |
| CIE-LCH | 34.64, 28.461, 301.801 |
| CIE-LUV | 34.64, 1.915, -34.405 |
| Hunter-Lab | 28.843, 9.256, -18.589 |
| Binary | 01010101, 01001011, 01111000 |
Color Schemes with #554b78
Alternatives to #554b78
Below, you can see some colors close to #554b78. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#554b78 Preview
This text has a font color of #554b78.
<span style="color:#554b78;">Text here</span>
This paragraph has a background color of #554b78.
<p style="background-color:#554b78;">Content here</p>
This element has a border color of #554b78.
<div style="border:1px solid #554b78;">Content here</div>
.text {color:#554b78;}
.background {background-color:#554b78;}
.border {border:1px solid #554b78;}
Shades and Tints of #554b78
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, #08070b is the darkest color, while #fefeff is the lightest one.
-
#08070b
#08070brgb(8,7,11) -
#110f17
#110f17rgb(17,15,23) -
#191624
#191624rgb(25,22,36) -
#221e30
#221e30rgb(34,30,48) -
#2a253c
#2a253crgb(42,37,60) -
#332d48
#332d48rgb(51,45,72) -
#3b3454
#3b3454rgb(59,52,84) -
#443c60
#443c60rgb(68,60,96) -
#4c436c
#4c436crgb(76,67,108) -
#554b78
#554b78rgb(85,75,120) -
#5e5384
#5e5384rgb(94,83,132) -
#665a90
#665a90rgb(102,90,144) -
#6f629c
#6f629crgb(111,98,156)
-
#7a6da4
#7a6da4rgb(122,109,164) -
#857aac
#857aacrgb(133,122,172) -
#9086b3
#9086b3rgb(144,134,179) -
#9b92bb
#9b92bbrgb(155,146,187) -
#a69ec2
#a69ec2rgb(166,158,194) -
#b1aaca
#b1aacargb(177,170,202) -
#bcb6d1
#bcb6d1rgb(188,182,209) -
#c7c2d9
#c7c2d9rgb(199,194,217) -
#d2cee0
#d2cee0rgb(210,206,224) -
#dddae8
#dddae8rgb(221,218,232) -
#e8e6ef
#e8e6efrgb(232,230,239) -
#f3f2f7
#f3f2f7rgb(243,242,247) -
#fefeff
#fefeffrgb(254,254,255)
Tones of #554b78
A tone is produced by adding gray to any pure hue. In this case, #5d5a69 is the less saturated color, while #2b00c3 is the most saturated one.
-
#5d5a69
#5d5a69rgb(93,90,105) -
#595371
#595371rgb(89,83,113) -
#554b78
#554b78rgb(85,75,120) -
#514480
#514480rgb(81,68,128) -
#4d3c87
#4d3c87rgb(77,60,135) -
#48358f
#48358frgb(72,53,143) -
#442d96
#442d96rgb(68,45,150) -
#40269e
#40269ergb(64,38,158) -
#3c1ea5
#3c1ea5rgb(60,30,165) -
#3817ad
#3817adrgb(56,23,173) -
#340fb4
#340fb4rgb(52,15,180) -
#2f08bc
#2f08bcrgb(47,8,188) -
#2b00c3
#2b00c3rgb(43,0,195)
Color Blindness Simulator
Below, you can see how #554b78 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.
