#554ddd Color Information
In a RGB color space, hex #554ddd is composed of 33.3% red, 30.2% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 61.5% cyan, 65.2% magenta, 0% yellow and 13.3% black. It has a hue angle of 243.3 degrees, a saturation of 67.9% and a lightness of 58.4%. #554ddd color hex could be obtained by blending #aa9aff with #0000bb. Closest websafe color is: #6666cc.
-
- R 33
- G 30
- B 87
-
- C 62
- M 65
- Y 0
- K 13
● #554ddd color description : Soft blue.
#554ddd Color Conversion
The hexadecimal color #554ddd has RGB values of R:85, G:77, B:221 and CMYK values of C:0.62, M:0.65, Y:0, K:0.13. Its decimal value is 5590493.
Hex triplet | 554ddd | #554ddd |
---|---|---|
RGB Decimal | 85, 77, 221 | rgb(85,77,221) |
RGB Percent | 33.3, 30.2, 86.7 | rgb(33.3%,30.2%,86.7%) |
CMYK | 62, 65, 0, 13 | |
HSL | 243.3°, 67.9, 58.4 | hsl(243.3,67.9%,58.4%) |
HSV (or HSB) | 243.3°, 65.2, 86.7 | |
Web Safe | 6666cc | #6666cc |
CIE-LAB | 41.936, 44.913, -72.545 |
---|---|
XYZ | 19.449, 12.459, 69.783 |
xyY | 0.191, 0.123, 12.459 |
CIE-LCH | 41.936, 85.323, 301.762 |
CIE-LUV | 41.936, -5.826, -108.264 |
Hunter-Lab | 35.297, 36.585, -92.51 |
Binary | 01010101, 01001101, 11011101 |
Color Schemes with #554ddd
Alternatives to #554ddd
Below, you can see some colors close to #554ddd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#554ddd Preview
This text has a font color of #554ddd.
<span style="color:#554ddd;">Text here</span>
This paragraph has a background color of #554ddd.
<p style="background-color:#554ddd;">Content here</p>
This element has a border color of #554ddd.
<div style="border:1px solid #554ddd;">Content here</div>
.text {color:#554ddd;}
.background {background-color:#554ddd;}
.border {border:1px solid #554ddd;}
Shades and Tints of #554ddd
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, #010103 is the darkest color, while #f2f2fc is the lightest one.
-
#010103
#010103
rgb(1,1,3)
-
#050414
#050414
rgb(5,4,20)
-
#090724
#090724
rgb(9,7,36)
-
#0c0a35
#0c0a35
rgb(12,10,53)
-
#100d45
#100d45
rgb(16,13,69)
-
#141056
#141056
rgb(20,16,86)
-
#181366
#181366
rgb(24,19,102)
-
#1c1776
#1c1776
rgb(28,23,118)
-
#201a87
#201a87
rgb(32,26,135)
-
#241d97
#241d97
rgb(36,29,151)
-
#2820a8
#2820a8
rgb(40,32,168)
-
#2b23b8
#2b23b8
rgb(43,35,184)
-
#2f26c9
#2f26c9
rgb(47,38,201)
-
#362cd7
#362cd7
rgb(54,44,215)
-
#453dda
#453dda
rgb(69,61,218)
-
#554ddd
#554ddd
rgb(85,77,221)
-
#655de0
#655de0
rgb(101,93,224)
-
#746ee3
#746ee3
rgb(116,110,227)
-
#847ee6
#847ee6
rgb(132,126,230)
-
#948fea
#948fea
rgb(148,143,234)
-
#a49fed
#a49fed
rgb(164,159,237)
-
#b3b0f0
#b3b0f0
rgb(179,176,240)
-
#c3c0f3
#c3c0f3
rgb(195,192,243)
-
#d3d1f6
#d3d1f6
rgb(211,209,246)
-
#e3e1f9
#e3e1f9
rgb(227,225,249)
-
#f2f2fc
#f2f2fc
rgb(242,242,252)
Tones of #554ddd
A tone is produced by adding gray to any pure hue. In this case, #8f8e9c is the less saturated color, while #382cfe is the most saturated one.
-
#8f8e9c
#8f8e9c
rgb(143,142,156)
-
#8886a4
#8886a4
rgb(136,134,164)
-
#807eac
#807eac
rgb(128,126,172)
-
#7976b4
#7976b4
rgb(121,118,180)
-
#726ebc
#726ebc
rgb(114,110,188)
-
#6b65c5
#6b65c5
rgb(107,101,197)
-
#635dcd
#635dcd
rgb(99,93,205)
-
#5c55d5
#5c55d5
rgb(92,85,213)
-
#554ddd
#554ddd
rgb(85,77,221)
-
#4e45e5
#4e45e5
rgb(78,69,229)
-
#473ded
#473ded
rgb(71,61,237)
-
#3f35f5
#3f35f5
rgb(63,53,245)
-
#382cfe
#382cfe
rgb(56,44,254)
Color Blindness Simulator
Below, you can see how #554ddd 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.