#554ad5 Color Information
In a RGB color space, hex #554ad5 is composed of 33.3% red, 29% green and 83.5% blue. Whereas in a CMYK color space, it is composed of 60.1% cyan, 65.3% magenta, 0% yellow and 16.5% black. It has a hue angle of 244.7 degrees, a saturation of 62.3% and a lightness of 56.3%. #554ad5 color hex could be obtained by blending #aa94ff with #0000ab. Closest websafe color is: #6633cc.
-
- R 33
- G 29
- B 84
-
- C 60
- M 65
- Y 0
- K 16
● #554ad5 color description : Moderate blue.
#554ad5 Color Conversion
The hexadecimal color #554ad5 has RGB values of R:85, G:74, B:213 and CMYK values of C:0.6, M:0.65, Y:0, K:0.16. Its decimal value is 5589717.
Hex triplet | 554ad5 | #554ad5 |
---|---|---|
RGB Decimal | 85, 74, 213 | rgb(85,74,213) |
RGB Percent | 33.3, 29, 83.5 | rgb(33.3%,29%,83.5%) |
CMYK | 60, 65, 0, 16 | |
HSL | 244.7°, 62.3, 56.3 | hsl(244.7,62.3%,56.3%) |
HSV (or HSB) | 244.7°, 65.3, 83.5 | |
Web Safe | 6633cc | #6633cc |
CIE-LAB | 40.626, 44.132, -70.107 |
---|---|
XYZ | 18.203, 11.632, 64.233 |
xyY | 0.194, 0.124, 11.632 |
CIE-LCH | 40.626, 82.841, 302.19 |
CIE-LUV | 40.626, -4.704, -103.876 |
Hunter-Lab | 34.106, 35.583, -87.789 |
Binary | 01010101, 01001010, 11010101 |
Color Schemes with #554ad5
Alternatives to #554ad5
Below, you can see some colors close to #554ad5. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#554ad5 Preview
This text has a font color of #554ad5.
<span style="color:#554ad5;">Text here</span>
This paragraph has a background color of #554ad5.
<p style="background-color:#554ad5;">Content here</p>
This element has a border color of #554ad5.
<div style="border:1px solid #554ad5;">Content here</div>
.text {color:#554ad5;}
.background {background-color:#554ad5;}
.border {border:1px solid #554ad5;}
Shades and Tints of #554ad5
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, #03020a is the darkest color, while #f9f9fe is the lightest one.
-
#03020a
#03020a
rgb(3,2,10)
-
#08061a
#08061a
rgb(8,6,26)
-
#0c0a2a
#0c0a2a
rgb(12,10,42)
-
#110d3a
#110d3a
rgb(17,13,58)
-
#16114a
#16114a
rgb(22,17,74)
-
#1a155a
#1a155a
rgb(26,21,90)
-
#1f186a
#1f186a
rgb(31,24,106)
-
#241c79
#241c79
rgb(36,28,121)
-
#282089
#282089
rgb(40,32,137)
-
#2d2499
#2d2499
rgb(45,36,153)
-
#3227a9
#3227a9
rgb(50,39,169)
-
#362bb9
#362bb9
rgb(54,43,185)
-
#3b2fc9
#3b2fc9
rgb(59,47,201)
-
#463ad1
#463ad1
rgb(70,58,209)
-
#554ad5
#554ad5
rgb(85,74,213)
-
#645ad9
#645ad9
rgb(100,90,217)
-
#736adc
#736adc
rgb(115,106,220)
-
#827ae0
#827ae0
rgb(130,122,224)
-
#918ae4
#918ae4
rgb(145,138,228)
-
#a09ae7
#a09ae7
rgb(160,154,231)
-
#afaaeb
#afaaeb
rgb(175,170,235)
-
#beb9ef
#beb9ef
rgb(190,185,239)
-
#cdc9f3
#cdc9f3
rgb(205,201,243)
-
#dcd9f6
#dcd9f6
rgb(220,217,246)
-
#ebe9fa
#ebe9fa
rgb(235,233,250)
-
#f9f9fe
#f9f9fe
rgb(249,249,254)
Tones of #554ad5
A tone is produced by adding gray to any pure hue. In this case, #8f8f90 is the less saturated color, while #3828f7 is the most saturated one.
-
#8f8f90
#8f8f90
rgb(143,143,144)
-
#888699
#888699
rgb(136,134,153)
-
#807da2
#807da2
rgb(128,125,162)
-
#7975aa
#7975aa
rgb(121,117,170)
-
#726cb3
#726cb3
rgb(114,108,179)
-
#6b64bb
#6b64bb
rgb(107,100,187)
-
#635bc4
#635bc4
rgb(99,91,196)
-
#5c53cc
#5c53cc
rgb(92,83,204)
-
#554ad5
#554ad5
rgb(85,74,213)
-
#4e41de
#4e41de
rgb(78,65,222)
-
#4739e6
#4739e6
rgb(71,57,230)
-
#3f30ef
#3f30ef
rgb(63,48,239)
-
#3828f7
#3828f7
rgb(56,40,247)
Color Blindness Simulator
Below, you can see how #554ad5 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.