#554baf Color Information
In a RGB color space, hex #554baf is composed of 33.3% red, 29.4% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 51.4% cyan, 57.1% magenta, 0% yellow and 31.4% black. It has a hue angle of 246 degrees, a saturation of 40% and a lightness of 49%. #554baf color hex could be obtained by blending #aa96ff with #00005f. Closest websafe color is: #663399.
-
- R 33
- G 29
- B 69
-
- C 51
- M 57
- Y 0
- K 31
● #554baf color description : Dark moderate blue.
#554baf Color Conversion
The hexadecimal color #554baf has RGB values of R:85, G:75, B:175 and CMYK values of C:0.51, M:0.57, Y:0, K:0.31. Its decimal value is 5589935.
Hex triplet | 554baf | #554baf |
---|---|---|
RGB Decimal | 85, 75, 175 | rgb(85,75,175) |
RGB Percent | 33.3, 29.4, 68.6 | rgb(33.3%,29.4%,68.6%) |
CMYK | 51, 57, 0, 31 | |
HSL | 246°, 40, 49 | hsl(246,40%,49%) |
HSV (or HSB) | 246°, 57.1, 68.6 | |
Web Safe | 663399 | #663399 |
CIE-LAB | 37.947, 31.522, -52.298 |
---|---|
XYZ | 13.999, 10.058, 41.759 |
xyY | 0.213, 0.153, 10.058 |
CIE-LCH | 37.947, 61.063, 301.079 |
CIE-LUV | 37.947, -2.393, -77.126 |
Hunter-Lab | 31.715, 23.289, -55.867 |
Binary | 01010101, 01001011, 10101111 |
Color Schemes with #554baf
Alternatives to #554baf
Below, you can see some colors close to #554baf. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#554baf Preview
This text has a font color of #554baf.
<span style="color:#554baf;">Text here</span>
This paragraph has a background color of #554baf.
<p style="background-color:#554baf;">Content here</p>
This element has a border color of #554baf.
<div style="border:1px solid #554baf;">Content here</div>
.text {color:#554baf;}
.background {background-color:#554baf;}
.border {border:1px solid #554baf;}
Shades and Tints of #554baf
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, #05040a is the darkest color, while #fcfcfe is the lightest one.
-
#05040a
#05040a
rgb(5,4,10)
-
#0c0a18
#0c0a18
rgb(12,10,24)
-
#121026
#121026
rgb(18,16,38)
-
#191633
#191633
rgb(25,22,51)
-
#201c41
#201c41
rgb(32,28,65)
-
#26224f
#26224f
rgb(38,34,79)
-
#2d285d
#2d285d
rgb(45,40,93)
-
#342e6a
#342e6a
rgb(52,46,106)
-
#3a3378
#3a3378
rgb(58,51,120)
-
#413986
#413986
rgb(65,57,134)
-
#483f94
#483f94
rgb(72,63,148)
-
#4e45a1
#4e45a1
rgb(78,69,161)
-
#554baf
#554baf
rgb(85,75,175)
-
#6057b7
#6057b7
rgb(96,87,183)
-
#6d64bd
#6d64bd
rgb(109,100,189)
-
#7a72c3
#7a72c3
rgb(122,114,195)
-
#8780c9
#8780c9
rgb(135,128,201)
-
#948ece
#948ece
rgb(148,142,206)
-
#a19bd4
#a19bd4
rgb(161,155,212)
-
#aea9da
#aea9da
rgb(174,169,218)
-
#bbb7e0
#bbb7e0
rgb(187,183,224)
-
#c8c5e6
#c8c5e6
rgb(200,197,230)
-
#d5d2ec
#d5d2ec
rgb(213,210,236)
-
#e2e0f2
#e2e0f2
rgb(226,224,242)
-
#efeef8
#efeef8
rgb(239,238,248)
-
#fcfcfe
#fcfcfe
rgb(252,252,254)
Tones of #554baf
A tone is produced by adding gray to any pure hue. In this case, #7b7b7f is the less saturated color, while #1f08f2 is the most saturated one.
-
#7b7b7f
#7b7b7f
rgb(123,123,127)
-
#747189
#747189
rgb(116,113,137)
-
#6c6892
#6c6892
rgb(108,104,146)
-
#645e9c
#645e9c
rgb(100,94,156)
-
#5d55a5
#5d55a5
rgb(93,85,165)
-
#554baf
#554baf
rgb(85,75,175)
-
#4d41b9
#4d41b9
rgb(77,65,185)
-
#4638c2
#4638c2
rgb(70,56,194)
-
#3e2ecc
#3e2ecc
rgb(62,46,204)
-
#3625d5
#3625d5
rgb(54,37,213)
-
#2f1bdf
#2f1bdf
rgb(47,27,223)
-
#2711e9
#2711e9
rgb(39,17,233)
-
#1f08f2
#1f08f2
rgb(31,8,242)
Color Blindness Simulator
Below, you can see how #554baf 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.