colorhexa.com

#545048 hex color

In a RGB color space, hex #545048 is composed of 32.9% red, 31.4% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 4.8% magenta, 14.3% yellow and 67.1% black. It has a hue angle of 40 degrees, a saturation of 7.7% and a lightness of 30.6%. #545048 color hex could be obtained by blending #a8a090 with #000000. Closest websafe color is: #666633.

- R 33
- G 31
- B 28
RGB color chart
- C 0
- M 5
- Y 14
- K 67
CMYK color chart

● #545048 color description : Very dark grayish orange.

The hexadecimal color #545048 has RGB values of R:84, G:80, B:72 and CMYK values of C:0, M:0.05, Y:0.14, K:0.67. Its decimal value is 5525576.

Hex triplet	545048	`#545048`
RGB Decimal	84, 80, 72	`rgb(84,80,72)`
RGB Percent	32.9, 31.4, 28.2	`rgb(32.9%,31.4%,28.2%)`
CMYK	0, 5, 14, 67
HSL	40°, 7.7, 30.6	`hsl(40,7.7%,30.6%)`
HSV (or HSB)	40°, 14.3, 32.9
Web Safe	666633	`#666633`

CIE-LAB	34.17, 0.046, 5.3
XYZ	7.694, 8.09, 7.287
xyY	0.334, 0.351, 8.09
CIE-LCH	34.17, 5.3, 89.499
CIE-LUV	34.17, 2.714, 6.288
Hunter-Lab	28.443, -1.488, 4.721
Binary	01010100, 01010000, 01001000

#545048
```
#545048 rgb(84,80,72)
```
#484c54
```
#484c54 rgb(72,76,84)
```

Complementary Color

#544a48
```
#544a48 rgb(84,74,72)
```
#545048
```
#545048 rgb(84,80,72)
```
#525448
```
#525448 rgb(82,84,72)
```

Analogous Color

#4a4854
```
#4a4854 rgb(74,72,84)
```
#545048
```
#545048 rgb(84,80,72)
```
#485254
```
#485254 rgb(72,82,84)
```

Split Complementary Color

#2b2925
```
#2b2925 rgb(43,41,37)
```
#393630
```
#393630 rgb(57,54,48)
```
#46433c
```
#46433c rgb(70,67,60)
```
#545048
```
#545048 rgb(84,80,72)
```
#625d54
```
#625d54 rgb(98,93,84)
```
#6f6a60
```
#6f6a60 rgb(111,106,96)
```
#7d776b
```
#7d776b rgb(125,119,107)
```

Monochromatic Color

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

#544d48
```
#544d48 rgb(84,77,72)
```
#544e48
```
#544e48 rgb(84,78,72)
```
#544f48
```
#544f48 rgb(84,79,72)
```
#545048
```
#545048 rgb(84,80,72)
```
#545148
```
#545148 rgb(84,81,72)
```
#545248
```
#545248 rgb(84,82,72)
```
#545348
```
#545348 rgb(84,83,72)
```

Similar Colors

Text with hexadecimal color #545048

This text has a font color of #545048.

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

#545048 background color

This paragraph has a background color of #545048.

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

#545048 border color

This element has a border color of #545048.

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

CSS codes

.text {color:#545048;}

.background {background-color:#545048;}

.border {border:1px solid #545048;}

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, #0a0a09 is the darkest color, while #ffffff is the lightest one.

#0a0a09
```
#0a0a09 rgb(10,10,9)
```
#151412
```
#151412 rgb(21,20,18)
```
#1f1e1b
```
#1f1e1b rgb(31,30,27)
```
#2a2824
```
#2a2824 rgb(42,40,36)
```
#34322d
```
#34322d rgb(52,50,45)
```
#3f3c36
```
#3f3c36 rgb(63,60,54)
```
#49463f
```
#49463f rgb(73,70,63)
```
#545048
```
#545048 rgb(84,80,72)
```
#5f5a51
```
#5f5a51 rgb(95,90,81)
```
#69645a
```
#69645a rgb(105,100,90)
```
#746e63
```
#746e63 rgb(116,110,99)
```
#7e786c
```
#7e786c rgb(126,120,108)
```
#898275
```
#898275 rgb(137,130,117)
```

Shade Color Variation

#928c80
```
#928c80 rgb(146,140,128)
```
#9b958a
```
#9b958a rgb(155,149,138)
```
#a49f95
```
#a49f95 rgb(164,159,149)
```
#ada99f
```
#ada99f rgb(173,169,159)
```
#b6b2aa
```
#b6b2aa rgb(182,178,170)
```
#bfbcb5
```
#bfbcb5 rgb(191,188,181)
```
#c8c5bf
```
#c8c5bf rgb(200,197,191)
```
#d1cfca
```
#d1cfca rgb(209,207,202)
```
#dad8d4
```
#dad8d4 rgb(218,216,212)
```
#e3e2df
```
#e3e2df rgb(227,226,223)
```
#ecebe9
```
#ecebe9 rgb(236,235,233)
```
#f6f5f4
```
#f6f5f4 rgb(246,245,244)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #545048 is the less saturated color, while #9c6800 is the most saturated one.

#545048
```
#545048 rgb(84,80,72)
```
#5a5242
```
#5a5242 rgb(90,82,66)
```
#60543c
```
#60543c rgb(96,84,60)
```
#665636
```
#665636 rgb(102,86,54)
```
#6c5830
```
#6c5830 rgb(108,88,48)
```
#725a2a
```
#725a2a rgb(114,90,42)
```
#785c24
```
#785c24 rgb(120,92,36)
```
#7e5e1e
```
#7e5e1e rgb(126,94,30)
```
#846018
```
#846018 rgb(132,96,24)
```
#8a6212
```
#8a6212 rgb(138,98,18)
```
#90640c
```
#90640c rgb(144,100,12)
```
#966606
```
#966606 rgb(150,102,6)
```
#9c6800
```
#9c6800 rgb(156,104,0)
```

Tone Color Variation

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

#505050 Achromatopsia 0.005% of the population
#51504e Atypical Achromatopsia 0.001% of the population

Dichromacy

#5c5951 Protanopia 1% of men
#645652 Deuteranopia 1% of men
#5e575d Tritanopia 0.001% of the population

Trichromacy

#59554e Protanomaly 1% of men, 0.01% of women
#5e544e Deuteranomaly 6% of men, 0.4% of women
#5a5455 Tritanomaly 0.01% of the population