#54556e hex color

In a RGB color space, hex #54556e is composed of 32.9% red, 33.3% green and 43.1% blue. Whereas in a CMYK color space, it is composed of 23.6% cyan, 22.7% magenta, 0% yellow and 56.9% black. It has a hue angle of 237.7 degrees, a saturation of 13.4% and a lightness of 38%. #54556e color hex could be obtained by blending #a8aadc with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 33
- G 33
- B 43
RGB color chart
- C 24
- M 23
- Y 0
- K 57
CMYK color chart

● #54556e color description : Very dark grayish blue.

The hexadecimal color #54556e has RGB values of R:84, G:85, B:110 and CMYK values of C:0.24, M:0.23, Y:0, K:0.57. Its decimal value is 5526894.

Hex triplet	54556e	`#54556e`
RGB Decimal	84, 85, 110	`rgb(84,85,110)`
RGB Percent	32.9, 33.3, 43.1	`rgb(32.9%,33.3%,43.1%)`
CMYK	24, 23, 0, 57
HSL	237.7°, 13.4, 38	`hsl(237.7,13.4%,38%)`
HSV (or HSB)	237.7°, 23.6, 43.1
Web Safe	666666	`#666666`

CIE-LAB	36.944, 5.602, -14.421
XYZ	9.719, 9.507, 16.074
xyY	0.275, 0.269, 9.507
CIE-LCH	36.944, 15.471, 291.231
CIE-LUV	36.944, -1.923, -20.017
Hunter-Lab	30.834, 2.301, -9.324
Binary	01010100, 01010101, 01101110

#54556e
```
#54556e rgb(84,85,110)
```
#6e6d54
```
#6e6d54 rgb(110,109,84)
```

Complementary Color

#54626e
```
#54626e rgb(84,98,110)
```
#54556e
```
#54556e rgb(84,85,110)
```
#60546e
```
#60546e rgb(96,84,110)
```

Analogous Color

#626e54
```
#626e54 rgb(98,110,84)
```
#54556e
```
#54556e rgb(84,85,110)
```
#6e6054
```
#6e6054 rgb(110,96,84)
```

Split Complementary Color

#556e54
```
#556e54 rgb(85,110,84)
```
#54556e
```
#54556e rgb(84,85,110)
```
#6e5455
```
#6e5455 rgb(110,84,85)
```

Triadic Color

#546e6d
```
#546e6d rgb(84,110,109)
```
#54556e
```
#54556e rgb(84,85,110)
```
#6e5455
```
#6e5455 rgb(110,84,85)
```
#6e6d54
```
#6e6d54 rgb(110,109,84)
```

Tetradic Color

#333343
```
#333343 rgb(51,51,67)
```
#3e3f51
```
#3e3f51 rgb(62,63,81)
```
#494a60
```
#494a60 rgb(73,74,96)
```
#54556e
```
#54556e rgb(84,85,110)
```
#5f607c
```
#5f607c rgb(95,96,124)
```
#6a6b8b
```
#6a6b8b rgb(106,107,139)
```
#777897
```
#777897 rgb(119,120,151)
```

Monochromatic Color

Below, you can see some colors close to #54556e. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#545c6e
```
#545c6e rgb(84,92,110)
```
#54596e
```
#54596e rgb(84,89,110)
```
#54576e
```
#54576e rgb(84,87,110)
```
#54556e
```
#54556e rgb(84,85,110)
```
#55546e
```
#55546e rgb(85,84,110)
```
#57546e
```
#57546e rgb(87,84,110)
```
#5a546e
```
#5a546e rgb(90,84,110)
```

Similar Colors

Text with hexadecimal color #54556e

This text has a font color of #54556e.

<span style="color:#54556e;">Text here</span>

#54556e background color

This paragraph has a background color of #54556e.

<p style="background-color:#54556e;">Content here</p>

#54556e border color

This element has a border color of #54556e.

<div style="border:1px solid #54556e;">Content here</div>

CSS codes

.text {color:#54556e;}

.background {background-color:#54556e;}

.border {border:1px solid #54556e;}

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, #08080a is the darkest color, while #fefefe is the lightest one.

#08080a
```
#08080a rgb(8,8,10)
```
#101015
```
#101015 rgb(16,16,21)
```
#191920
```
#191920 rgb(25,25,32)
```
#21212b
```
#21212b rgb(33,33,43)
```
#2a2a36
```
#2a2a36 rgb(42,42,54)
```
#323342
```
#323342 rgb(50,51,66)
```
#3b3b4d
```
#3b3b4d rgb(59,59,77)
```
#434458
```
#434458 rgb(67,68,88)
```
#4c4c63
```
#4c4c63 rgb(76,76,99)
```
#54556e
```
#54556e rgb(84,85,110)
```
#5c5e79
```
#5c5e79 rgb(92,94,121)
```
#656684
```
#656684 rgb(101,102,132)
```
#6d6f8f
```
#6d6f8f rgb(109,111,143)
```

Shade Color Variation

#787a98
```
#787a98 rgb(120,122,152)
```
#8385a1
```
#8385a1 rgb(131,133,161)
```
#8f90a9
```
#8f90a9 rgb(143,144,169)
```
#9a9bb2
```
#9a9bb2 rgb(154,155,178)
```
#a5a6ba
```
#a5a6ba rgb(165,166,186)
```
#b0b1c3
```
#b0b1c3 rgb(176,177,195)
```
#bbbccb
```
#bbbccb rgb(187,188,203)
```
#c6c7d4
```
#c6c7d4 rgb(198,199,212)
```
#d1d2dc
```
#d1d2dc rgb(209,210,220)
```
#dcdde5
```
#dcdde5 rgb(220,221,229)
```
#e8e8ed
```
#e8e8ed rgb(232,232,237)
```
#f3f3f6
```
#f3f3f6 rgb(243,243,246)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5b5c67 is the less saturated color, while #0209c0 is the most saturated one.

#5b5c67
```
#5b5c67 rgb(91,92,103)
```
#54556e
```
#54556e rgb(84,85,110)
```
#4d4e75
```
#4d4e75 rgb(77,78,117)
```
#45477d
```
#45477d rgb(69,71,125)
```
#3e4084
```
#3e4084 rgb(62,64,132)
```
#36398c
```
#36398c rgb(54,57,140)
```
#2f3393
```
#2f3393 rgb(47,51,147)
```
#272c9b
```
#272c9b rgb(39,44,155)
```
#2025a2
```
#2025a2 rgb(32,37,162)
```
#181eaa
```
#181eaa rgb(24,30,170)
```
#1117b1
```
#1117b1 rgb(17,23,177)
```
#0910b9
```
#0910b9 rgb(9,16,185)
```
#0209c0
```
#0209c0 rgb(2,9,192)
```

Tone Color Variation

Below, you can see how #54556e 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.

Monochromacy

#585858 Achromatopsia 0.005% of the population
#57575c Atypical Achromatopsia 0.001% of the population

Dichromacy

#595e76 Protanopia 1% of men
#5c5d75 Deuteranopia 1% of men
#596067 Tritanopia 0.001% of the population

Trichromacy

#575b73 Protanomaly 1% of men, 0.01% of women
#595a72 Deuteranomaly 6% of men, 0.4% of women
#575c69 Tritanomaly 0.01% of the population

#54556e hex color

#54556e Color Information

#54556e Color Conversion

Color Schemes with #54556e

Alternatives to #54556e

#54556e Preview

Shades and Tints of #54556e

Tones of #54556e

Color Blindness Simulator