#554842 hex color

In a RGB color space, hex #554842 is composed of 33.3% red, 28.2% green and 25.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 15.3% magenta, 22.4% yellow and 66.7% black. It has a hue angle of 18.9 degrees, a saturation of 12.6% and a lightness of 29.6%. #554842 color hex could be obtained by blending #aa9084 with #000000. Closest websafe color is: #663333.

♥
- f
- t
- g
- R 33
- G 28
- B 26
RGB color chart
- C 0
- M 15
- Y 22
- K 67
CMYK color chart

● #554842 color description : Very dark grayish orange.

The hexadecimal color #554842 has RGB values of R:85, G:72, B:66 and CMYK values of C:0, M:0.15, Y:0.22, K:0.67. Its decimal value is 5589058.

Hex triplet	554842	`#554842`
RGB Decimal	85, 72, 66	`rgb(85,72,66)`
RGB Percent	33.3, 28.2, 25.9	`rgb(33.3%,28.2%,25.9%)`
CMYK	0, 15, 22, 67
HSL	18.9°, 12.6, 29.6	`hsl(18.9,12.6%,29.6%)`
HSV (or HSB)	18.9°, 22.4, 33.3
Web Safe	663333	`#663333`

CIE-LAB	31.715, 4.384, 5.63
XYZ	7.047, 6.96, 6.126
xyY	0.35, 0.346, 6.96
CIE-LCH	31.715, 7.135, 52.09
CIE-LUV	31.715, 7.954, 5.835
Hunter-Lab	26.381, 1.515, 4.699
Binary	01010101, 01001000, 01000010

#554842
```
#554842 rgb(85,72,66)
```
#424f55
```
#424f55 rgb(66,79,85)
```

Complementary Color

#554246
```
#554246 rgb(85,66,70)
```
#554842
```
#554842 rgb(85,72,66)
```
#555242
```
#555242 rgb(85,82,66)
```

Analogous Color

#424655
```
#424655 rgb(66,70,85)
```
#554842
```
#554842 rgb(85,72,66)
```
#425552
```
#425552 rgb(66,85,82)
```

Split Complementary Color

#484255
```
#484255 rgb(72,66,85)
```
#554842
```
#554842 rgb(85,72,66)
```
#425548
```
#425548 rgb(66,85,72)
```

Triadic Color

#55424f
```
#55424f rgb(85,66,79)
```
#554842
```
#554842 rgb(85,72,66)
```
#425548
```
#425548 rgb(66,85,72)
```
#424f55
```
#424f55 rgb(66,79,85)
```

Tetradic Color

#2a2421
```
#2a2421 rgb(42,36,33)
```
#38302c
```
#38302c rgb(56,48,44)
```
#473c37
```
#473c37 rgb(71,60,55)
```
#554842
```
#554842 rgb(85,72,66)
```
#63544d
```
#63544d rgb(99,84,77)
```
#726058
```
#726058 rgb(114,96,88)
```
#806c63
```
#806c63 rgb(128,108,99)
```

Monochromatic Color

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

#554342
```
#554342 rgb(85,67,66)
```
#554542
```
#554542 rgb(85,69,66)
```
#554642
```
#554642 rgb(85,70,66)
```
#554842
```
#554842 rgb(85,72,66)
```
#554a42
```
#554a42 rgb(85,74,66)
```
#554b42
```
#554b42 rgb(85,75,66)
```
#554d42
```
#554d42 rgb(85,77,66)
```

Similar Colors

Text with hexadecimal color #554842

This text has a font color of #554842.

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

#554842 background color

This paragraph has a background color of #554842.

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

#554842 border color

This element has a border color of #554842.

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

CSS codes

.text {color:#554842;}

.background {background-color:#554842;}

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

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

#080706
```
#080706 rgb(8,7,6)
```
#13100f
```
#13100f rgb(19,16,15)
```
#1e1917
```
#1e1917 rgb(30,25,23)
```
#292320
```
#292320 rgb(41,35,32)
```
#342c28
```
#342c28 rgb(52,44,40)
```
#3f3531
```
#3f3531 rgb(63,53,49)
```
#4a3f39
```
#4a3f39 rgb(74,63,57)
```
#554842
```
#554842 rgb(85,72,66)
```
#60514b
```
#60514b rgb(96,81,75)
```
#6b5b53
```
#6b5b53 rgb(107,91,83)
```
#76645c
```
#76645c rgb(118,100,92)
```
#816d64
```
#816d64 rgb(129,109,100)
```
#8c776d
```
#8c776d rgb(140,119,109)
```

Shade Color Variation

#968177
```
#968177 rgb(150,129,119)
```
#9e8b82
```
#9e8b82 rgb(158,139,130)
```
#a7958d
```
#a7958d rgb(167,149,141)
```
#afa098
```
#afa098 rgb(175,160,152)
```
#b8aaa3
```
#b8aaa3 rgb(184,170,163)
```
#c0b4ae
```
#c0b4ae rgb(192,180,174)
```
#c9beb9
```
#c9beb9 rgb(201,190,185)
```
#d2c9c4
```
#d2c9c4 rgb(210,201,196)
```
#dad3cf
```
#dad3cf rgb(218,211,207)
```
#e3dddb
```
#e3dddb rgb(227,221,219)
```
#ebe7e6
```
#ebe7e6 rgb(235,231,230)
```
#f4f2f1
```
#f4f2f1 rgb(244,242,241)
```
#fcfcfc
```
#fcfcfc rgb(252,252,252)
```

Tint Color Variation

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

#4f4a48
```
#4f4a48 rgb(79,74,72)
```
#554842
```
#554842 rgb(85,72,66)
```
#5b463c
```
#5b463c rgb(91,70,60)
```
#614436
```
#614436 rgb(97,68,54)
```
#664231
```
#664231 rgb(102,66,49)
```
#6c3f2b
```
#6c3f2b rgb(108,63,43)
```
#723d25
```
#723d25 rgb(114,61,37)
```
#783b1f
```
#783b1f rgb(120,59,31)
```
#7e3919
```
#7e3919 rgb(126,57,25)
```
#833714
```
#833714 rgb(131,55,20)
```
#89350e
```
#89350e rgb(137,53,14)
```
#8f3308
```
#8f3308 rgb(143,51,8)
```
#953002
```
#953002 rgb(149,48,2)
```

Tone Color Variation

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

#4b4b4b Achromatopsia 0.005% of the population
#4d4a49 Atypical Achromatopsia 0.001% of the population

Dichromacy

#57534c Protanopia 1% of men
#5e514b Deuteranopia 1% of men
#5f5055 Tritanopia 0.001% of the population

Trichromacy

#564f48 Protanomaly 1% of men, 0.01% of women
#5b4d48 Deuteranomaly 6% of men, 0.4% of women
#5b4d4e Tritanomaly 0.01% of the population

#554842 hex color

#554842 Color Information

#554842 Color Conversion

Color Schemes with #554842

Alternatives to #554842

#554842 Preview

Shades and Tints of #554842

Tones of #554842

Color Blindness Simulator