#554bb0 Color Information
In a RGB color space, hex #554bb0 is composed of 33.3% red, 29.4% green and 69% blue. Whereas in a CMYK color space, it is composed of 51.7% cyan, 57.4% magenta, 0% yellow and 31% black. It has a hue angle of 245.9 degrees, a saturation of 40.2% and a lightness of 49.2%. #554bb0 color hex could be obtained by blending #aa96ff with #000061. Closest websafe color is: #663399.
-
- R 33
- G 29
- B 69
-
- C 52
- M 57
- Y 0
- K 31
● #554bb0 color description : Dark moderate blue.
#554bb0 Color Conversion
The hexadecimal color #554bb0 has RGB values of R:85, G:75, B:176 and CMYK values of C:0.52, M:0.57, Y:0, K:0.31. Its decimal value is 5589936.
Hex triplet | 554bb0 | #554bb0 |
---|---|---|
RGB Decimal | 85, 75, 176 | rgb(85,75,176) |
RGB Percent | 33.3, 29.4, 69 | rgb(33.3%,29.4%,69%) |
CMYK | 52, 57, 0, 31 | |
HSL | 245.9°, 40.2, 49.2 | hsl(245.9,40.2%,49.2%) |
HSV (or HSB) | 245.9°, 57.4, 69 | |
Web Safe | 663399 | #663399 |
CIE-LAB | 38.017, 31.837, -52.776 |
---|---|
XYZ | 14.097, 10.098, 42.278 |
xyY | 0.212, 0.152, 10.098 |
CIE-LCH | 38.017, 61.635, 301.1 |
CIE-LUV | 38.017, -2.465, -77.855 |
Hunter-Lab | 31.777, 23.58, -56.64 |
Binary | 01010101, 01001011, 10110000 |
Color Schemes with #554bb0
Alternatives to #554bb0
Below, you can see some colors close to #554bb0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#554bb0 Preview
This text has a font color of #554bb0.
<span style="color:#554bb0;">Text here</span>
This paragraph has a background color of #554bb0.
<p style="background-color:#554bb0;">Content here</p>
This element has a border color of #554bb0.
<div style="border:1px solid #554bb0;">Content here</div>
.text {color:#554bb0;}
.background {background-color:#554bb0;}
.border {border:1px solid #554bb0;}
Shades and Tints of #554bb0
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, #05050b is the darkest color, while #fcfcfe is the lightest one.
-
#05050b
#05050b
rgb(5,5,11)
-
#0c0b19
#0c0b19
rgb(12,11,25)
-
#131026
#131026
rgb(19,16,38)
-
#191634
#191634
rgb(25,22,52)
-
#201c42
#201c42
rgb(32,28,66)
-
#272250
#272250
rgb(39,34,80)
-
#2d285d
#2d285d
rgb(45,40,93)
-
#342e6b
#342e6b
rgb(52,46,107)
-
#3a3479
#3a3479
rgb(58,52,121)
-
#413987
#413987
rgb(65,57,135)
-
#483f94
#483f94
rgb(72,63,148)
-
#4e45a2
#4e45a2
rgb(78,69,162)
-
#554bb0
#554bb0
rgb(85,75,176)
-
#6157b7
#6157b7
rgb(97,87,183)
-
#6e65bd
#6e65bd
rgb(110,101,189)
-
#7b73c3
#7b73c3
rgb(123,115,195)
-
#8880c9
#8880c9
rgb(136,128,201)
-
#958ecf
#958ecf
rgb(149,142,207)
-
#a29cd5
#a29cd5
rgb(162,156,213)
-
#afaadb
#afaadb
rgb(175,170,219)
-
#bbb7e0
#bbb7e0
rgb(187,183,224)
-
#c8c5e6
#c8c5e6
rgb(200,197,230)
-
#d5d3ec
#d5d3ec
rgb(213,211,236)
-
#e2e1f2
#e2e1f2
rgb(226,225,242)
-
#efeef8
#efeef8
rgb(239,238,248)
-
#fcfcfe
#fcfcfe
rgb(252,252,254)
Tones of #554bb0
A tone is produced by adding gray to any pure hue. In this case, #7c7b80 is the less saturated color, while #1f07f4 is the most saturated one.
-
#7c7b80
#7c7b80
rgb(124,123,128)
-
#747289
#747289
rgb(116,114,137)
-
#6c6893
#6c6893
rgb(108,104,147)
-
#645e9d
#645e9d
rgb(100,94,157)
-
#5d55a6
#5d55a6
rgb(93,85,166)
-
#554bb0
#554bb0
rgb(85,75,176)
-
#4d41ba
#4d41ba
rgb(77,65,186)
-
#4638c3
#4638c3
rgb(70,56,195)
-
#3e2ecd
#3e2ecd
rgb(62,46,205)
-
#3624d7
#3624d7
rgb(54,36,215)
-
#2e1be0
#2e1be0
rgb(46,27,224)
-
#2711ea
#2711ea
rgb(39,17,234)
-
#1f07f4
#1f07f4
rgb(31,7,244)
Color Blindness Simulator
Below, you can see how #554bb0 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.