#554ea2 Color Information
In a RGB color space, hex #554ea2 is composed of 33.3% red, 30.6% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 47.5% cyan, 51.9% magenta, 0% yellow and 36.5% black. It has a hue angle of 245 degrees, a saturation of 35% and a lightness of 47.1%. #554ea2 color hex could be obtained by blending #aa9cff with #000045. Closest websafe color is: #666699.
-
- R 33
- G 31
- B 64
-
- C 48
- M 52
- Y 0
- K 36
● #554ea2 color description : Dark moderate blue.
#554ea2 Color Conversion
The hexadecimal color #554ea2 has RGB values of R:85, G:78, B:162 and CMYK values of C:0.48, M:0.52, Y:0, K:0.36. Its decimal value is 5590690.
Hex triplet | 554ea2 | #554ea2 |
---|---|---|
RGB Decimal | 85, 78, 162 | rgb(85,78,162) |
RGB Percent | 33.3, 30.6, 63.5 | rgb(33.3%,30.6%,63.5%) |
CMYK | 48, 52, 0, 36 | |
HSL | 245°, 35, 47.1 | hsl(245,35%,47.1%) |
HSV (or HSB) | 245°, 51.9, 63.5 | |
Web Safe | 666699 | #666699 |
CIE-LAB | 37.822, 25.567, -44.759 |
---|---|
XYZ | 12.991, 9.988, 35.424 |
xyY | 0.222, 0.171, 9.988 |
CIE-LCH | 37.822, 51.546, 299.735 |
CIE-LUV | 37.822, -2.325, -66.014 |
Hunter-Lab | 31.604, 18.065, -44.332 |
Binary | 01010101, 01001110, 10100010 |
Color Schemes with #554ea2
Alternatives to #554ea2
Below, you can see some colors close to #554ea2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#554ea2 Preview
This text has a font color of #554ea2.
<span style="color:#554ea2;">Text here</span>
This paragraph has a background color of #554ea2.
<p style="background-color:#554ea2;">Content here</p>
This element has a border color of #554ea2.
<div style="border:1px solid #554ea2;">Content here</div>
.text {color:#554ea2;}
.background {background-color:#554ea2;}
.border {border:1px solid #554ea2;}
Shades and Tints of #554ea2
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, #020103 is the darkest color, while #f5f5fa is the lightest one.
-
#020103
#020103
rgb(2,1,3)
-
#090810
#090810
rgb(9,8,16)
-
#100e1e
#100e1e
rgb(16,14,30)
-
#16152b
#16152b
rgb(22,21,43)
-
#1d1b38
#1d1b38
rgb(29,27,56)
-
#242145
#242145
rgb(36,33,69)
-
#2b2853
#2b2853
rgb(43,40,83)
-
#322e60
#322e60
rgb(50,46,96)
-
#39356d
#39356d
rgb(57,53,109)
-
#403b7a
#403b7a
rgb(64,59,122)
-
#474188
#474188
rgb(71,65,136)
-
#4e4895
#4e4895
rgb(78,72,149)
-
#554ea2
#554ea2
rgb(85,78,162)
-
#5d56ae
#5d56ae
rgb(93,86,174)
-
#6a63b4
#6a63b4
rgb(106,99,180)
-
#7770ba
#7770ba
rgb(119,112,186)
-
#837ec1
#837ec1
rgb(131,126,193)
-
#908bc7
#908bc7
rgb(144,139,199)
-
#9d98ce
#9d98ce
rgb(157,152,206)
-
#a9a5d4
#a9a5d4
rgb(169,165,212)
-
#b6b3da
#b6b3da
rgb(182,179,218)
-
#c3c0e1
#c3c0e1
rgb(195,192,225)
-
#cfcde7
#cfcde7
rgb(207,205,231)
-
#dcdaed
#dcdaed
rgb(220,218,237)
-
#e9e8f4
#e9e8f4
rgb(233,232,244)
-
#f5f5fa
#f5f5fa
rgb(245,245,250)
Tones of #554ea2
A tone is produced by adding gray to any pure hue. In this case, #74737d is the less saturated color, while #1704ec is the most saturated one.
-
#74737d
#74737d
rgb(116,115,125)
-
#6c6a86
#6c6a86
rgb(108,106,134)
-
#646090
#646090
rgb(100,96,144)
-
#5d5799
#5d5799
rgb(93,87,153)
-
#554ea2
#554ea2
rgb(85,78,162)
-
#4d45ab
#4d45ab
rgb(77,69,171)
-
#463cb4
#463cb4
rgb(70,60,180)
-
#3e32be
#3e32be
rgb(62,50,190)
-
#3629c7
#3629c7
rgb(54,41,199)
-
#2f20d0
#2f20d0
rgb(47,32,208)
-
#2717d9
#2717d9
rgb(39,23,217)
-
#1f0de3
#1f0de3
rgb(31,13,227)
-
#1704ec
#1704ec
rgb(23,4,236)
Color Blindness Simulator
Below, you can see how #554ea2 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.