#554bd6 Color Information
In a RGB color space, hex #554bd6 is composed of 33.3% red, 29.4% green and 83.9% blue. Whereas in a CMYK color space, it is composed of 60.3% cyan, 65% magenta, 0% yellow and 16.1% black. It has a hue angle of 244.3 degrees, a saturation of 62.9% and a lightness of 56.7%. #554bd6 color hex could be obtained by blending #aa96ff with #0000ad. Closest websafe color is: #6633cc.
-
- R 33
- G 29
- B 84
-
- C 60
- M 65
- Y 0
- K 16
● #554bd6 color description : Moderate blue.
#554bd6 Color Conversion
The hexadecimal color #554bd6 has RGB values of R:85, G:75, B:214 and CMYK values of C:0.6, M:0.65, Y:0, K:0.16. Its decimal value is 5589974.
Hex triplet | 554bd6 | #554bd6 |
---|---|---|
RGB Decimal | 85, 75, 214 | rgb(85,75,214) |
RGB Percent | 33.3, 29.4, 83.9 | rgb(33.3%,29.4%,83.9%) |
CMYK | 60, 65, 0, 16 | |
HSL | 244.3°, 62.9, 56.7 | hsl(244.3,62.9%,56.7%) |
HSV (or HSB) | 244.3°, 65, 83.9 | |
Web Safe | 6633cc | #6633cc |
CIE-LAB | 40.925, 43.865, -70.192 |
---|---|
XYZ | 18.398, 11.818, 64.926 |
xyY | 0.193, 0.124, 11.818 |
CIE-LCH | 40.925, 82.771, 302.002 |
CIE-LUV | 40.925, -4.98, -104.239 |
Hunter-Lab | 34.377, 35.369, -87.915 |
Binary | 01010101, 01001011, 11010110 |
Color Schemes with #554bd6
Alternatives to #554bd6
Below, you can see some colors close to #554bd6. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#554bd6 Preview
This text has a font color of #554bd6.
<span style="color:#554bd6;">Text here</span>
This paragraph has a background color of #554bd6.
<p style="background-color:#554bd6;">Content here</p>
This element has a border color of #554bd6.
<div style="border:1px solid #554bd6;">Content here</div>
.text {color:#554bd6;}
.background {background-color:#554bd6;}
.border {border:1px solid #554bd6;}
Shades and Tints of #554bd6
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, #03030c is the darkest color, while #fbfbfe is the lightest one.
-
#03030c
#03030c
rgb(3,3,12)
-
#08061c
#08061c
rgb(8,6,28)
-
#0c0a2c
#0c0a2c
rgb(12,10,44)
-
#110e3c
#110e3c
rgb(17,14,60)
-
#15114c
#15114c
rgb(21,17,76)
-
#1a155c
#1a155c
rgb(26,21,92)
-
#1e196c
#1e196c
rgb(30,25,108)
-
#231c7c
#231c7c
rgb(35,28,124)
-
#28208c
#28208c
rgb(40,32,140)
-
#2c239c
#2c239c
rgb(44,35,156)
-
#3127ab
#3127ab
rgb(49,39,171)
-
#352bbb
#352bbb
rgb(53,43,187)
-
#3a2ecb
#3a2ecb
rgb(58,46,203)
-
#463bd2
#463bd2
rgb(70,59,210)
-
#554bd6
#554bd6
rgb(85,75,214)
-
#645bda
#645bda
rgb(100,91,218)
-
#736bdd
#736bdd
rgb(115,107,221)
-
#827be1
#827be1
rgb(130,123,225)
-
#918be5
#918be5
rgb(145,139,229)
-
#a09be8
#a09be8
rgb(160,155,232)
-
#b0abec
#b0abec
rgb(176,171,236)
-
#bfbbef
#bfbbef
rgb(191,187,239)
-
#cecbf3
#cecbf3
rgb(206,203,243)
-
#dddbf7
#dddbf7
rgb(221,219,247)
-
#ecebfa
#ecebfa
rgb(236,235,250)
-
#fbfbfe
#fbfbfe
rgb(251,251,254)
Tones of #554bd6
A tone is produced by adding gray to any pure hue. In this case, #8f8f92 is the less saturated color, while #3829f8 is the most saturated one.
-
#8f8f92
#8f8f92
rgb(143,143,146)
-
#88879b
#88879b
rgb(136,135,155)
-
#817ea3
#817ea3
rgb(129,126,163)
-
#7976ac
#7976ac
rgb(121,118,172)
-
#726db4
#726db4
rgb(114,109,180)
-
#6b65bd
#6b65bd
rgb(107,101,189)
-
#645cc5
#645cc5
rgb(100,92,197)
-
#5c54ce
#5c54ce
rgb(92,84,206)
-
#554bd6
#554bd6
rgb(85,75,214)
-
#4e43df
#4e43df
rgb(78,67,223)
-
#463ae7
#463ae7
rgb(70,58,231)
-
#3f31f0
#3f31f0
rgb(63,49,240)
-
#3829f8
#3829f8
rgb(56,41,248)
Color Blindness Simulator
Below, you can see how #554bd6 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.