#554fa4 Color Information
In a RGB color space, hex #554fa4 is composed of 33.3% red, 31% green and 64.3% blue. Whereas in a CMYK color space, it is composed of 48.2% cyan, 51.8% magenta, 0% yellow and 35.7% black. It has a hue angle of 244.2 degrees, a saturation of 35% and a lightness of 47.6%. #554fa4 color hex could be obtained by blending #aa9eff with #000049. Closest websafe color is: #666699.
-
- R 33
- G 31
- B 64
-
- C 48
- M 52
- Y 0
- K 36
● #554fa4 color description : Dark moderate blue.
#554fa4 Color Conversion
The hexadecimal color #554fa4 has RGB values of R:85, G:79, B:164 and CMYK values of C:0.48, M:0.52, Y:0, K:0.36. Its decimal value is 5590948.
Hex triplet | 554fa4 | #554fa4 |
---|---|---|
RGB Decimal | 85, 79, 164 | rgb(85,79,164) |
RGB Percent | 33.3, 31, 64.3 | rgb(33.3%,31%,64.3%) |
CMYK | 48, 52, 0, 36 | |
HSL | 244.2°, 35, 47.6 | hsl(244.2,35%,47.6%) |
HSV (or HSB) | 244.2°, 51.8, 64.3 | |
Web Safe | 666699 | #666699 |
CIE-LAB | 38.205, 25.562, -45.34 |
---|---|
XYZ | 13.242, 10.203, 36.392 |
xyY | 0.221, 0.171, 10.203 |
CIE-LCH | 38.205, 52.049, 299.414 |
CIE-LUV | 38.205, -2.76, -67.037 |
Hunter-Lab | 31.943, 18.098, -45.188 |
Binary | 01010101, 01001111, 10100100 |
Color Schemes with #554fa4
Alternatives to #554fa4
Below, you can see some colors close to #554fa4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#554fa4 Preview
This text has a font color of #554fa4.
<span style="color:#554fa4;">Text here</span>
This paragraph has a background color of #554fa4.
<p style="background-color:#554fa4;">Content here</p>
This element has a border color of #554fa4.
<div style="border:1px solid #554fa4;">Content here</div>
.text {color:#554fa4;}
.background {background-color:#554fa4;}
.border {border:1px solid #554fa4;}
Shades and Tints of #554fa4
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, #030205 is the darkest color, while #f7f7fb is the lightest one.
-
#030205
#030205
rgb(3,2,5)
-
#0a0912
#0a0912
rgb(10,9,18)
-
#100f20
#100f20
rgb(16,15,32)
-
#17162d
#17162d
rgb(23,22,45)
-
#1e1c3a
#1e1c3a
rgb(30,28,58)
-
#252247
#252247
rgb(37,34,71)
-
#2c2955
#2c2955
rgb(44,41,85)
-
#332f62
#332f62
rgb(51,47,98)
-
#3a356f
#3a356f
rgb(58,53,111)
-
#403c7c
#403c7c
rgb(64,60,124)
-
#47428a
#47428a
rgb(71,66,138)
-
#4e4997
#4e4997
rgb(78,73,151)
-
#554fa4
#554fa4
rgb(85,79,164)
-
#5e58af
#5e58af
rgb(94,88,175)
-
#6b65b5
#6b65b5
rgb(107,101,181)
-
#7873bb
#7873bb
rgb(120,115,187)
-
#8480c2
#8480c2
rgb(132,128,194)
-
#918dc8
#918dc8
rgb(145,141,200)
-
#9e9ace
#9e9ace
rgb(158,154,206)
-
#aba7d5
#aba7d5
rgb(171,167,213)
-
#b7b5db
#b7b5db
rgb(183,181,219)
-
#c4c2e2
#c4c2e2
rgb(196,194,226)
-
#d1cfe8
#d1cfe8
rgb(209,207,232)
-
#dedcee
#dedcee
rgb(222,220,238)
-
#eaeaf5
#eaeaf5
rgb(234,234,245)
-
#f7f7fb
#f7f7fb
rgb(247,247,251)
Tones of #554fa4
A tone is produced by adding gray to any pure hue. In this case, #75747f is the less saturated color, while #1504ef is the most saturated one.
-
#75747f
#75747f
rgb(117,116,127)
-
#6d6b88
#6d6b88
rgb(109,107,136)
-
#656291
#656291
rgb(101,98,145)
-
#5d589b
#5d589b
rgb(93,88,155)
-
#554fa4
#554fa4
rgb(85,79,164)
-
#4d46ad
#4d46ad
rgb(77,70,173)
-
#453cb7
#453cb7
rgb(69,60,183)
-
#3d33c0
#3d33c0
rgb(61,51,192)
-
#352ac9
#352ac9
rgb(53,42,201)
-
#2d20d3
#2d20d3
rgb(45,32,211)
-
#2517dc
#2517dc
rgb(37,23,220)
-
#1d0ee5
#1d0ee5
rgb(29,14,229)
-
#1504ef
#1504ef
rgb(21,4,239)
Color Blindness Simulator
Below, you can see how #554fa4 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.