#554bb6 Color Information
In a RGB color space, hex #554bb6 is composed of 33.3% red, 29.4% green and 71.4% blue. Whereas in a CMYK color space, it is composed of 53.3% cyan, 58.8% magenta, 0% yellow and 28.6% black. It has a hue angle of 245.6 degrees, a saturation of 42.3% and a lightness of 50.4%. #554bb6 color hex could be obtained by blending #aa96ff with #00006d. Closest websafe color is: #6633cc.
-
- R 33
- G 29
- B 71
-
- C 53
- M 59
- Y 0
- K 29
● #554bb6 color description : Moderate blue.
#554bb6 Color Conversion
The hexadecimal color #554bb6 has RGB values of R:85, G:75, B:182 and CMYK values of C:0.53, M:0.59, Y:0, K:0.29. Its decimal value is 5589942.
Hex triplet | 554bb6 | #554bb6 |
---|---|---|
RGB Decimal | 85, 75, 182 | rgb(85,75,182) |
RGB Percent | 33.3, 29.4, 71.4 | rgb(33.3%,29.4%,71.4%) |
CMYK | 53, 59, 0, 29 | |
HSL | 245.6°, 42.3, 50.4 | hsl(245.6,42.3%,50.4%) |
HSV (or HSB) | 245.6°, 58.8, 71.4 | |
Web Safe | 6633cc | #6633cc |
CIE-LAB | 38.447, 33.731, -55.624 |
---|---|
XYZ | 14.704, 10.34, 45.474 |
xyY | 0.209, 0.147, 10.34 |
CIE-LCH | 38.447, 65.052, 301.233 |
CIE-LUV | 38.447, -2.886, -82.188 |
Hunter-Lab | 32.156, 25.349, -61.336 |
Binary | 01010101, 01001011, 10110110 |
Color Schemes with #554bb6
Alternatives to #554bb6
Below, you can see some colors close to #554bb6. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#554bb6 Preview
This text has a font color of #554bb6.
<span style="color:#554bb6;">Text here</span>
This paragraph has a background color of #554bb6.
<p style="background-color:#554bb6;">Content here</p>
This element has a border color of #554bb6.
<div style="border:1px solid #554bb6;">Content here</div>
.text {color:#554bb6;}
.background {background-color:#554bb6;}
.border {border:1px solid #554bb6;}
Shades and Tints of #554bb6
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, #010101 is the darkest color, while #f3f2fa is the lightest one.
-
#010101
#010101
rgb(1,1,1)
-
#07060f
#07060f
rgb(7,6,15)
-
#0e0c1d
#0e0c1d
rgb(14,12,29)
-
#14122b
#14122b
rgb(20,18,43)
-
#1a1739
#1a1739
rgb(26,23,57)
-
#211d47
#211d47
rgb(33,29,71)
-
#272355
#272355
rgb(39,35,85)
-
#2e2863
#2e2863
rgb(46,40,99)
-
#342e71
#342e71
rgb(52,46,113)
-
#3b347f
#3b347f
rgb(59,52,127)
-
#41398d
#41398d
rgb(65,57,141)
-
#473f9b
#473f9b
rgb(71,63,155)
-
#4e44a9
#4e44a9
rgb(78,68,169)
-
#554bb6
#554bb6
rgb(85,75,182)
-
#6259bc
#6259bc
rgb(98,89,188)
-
#6f67c1
#6f67c1
rgb(111,103,193)
-
#7d75c7
#7d75c7
rgb(125,117,199)
-
#8a83cd
#8a83cd
rgb(138,131,205)
-
#9791d2
#9791d2
rgb(151,145,210)
-
#a49fd8
#a49fd8
rgb(164,159,216)
-
#b1adde
#b1adde
rgb(177,173,222)
-
#bebbe3
#bebbe3
rgb(190,187,227)
-
#ccc9e9
#ccc9e9
rgb(204,201,233)
-
#d9d7ef
#d9d7ef
rgb(217,215,239)
-
#e6e5f4
#e6e5f4
rgb(230,229,244)
-
#f3f2fa
#f3f2fa
rgb(243,242,250)
Tones of #554bb6
A tone is produced by adding gray to any pure hue. In this case, #7d7c85 is the less saturated color, while #1e07fa is the most saturated one.
-
#7d7c85
#7d7c85
rgb(125,124,133)
-
#75728f
#75728f
rgb(117,114,143)
-
#6d6899
#6d6899
rgb(109,104,153)
-
#655ea3
#655ea3
rgb(101,94,163)
-
#5d55ac
#5d55ac
rgb(93,85,172)
-
#554bb6
#554bb6
rgb(85,75,182)
-
#4d41c0
#4d41c0
rgb(77,65,192)
-
#4538c9
#4538c9
rgb(69,56,201)
-
#3d2ed3
#3d2ed3
rgb(61,46,211)
-
#3524dd
#3524dd
rgb(53,36,221)
-
#2d1ae7
#2d1ae7
rgb(45,26,231)
-
#2611f0
#2611f0
rgb(38,17,240)
-
#1e07fa
#1e07fa
rgb(30,7,250)
Color Blindness Simulator
Below, you can see how #554bb6 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.