#554ca2 Color Information
In a RGB color space, hex #554ca2 is composed of 33.3% red, 29.8% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 47.5% cyan, 53.1% magenta, 0% yellow and 36.5% black. It has a hue angle of 246.3 degrees, a saturation of 36.1% and a lightness of 46.7%. #554ca2 color hex could be obtained by blending #aa98ff with #000045. Closest websafe color is: #663399.
-
- R 33
- G 30
- B 64
-
- C 48
- M 53
- Y 0
- K 36
● #554ca2 color description : Dark moderate blue.
#554ca2 Color Conversion
The hexadecimal color #554ca2 has RGB values of R:85, G:76, B:162 and CMYK values of C:0.48, M:0.53, Y:0, K:0.36. Its decimal value is 5590178.
Hex triplet | 554ca2 | #554ca2 |
---|---|---|
RGB Decimal | 85, 76, 162 | rgb(85,76,162) |
RGB Percent | 33.3, 29.8, 63.5 | rgb(33.3%,29.8%,63.5%) |
CMYK | 48, 53, 0, 36 | |
HSL | 246.3°, 36.1, 46.7 | hsl(246.3,36.1%,46.7%) |
HSV (or HSB) | 246.3°, 53.1, 63.5 | |
Web Safe | 663399 | #663399 |
CIE-LAB | 37.314, 26.826, -45.573 |
---|---|
XYZ | 12.851, 9.708, 35.377 |
xyY | 0.222, 0.168, 9.708 |
CIE-LCH | 37.314, 52.883, 300.482 |
CIE-LUV | 37.314, -1.734, -67.004 |
Hunter-Lab | 31.158, 19.094, -45.507 |
Binary | 01010101, 01001100, 10100010 |
Color Schemes with #554ca2
Alternatives to #554ca2
Below, you can see some colors close to #554ca2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#554ca2 Preview
This text has a font color of #554ca2.
<span style="color:#554ca2;">Text here</span>
This paragraph has a background color of #554ca2.
<p style="background-color:#554ca2;">Content here</p>
This element has a border color of #554ca2.
<div style="border:1px solid #554ca2;">Content here</div>
.text {color:#554ca2;}
.background {background-color:#554ca2;}
.border {border:1px solid #554ca2;}
Shades and Tints of #554ca2
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, #010102 is the darkest color, while #f4f3fa is the lightest one.
-
#010102
#010102
rgb(1,1,2)
-
#08070f
#08070f
rgb(8,7,15)
-
#0f0d1c
#0f0d1c
rgb(15,13,28)
-
#16142a
#16142a
rgb(22,20,42)
-
#1d1a37
#1d1a37
rgb(29,26,55)
-
#242045
#242045
rgb(36,32,69)
-
#2b2652
#2b2652
rgb(43,38,82)
-
#322d5f
#322d5f
rgb(50,45,95)
-
#39336d
#39336d
rgb(57,51,109)
-
#40397a
#40397a
rgb(64,57,122)
-
#473f87
#473f87
rgb(71,63,135)
-
#4e4695
#4e4695
rgb(78,70,149)
-
#554ca2
#554ca2
rgb(85,76,162)
-
#5d53ae
#5d53ae
rgb(93,83,174)
-
#6961b5
#6961b5
rgb(105,97,181)
-
#766ebb
#766ebb
rgb(118,110,187)
-
#837bc1
#837bc1
rgb(131,123,193)
-
#8f89c7
#8f89c7
rgb(143,137,199)
-
#9c96ce
#9c96ce
rgb(156,150,206)
-
#a8a3d4
#a8a3d4
rgb(168,163,212)
-
#b5b1da
#b5b1da
rgb(181,177,218)
-
#c2bee1
#c2bee1
rgb(194,190,225)
-
#cecbe7
#cecbe7
rgb(206,203,231)
-
#dbd9ed
#dbd9ed
rgb(219,217,237)
-
#e7e6f3
#e7e6f3
rgb(231,230,243)
-
#f4f3fa
#f4f3fa
rgb(244,243,250)
Tones of #554ca2
A tone is produced by adding gray to any pure hue. In this case, #72717d is the less saturated color, while #1b03eb is the most saturated one.
-
#72717d
#72717d
rgb(114,113,125)
-
#6b6787
#6b6787
rgb(107,103,135)
-
#635e90
#635e90
rgb(99,94,144)
-
#5c5599
#5c5599
rgb(92,85,153)
-
#554ca2
#554ca2
rgb(85,76,162)
-
#4e43ab
#4e43ab
rgb(78,67,171)
-
#473ab4
#473ab4
rgb(71,58,180)
-
#3f31bd
#3f31bd
rgb(63,49,189)
-
#3827c7
#3827c7
rgb(56,39,199)
-
#311ed0
#311ed0
rgb(49,30,208)
-
#2a15d9
#2a15d9
rgb(42,21,217)
-
#220ce2
#220ce2
rgb(34,12,226)
-
#1b03eb
#1b03eb
rgb(27,3,235)
Color Blindness Simulator
Below, you can see how #554ca2 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.