#554660 Color Information
In a RGB color space, hex #554660 is composed of 33.3% red, 27.5% green and 37.6% blue. Whereas in a CMYK color space, it is composed of 11.5% cyan, 27.1% magenta, 0% yellow and 62.4% black. It has a hue angle of 274.6 degrees, a saturation of 15.7% and a lightness of 32.5%. #554660 color hex could be obtained by blending #aa8cc0 with #000000. Closest websafe color is: #663366.
-
- R 33
- G 27
- B 38
-
- C 11
- M 27
- Y 0
- K 62
● #554660 color description : Very dark grayish violet.
#554660 Color Conversion
The hexadecimal color #554660 has RGB values of R:85, G:70, B:96 and CMYK values of C:0.11, M:0.27, Y:0, K:0.62. Its decimal value is 5588576.
Hex triplet | 554660 | #554660 |
---|---|---|
RGB Decimal | 85, 70, 96 | rgb(85,70,96) |
RGB Percent | 33.3, 27.5, 37.6 | rgb(33.3%,27.5%,37.6%) |
CMYK | 11, 27, 0, 62 | |
HSL | 274.6°, 15.7, 32.5 | hsl(274.6,15.7%,32.5%) |
HSV (or HSB) | 274.6°, 27.1, 37.6 | |
Web Safe | 663366 | #663366 |
CIE-LAB | 32.16, 11.969, -12.916 |
---|---|
XYZ | 8.047, 7.156, 12.023 |
xyY | 0.296, 0.263, 7.156 |
CIE-LCH | 32.16, 17.609, 312.82 |
CIE-LUV | 32.16, 6.142, -18.02 |
Hunter-Lab | 26.751, 6.883, -7.922 |
Binary | 01010101, 01000110, 01100000 |
Color Schemes with #554660
Alternatives to #554660
Below, you can see some colors close to #554660. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#554660 Preview
This text has a font color of #554660.
<span style="color:#554660;">Text here</span>
This paragraph has a background color of #554660.
<p style="background-color:#554660;">Content here</p>
This element has a border color of #554660.
<div style="border:1px solid #554660;">Content here</div>
.text {color:#554660;}
.background {background-color:#554660;}
.border {border:1px solid #554660;}
Shades and Tints of #554660
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, #050405 is the darkest color, while #faf9fb is the lightest one.
-
#050405
#050405
rgb(5,4,5)
-
#0f0c11
#0f0c11
rgb(15,12,17)
-
#19141c
#19141c
rgb(25,20,28)
-
#231d27
#231d27
rgb(35,29,39)
-
#2d2533
#2d2533
rgb(45,37,51)
-
#372d3e
#372d3e
rgb(55,45,62)
-
#413549
#413549
rgb(65,53,73)
-
#4b3e55
#4b3e55
rgb(75,62,85)
-
#554660
#554660
rgb(85,70,96)
-
#5f4e6b
#5f4e6b
rgb(95,78,107)
-
#695777
#695777
rgb(105,87,119)
-
#735f82
#735f82
rgb(115,95,130)
-
#7d678d
#7d678d
rgb(125,103,141)
-
#877197
#877197
rgb(135,113,151)
-
#917ca0
#917ca0
rgb(145,124,160)
-
#9a87a8
#9a87a8
rgb(154,135,168)
-
#a493b0
#a493b0
rgb(164,147,176)
-
#ad9eb8
#ad9eb8
rgb(173,158,184)
-
#b7a9c1
#b7a9c1
rgb(183,169,193)
-
#c0b5c9
#c0b5c9
rgb(192,181,201)
-
#cac0d1
#cac0d1
rgb(202,192,209)
-
#d4ccd9
#d4ccd9
rgb(212,204,217)
-
#ddd7e2
#ddd7e2
rgb(221,215,226)
-
#e7e2ea
#e7e2ea
rgb(231,226,234)
-
#f0eef2
#f0eef2
rgb(240,238,242)
-
#faf9fb
#faf9fb
rgb(250,249,251)
Tones of #554660
A tone is produced by adding gray to any pure hue. In this case, #535353 is the less saturated color, while #5f06a0 is the most saturated one.
-
#535353
#535353
rgb(83,83,83)
-
#544c5a
#544c5a
rgb(84,76,90)
-
#554660
#554660
rgb(85,70,96)
-
#564066
#564066
rgb(86,64,102)
-
#57396d
#57396d
rgb(87,57,109)
-
#583373
#583373
rgb(88,51,115)
-
#592c7a
#592c7a
rgb(89,44,122)
-
#5a2680
#5a2680
rgb(90,38,128)
-
#5b2086
#5b2086
rgb(91,32,134)
-
#5c198d
#5c198d
rgb(92,25,141)
-
#5d1393
#5d1393
rgb(93,19,147)
-
#5e0d99
#5e0d99
rgb(94,13,153)
-
#5f06a0
#5f06a0
rgb(95,6,160)
Color Blindness Simulator
Below, you can see how #554660 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.