#554f68 Color Information
In a RGB color space, hex #554f68 is composed of 33.3% red, 31% green and 40.8% blue. Whereas in a CMYK color space, it is composed of 18.3% cyan, 24% magenta, 0% yellow and 59.2% black. It has a hue angle of 254.4 degrees, a saturation of 13.7% and a lightness of 35.9%. #554f68 color hex could be obtained by blending #aa9ed0 with #000000. Closest websafe color is: #666666.
-
- R 33
- G 31
- B 41
-
- C 18
- M 24
- Y 0
- K 59
● #554f68 color description : Very dark grayish blue.
#554f68 Color Conversion
The hexadecimal color #554f68 has RGB values of R:85, G:79, B:104 and CMYK values of C:0.18, M:0.24, Y:0, K:0.59. Its decimal value is 5590888.
Hex triplet | 554f68 | #554f68 |
---|---|---|
RGB Decimal | 85, 79, 104 | rgb(85,79,104) |
RGB Percent | 33.3, 31, 40.8 | rgb(33.3%,31%,40.8%) |
CMYK | 18, 24, 0, 59 | |
HSL | 254.4°, 13.7, 35.9 | hsl(254.4,13.7%,35.9%) |
HSV (or HSB) | 254.4°, 24, 40.8 | |
Web Safe | 666666 | #666666 |
CIE-LAB | 35.049, 8.201, -13.563 |
---|---|
XYZ | 9.041, 8.523, 14.265 |
xyY | 0.284, 0.268, 8.523 |
CIE-LCH | 35.049, 15.849, 301.161 |
CIE-LUV | 35.049, 1.56, -18.877 |
Hunter-Lab | 29.194, 4.188, -8.535 |
Binary | 01010101, 01001111, 01101000 |
Color Schemes with #554f68
Alternatives to #554f68
Below, you can see some colors close to #554f68. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#554f68 Preview
This text has a font color of #554f68.
<span style="color:#554f68;">Text here</span>
This paragraph has a background color of #554f68.
<p style="background-color:#554f68;">Content here</p>
This element has a border color of #554f68.
<div style="border:1px solid #554f68;">Content here</div>
.text {color:#554f68;}
.background {background-color:#554f68;}
.border {border:1px solid #554f68;}
Shades and Tints of #554f68
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, #030304 is the darkest color, while #f8f8f9 is the lightest one.
-
#030304
#030304
rgb(3,3,4)
-
#0c0b0f
#0c0b0f
rgb(12,11,15)
-
#15141a
#15141a
rgb(21,20,26)
-
#1e1c25
#1e1c25
rgb(30,28,37)
-
#272530
#272530
rgb(39,37,48)
-
#312d3b
#312d3b
rgb(49,45,59)
-
#3a3647
#3a3647
rgb(58,54,71)
-
#433e52
#433e52
rgb(67,62,82)
-
#4c475d
#4c475d
rgb(76,71,93)
-
#554f68
#554f68
rgb(85,79,104)
-
#5e5773
#5e5773
rgb(94,87,115)
-
#67607e
#67607e
rgb(103,96,126)
-
#706889
#706889
rgb(112,104,137)
-
#7a7294
#7a7294
rgb(122,114,148)
-
#847d9c
#847d9c
rgb(132,125,156)
-
#8f88a5
#8f88a5
rgb(143,136,165)
-
#9993ad
#9993ad
rgb(153,147,173)
-
#a49eb6
#a49eb6
rgb(164,158,182)
-
#aea9be
#aea9be
rgb(174,169,190)
-
#b9b5c7
#b9b5c7
rgb(185,181,199)
-
#c3c0cf
#c3c0cf
rgb(195,192,207)
-
#cecbd7
#cecbd7
rgb(206,203,215)
-
#d8d6e0
#d8d6e0
rgb(216,214,224)
-
#e3e1e8
#e3e1e8
rgb(227,225,232)
-
#edecf1
#edecf1
rgb(237,236,241)
-
#f8f8f9
#f8f8f9
rgb(248,248,249)
Tones of #554f68
A tone is produced by adding gray to any pure hue. In this case, #595661 is the less saturated color, while #2d02b5 is the most saturated one.
-
#595661
#595661
rgb(89,86,97)
-
#554f68
#554f68
rgb(85,79,104)
-
#51486f
#51486f
rgb(81,72,111)
-
#4e4176
#4e4176
rgb(78,65,118)
-
#4a3a7d
#4a3a7d
rgb(74,58,125)
-
#463384
#463384
rgb(70,51,132)
-
#432c8b
#432c8b
rgb(67,44,139)
-
#3f2592
#3f2592
rgb(63,37,146)
-
#3b1e99
#3b1e99
rgb(59,30,153)
-
#3817a0
#3817a0
rgb(56,23,160)
-
#3410a7
#3410a7
rgb(52,16,167)
-
#3009ae
#3009ae
rgb(48,9,174)
-
#2d02b5
#2d02b5
rgb(45,2,181)
Color Blindness Simulator
Below, you can see how #554f68 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.