#554baa Color Information
In a RGB color space, hex #554baa is composed of 33.3% red, 29.4% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 50% cyan, 55.9% magenta, 0% yellow and 33.3% black. It has a hue angle of 246.3 degrees, a saturation of 38.8% and a lightness of 48%. #554baa color hex could be obtained by blending #aa96ff with #000055. Closest websafe color is: #663399.
-
- R 33
- G 29
- B 67
-
- C 50
- M 56
- Y 0
- K 33
● #554baa color description : Dark moderate blue.
#554baa Color Conversion
The hexadecimal color #554baa has RGB values of R:85, G:75, B:170 and CMYK values of C:0.5, M:0.56, Y:0, K:0.33. Its decimal value is 5589930.
Hex triplet | 554baa | #554baa |
---|---|---|
RGB Decimal | 85, 75, 170 | rgb(85,75,170) |
RGB Percent | 33.3, 29.4, 66.7 | rgb(33.3%,29.4%,66.7%) |
CMYK | 50, 56, 0, 33 | |
HSL | 246.3°, 38.8, 48 | hsl(246.3,38.8%,48%) |
HSV (or HSB) | 246.3°, 55.9, 66.7 | |
Web Safe | 663399 | #663399 |
CIE-LAB | 37.6, 29.951, -49.889 |
---|---|
XYZ | 13.517, 9.865, 39.22 |
xyY | 0.216, 0.158, 9.865 |
CIE-LCH | 37.6, 58.189, 300.979 |
CIE-LUV | 37.6, -2.034, -73.455 |
Hunter-Lab | 31.409, 21.85, -52.048 |
Binary | 01010101, 01001011, 10101010 |
Color Schemes with #554baa
Alternatives to #554baa
Below, you can see some colors close to #554baa. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#554baa Preview
This text has a font color of #554baa.
<span style="color:#554baa;">Text here</span>
This paragraph has a background color of #554baa.
<p style="background-color:#554baa;">Content here</p>
This element has a border color of #554baa.
<div style="border:1px solid #554baa;">Content here</div>
.text {color:#554baa;}
.background {background-color:#554baa;}
.border {border:1px solid #554baa;}
Shades and Tints of #554baa
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, #030307 is the darkest color, while #f8f8fc is the lightest one.
-
#030307
#030307
rgb(3,3,7)
-
#0a0914
#0a0914
rgb(10,9,20)
-
#110f22
#110f22
rgb(17,15,34)
-
#181530
#181530
rgb(24,21,48)
-
#1f1b3d
#1f1b3d
rgb(31,27,61)
-
#25214b
#25214b
rgb(37,33,75)
-
#2c2758
#2c2758
rgb(44,39,88)
-
#332d66
#332d66
rgb(51,45,102)
-
#3a3374
#3a3374
rgb(58,51,116)
-
#413981
#413981
rgb(65,57,129)
-
#473f8f
#473f8f
rgb(71,63,143)
-
#4e459c
#4e459c
rgb(78,69,156)
-
#554baa
#554baa
rgb(85,75,170)
-
#5f55b4
#5f55b4
rgb(95,85,180)
-
#6c62ba
#6c62ba
rgb(108,98,186)
-
#7870c0
#7870c0
rgb(120,112,192)
-
#857ec6
#857ec6
rgb(133,126,198)
-
#928bcc
#928bcc
rgb(146,139,204)
-
#9f99d2
#9f99d2
rgb(159,153,210)
-
#aca6d8
#aca6d8
rgb(172,166,216)
-
#b8b4de
#b8b4de
rgb(184,180,222)
-
#c5c2e4
#c5c2e4
rgb(197,194,228)
-
#d2cfea
#d2cfea
rgb(210,207,234)
-
#dfddf0
#dfddf0
rgb(223,221,240)
-
#eceaf6
#eceaf6
rgb(236,234,246)
-
#f8f8fc
#f8f8fc
rgb(248,248,252)
Tones of #554baa
A tone is produced by adding gray to any pure hue. In this case, #7a7a7b is the less saturated color, while #2109ec is the most saturated one.
-
#7a7a7b
#7a7a7b
rgb(122,122,123)
-
#737184
#737184
rgb(115,113,132)
-
#6b678e
#6b678e
rgb(107,103,142)
-
#645e97
#645e97
rgb(100,94,151)
-
#5c54a1
#5c54a1
rgb(92,84,161)
-
#554baa
#554baa
rgb(85,75,170)
-
#4e42b3
#4e42b3
rgb(78,66,179)
-
#4638bd
#4638bd
rgb(70,56,189)
-
#3f2fc6
#3f2fc6
rgb(63,47,198)
-
#3725d0
#3725d0
rgb(55,37,208)
-
#301cd9
#301cd9
rgb(48,28,217)
-
#2812e3
#2812e3
rgb(40,18,227)
-
#2109ec
#2109ec
rgb(33,9,236)
Color Blindness Simulator
Below, you can see how #554baa 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.