#54554d hex color

In a RGB color space, hex #54554d is composed of 32.9% red, 33.3% green and 30.2% blue. Whereas in a CMYK color space, it is composed of 1.2% cyan, 0% magenta, 9.4% yellow and 66.7% black. It has a hue angle of 67.5 degrees, a saturation of 4.9% and a lightness of 31.8%. #54554d color hex could be obtained by blending #a8aa9a with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 33
- G 33
- B 30
RGB color chart
- C 1
- M 0
- Y 9
- K 67
CMYK color chart

● #54554d color description : Very dark grayish yellow.

The hexadecimal color #54554d has RGB values of R:84, G:85, B:77 and CMYK values of C:0.01, M:0, Y:0.09, K:0.67. Its decimal value is 5526861.

Hex triplet	54554d	`#54554d`
RGB Decimal	84, 85, 77	`rgb(84,85,77)`
RGB Percent	32.9, 33.3, 30.2	`rgb(32.9%,33.3%,30.2%)`
CMYK	1, 0, 9, 67
HSL	67.5°, 4.9, 31.8	`hsl(67.5,4.9%,31.8%)`
HSV (or HSB)	67.5°, 9.4, 33.3
Web Safe	666666	`#666666`

CIE-LAB	35.825, -2.057, 4.526
XYZ	8.244, 8.918, 8.308
xyY	0.324, 0.35, 8.918
CIE-LCH	35.825, 4.972, 114.439
CIE-LUV	35.825, -0.139, 5.799
Hunter-Lab	29.862, -2.982, 4.409
Binary	01010100, 01010101, 01001101

#54554d
```
#54554d rgb(84,85,77)
```
#4e4d55
```
#4e4d55 rgb(78,77,85)
```

Complementary Color

#55524d
```
#55524d rgb(85,82,77)
```
#54554d
```
#54554d rgb(84,85,77)
```
#50554d
```
#50554d rgb(80,85,77)
```

Analogous Color

#524d55
```
#524d55 rgb(82,77,85)
```
#54554d
```
#54554d rgb(84,85,77)
```
#4d5055
```
#4d5055 rgb(77,80,85)
```

Split Complementary Color

#554d54
```
#554d54 rgb(85,77,84)
```
#54554d
```
#54554d rgb(84,85,77)
```
#4d5455
```
#4d5455 rgb(77,84,85)
```

Triadic Color

#554e4d
```
#554e4d rgb(85,78,77)
```
#54554d
```
#54554d rgb(84,85,77)
```
#4d5455
```
#4d5455 rgb(77,84,85)
```
#4e4d55
```
#4e4d55 rgb(78,77,85)
```

Tetradic Color

#2c2d29
```
#2c2d29 rgb(44,45,41)
```
#3a3a35
```
#3a3a35 rgb(58,58,53)
```
#474841
```
#474841 rgb(71,72,65)
```
#54554d
```
#54554d rgb(84,85,77)
```
#616259
```
#616259 rgb(97,98,89)
```
#6e7065
```
#6e7065 rgb(110,112,101)
```
#7c7d71
```
#7c7d71 rgb(124,125,113)
```

Monochromatic Color

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

#55544d
```
#55544d rgb(85,84,77)
```
#55554d
```
#55554d rgb(85,85,77)
```
#55554d
```
#55554d rgb(85,85,77)
```
#54554d
```
#54554d rgb(84,85,77)
```
#53554d
```
#53554d rgb(83,85,77)
```
#53554d
```
#53554d rgb(83,85,77)
```
#52554d
```
#52554d rgb(82,85,77)
```

Similar Colors

Text with hexadecimal color #54554d

This text has a font color of #54554d.

<span style="color:#54554d;">Text here</span>

#54554d background color

This paragraph has a background color of #54554d.

<p style="background-color:#54554d;">Content here</p>

#54554d border color

This element has a border color of #54554d.

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

CSS codes

.text {color:#54554d;}

.background {background-color:#54554d;}

.border {border:1px solid #54554d;}

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, #030302 is the darkest color, while #f8f8f7 is the lightest one.

#030302
```
#030302 rgb(3,3,2)
```
#0d0d0c
```
#0d0d0c rgb(13,13,12)
```
#171715
```
#171715 rgb(23,23,21)
```
#21221e
```
#21221e rgb(33,34,30)
```
#2b2c28
```
#2b2c28 rgb(43,44,40)
```
#353631
```
#353631 rgb(53,54,49)
```
#40403a
```
#40403a rgb(64,64,58)
```
#4a4b44
```
#4a4b44 rgb(74,75,68)
```
#54554d
```
#54554d rgb(84,85,77)
```
#5e5f56
```
#5e5f56 rgb(94,95,86)
```
#686a60
```
#686a60 rgb(104,106,96)
```
#737469
```
#737469 rgb(115,116,105)
```
#7d7e72
```
#7d7e72 rgb(125,126,114)
```

Shade Color Variation

#87887c
```
#87887c rgb(135,136,124)
```
#909286
```
#909286 rgb(144,146,134)
```
#9a9b90
```
#9a9b90 rgb(154,155,144)
```
#a3a49b
```
#a3a49b rgb(163,164,155)
```
#acaea5
```
#acaea5 rgb(172,174,165)
```
#b6b7af
```
#b6b7af rgb(182,183,175)
```
#bfc0ba
```
#bfc0ba rgb(191,192,186)
```
#c9c9c4
```
#c9c9c4 rgb(201,201,196)
```
#d2d3ce
```
#d2d3ce rgb(210,211,206)
```
#dcdcd8
```
#dcdcd8 rgb(220,220,216)
```
#e5e5e3
```
#e5e5e3 rgb(229,229,227)
```
#efefed
```
#efefed rgb(239,239,237)
```
#f8f8f7
```
#f8f8f7 rgb(248,248,247)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #54554d is the less saturated color, while #8ca002 is the most saturated one.

#54554d
```
#54554d rgb(84,85,77)
```
#595b47
```
#595b47 rgb(89,91,71)
```
#5d6141
```
#5d6141 rgb(93,97,65)
```
#62683a
```
#62683a rgb(98,104,58)
```
#676e34
```
#676e34 rgb(103,110,52)
```
#6b742e
```
#6b742e rgb(107,116,46)
```
#707a28
```
#707a28 rgb(112,122,40)
```
#758121
```
#758121 rgb(117,129,33)
```
#79871b
```
#79871b rgb(121,135,27)
```
#7e8d15
```
#7e8d15 rgb(126,141,21)
```
#83930f
```
#83930f rgb(131,147,15)
```
#879a08
```
#879a08 rgb(135,154,8)
```
#8ca002
```
#8ca002 rgb(140,160,2)
```

Tone Color Variation

Below, you can see how #54554d 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

#545454 Achromatopsia 0.005% of the population
#545453 Atypical Achromatopsia 0.001% of the population

Dichromacy

#605c55 Protanopia 1% of men
#675a57 Deuteranopia 1% of men
#5f5b62 Tritanopia 0.001% of the population

Trichromacy

#5b5952 Protanomaly 1% of men, 0.01% of women
#605853 Deuteranomaly 6% of men, 0.4% of women
#5b595a Tritanomaly 0.01% of the population

#54554d hex color

#54554d Color Information

#54554d Color Conversion

Color Schemes with #54554d

Alternatives to #54554d

#54554d Preview

Shades and Tints of #54554d

Tones of #54554d

Color Blindness Simulator