#554684 Color Information
In a RGB color space, hex #554684 is composed of 33.3% red, 27.5% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 35.6% cyan, 47% magenta, 0% yellow and 48.2% black. It has a hue angle of 254.5 degrees, a saturation of 30.7% and a lightness of 39.6%. #554684 color hex could be obtained by blending #aa8cff with #000009. Closest websafe color is: #663399.
-
- R 33
- G 27
- B 52
-
- C 36
- M 47
- Y 0
- K 48
● #554684 color description : Dark moderate blue.
#554684 Color Conversion
The hexadecimal color #554684 has RGB values of R:85, G:70, B:132 and CMYK values of C:0.36, M:0.47, Y:0, K:0.48. Its decimal value is 5588612.
Hex triplet | 554684 | #554684 |
---|---|---|
RGB Decimal | 85, 70, 132 | rgb(85,70,132) |
RGB Percent | 33.3, 27.5, 51.8 | rgb(33.3%,27.5%,51.8%) |
CMYK | 36, 47, 0, 48 | |
HSL | 254.5°, 30.7, 39.6 | hsl(254.5,30.7%,39.6%) |
HSV (or HSB) | 254.5°, 47, 51.8 | |
Web Safe | 663399 | #663399 |
CIE-LAB | 33.936, 21.59, -32.731 |
---|---|
XYZ | 10.101, 7.977, 22.836 |
xyY | 0.247, 0.195, 7.977 |
CIE-LCH | 33.936, 39.211, 303.41 |
CIE-LUV | 33.936, 2.618, -46.861 |
Hunter-Lab | 28.244, 14.406, -28.166 |
Binary | 01010101, 01000110, 10000100 |
Color Schemes with #554684
Alternatives to #554684
Below, you can see some colors close to #554684. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#554684 Preview
This text has a font color of #554684.
<span style="color:#554684;">Text here</span>
This paragraph has a background color of #554684.
<p style="background-color:#554684;">Content here</p>
This element has a border color of #554684.
<div style="border:1px solid #554684;">Content here</div>
.text {color:#554684;}
.background {background-color:#554684;}
.border {border:1px solid #554684;}
Shades and Tints of #554684
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, #020204 is the darkest color, while #f7f6fa is the lightest one.
-
#020204
#020204
rgb(2,2,4)
-
#0b0911
#0b0911
rgb(11,9,17)
-
#13101d
#13101d
rgb(19,16,29)
-
#1b162a
#1b162a
rgb(27,22,42)
-
#231d37
#231d37
rgb(35,29,55)
-
#2c2444
#2c2444
rgb(44,36,68)
-
#342b51
#342b51
rgb(52,43,81)
-
#3c325e
#3c325e
rgb(60,50,94)
-
#44386a
#44386a
rgb(68,56,106)
-
#4d3f77
#4d3f77
rgb(77,63,119)
-
#554684
#554684
rgb(85,70,132)
-
#5d4d91
#5d4d91
rgb(93,77,145)
-
#66549e
#66549e
rgb(102,84,158)
-
#6f5ca9
#6f5ca9
rgb(111,92,169)
-
#7a69af
#7a69af
rgb(122,105,175)
-
#8576b6
#8576b6
rgb(133,118,182)
-
#9183bd
#9183bd
rgb(145,131,189)
-
#9c8fc4
#9c8fc4
rgb(156,143,196)
-
#a79ccb
#a79ccb
rgb(167,156,203)
-
#b3a9d1
#b3a9d1
rgb(179,169,209)
-
#beb6d8
#beb6d8
rgb(190,182,216)
-
#cac3df
#cac3df
rgb(202,195,223)
-
#d5d0e6
#d5d0e6
rgb(213,208,230)
-
#e0dced
#e0dced
rgb(224,220,237)
-
#ece9f3
#ece9f3
rgb(236,233,243)
-
#f7f6fa
#f7f6fa
rgb(247,246,250)
Tones of #554684
A tone is produced by adding gray to any pure hue. In this case, #615d6d is the less saturated color, while #3100ca is the most saturated one.
-
#615d6d
#615d6d
rgb(97,93,109)
-
#5d5674
#5d5674
rgb(93,86,116)
-
#594e7c
#594e7c
rgb(89,78,124)
-
#554684
#554684
rgb(85,70,132)
-
#513e8c
#513e8c
rgb(81,62,140)
-
#4d3694
#4d3694
rgb(77,54,148)
-
#492f9b
#492f9b
rgb(73,47,155)
-
#4527a3
#4527a3
rgb(69,39,163)
-
#411fab
#411fab
rgb(65,31,171)
-
#3d17b3
#3d17b3
rgb(61,23,179)
-
#3910ba
#3910ba
rgb(57,16,186)
-
#3508c2
#3508c2
rgb(53,8,194)
-
#3100ca
#3100ca
rgb(49,0,202)
Color Blindness Simulator
Below, you can see how #554684 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.