#554228 hex color

In a RGB color space, hex #554228 is composed of 33.3% red, 25.9% green and 15.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 22.4% magenta, 52.9% yellow and 66.7% black. It has a hue angle of 34.7 degrees, a saturation of 36% and a lightness of 24.5%. #554228 color hex could be obtained by blending #aa8450 with #000000. Closest websafe color is: #663333.

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

● #554228 color description : Very dark desaturated orange.

The hexadecimal color #554228 has RGB values of R:85, G:66, B:40 and CMYK values of C:0, M:0.22, Y:0.53, K:0.67. Its decimal value is 5587496.

Hex triplet	554228	`#554228`
RGB Decimal	85, 66, 40	`rgb(85,66,40)`
RGB Percent	33.3, 25.9, 15.7	`rgb(33.3%,25.9%,15.7%)`
CMYK	0, 22, 53, 67
HSL	34.7°, 36, 24.5	`hsl(34.7,36%,24.5%)`
HSV (or HSB)	34.7°, 52.9, 33.3
Web Safe	663333	`#663333`

CIE-LAB	29.365, 4.402, 18.89
XYZ	6.078, 5.981, 2.842
xyY	0.408, 0.401, 5.981
CIE-LCH	29.365, 19.396, 76.883
CIE-LUV	29.365, 13.435, 18.2
Hunter-Lab	24.456, 1.559, 10.23
Binary	01010101, 01000010, 00101000

#554228
```
#554228 rgb(85,66,40)
```
#283b55
```
#283b55 rgb(40,59,85)
```

Complementary Color

#552c28
```
#552c28 rgb(85,44,40)
```
#554228
```
#554228 rgb(85,66,40)
```
#525528
```
#525528 rgb(82,85,40)
```

Analogous Color

#2b2855
```
#2b2855 rgb(43,40,85)
```
#554228
```
#554228 rgb(85,66,40)
```
#285255
```
#285255 rgb(40,82,85)
```

Split Complementary Color

#422855
```
#422855 rgb(66,40,85)
```
#554228
```
#554228 rgb(85,66,40)
```
#285542
```
#285542 rgb(40,85,66)
```

Triadic Color

#55283b
```
#55283b rgb(85,40,59)
```
#554228
```
#554228 rgb(85,66,40)
```
#285542
```
#285542 rgb(40,85,66)
```
#283b55
```
#283b55 rgb(40,59,85)
```

Tetradic Color

#211a10
```
#211a10 rgb(33,26,16)
```
#322718
```
#322718 rgb(50,39,24)
```
#443520
```
#443520 rgb(68,53,32)
```
#554228
```
#554228 rgb(85,66,40)
```
#664f30
```
#664f30 rgb(102,79,48)
```
#785d38
```
#785d38 rgb(120,93,56)
```
#896a40
```
#896a40 rgb(137,106,64)
```

Monochromatic Color

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

#553728
```
#553728 rgb(85,55,40)
```
#553b28
```
#553b28 rgb(85,59,40)
```
#553e28
```
#553e28 rgb(85,62,40)
```
#554228
```
#554228 rgb(85,66,40)
```
#554628
```
#554628 rgb(85,70,40)
```
#554a28
```
#554a28 rgb(85,74,40)
```
#554d28
```
#554d28 rgb(85,77,40)
```

Similar Colors

Text with hexadecimal color #554228

This text has a font color of #554228.

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

#554228 background color

This paragraph has a background color of #554228.

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

#554228 border color

This element has a border color of #554228.

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

CSS codes

.text {color:#554228;}

.background {background-color:#554228;}

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

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

#050402
```
#050402 rgb(5,4,2)
```
#120e09
```
#120e09 rgb(18,14,9)
```
#20190f
```
#20190f rgb(32,25,15)
```
#2d2315
```
#2d2315 rgb(45,35,21)
```
#3a2d1b
```
#3a2d1b rgb(58,45,27)
```
#483822
```
#483822 rgb(72,56,34)
```
#554228
```
#554228 rgb(85,66,40)
```
#624c2e
```
#624c2e rgb(98,76,46)
```
#705735
```
#705735 rgb(112,87,53)
```
#7d613b
```
#7d613b rgb(125,97,59)
```
#8a6b41
```
#8a6b41 rgb(138,107,65)
```
#987647
```
#987647 rgb(152,118,71)
```
#a5804e
```
#a5804e rgb(165,128,78)
```

Shade Color Variation

#b08a57
```
#b08a57 rgb(176,138,87)
```
#b69364
```
#b69364 rgb(182,147,100)
```
#bc9d71
```
#bc9d71 rgb(188,157,113)
```
#c3a67f
```
#c3a67f rgb(195,166,127)
```
#c9af8c
```
#c9af8c rgb(201,175,140)
```
#cfb899
```
#cfb899 rgb(207,184,153)
```
#d5c2a7
```
#d5c2a7 rgb(213,194,167)
```
#dccbb4
```
#dccbb4 rgb(220,203,180)
```
#e2d4c1
```
#e2d4c1 rgb(226,212,193)
```
#e8ddcf
```
#e8ddcf rgb(232,221,207)
```
#efe7dc
```
#efe7dc rgb(239,231,220)
```
#f5f0e9
```
#f5f0e9 rgb(245,240,233)
```
#fbf9f7
```
#fbf9f7 rgb(251,249,247)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #423f3b is the less saturated color, while #7b4802 is the most saturated one.

#423f3b
```
#423f3b rgb(66,63,59)
```
#474036
```
#474036 rgb(71,64,54)
```
#4b4132
```
#4b4132 rgb(75,65,50)
```
#50412d
```
#50412d rgb(80,65,45)
```
#554228
```
#554228 rgb(85,66,40)
```
#5a4323
```
#5a4323 rgb(90,67,35)
```
#5f431e
```
#5f431e rgb(95,67,30)
```
#63441a
```
#63441a rgb(99,68,26)
```
#684515
```
#684515 rgb(104,69,21)
```
#6d4610
```
#6d4610 rgb(109,70,16)
```
#72460b
```
#72460b rgb(114,70,11)
```
#774706
```
#774706 rgb(119,71,6)
```
#7b4802
```
#7b4802 rgb(123,72,2)
```

Tone Color Variation

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

#454545 Achromatopsia 0.005% of the population
#48443f Atypical Achromatopsia 0.001% of the population

Dichromacy

#554e34 Protanopia 1% of men
#5e4b33 Deuteranopia 1% of men
#60484d Tritanopia 0.001% of the population

Trichromacy

#554a2f Protanomaly 1% of men, 0.01% of women
#5b482f Deuteranomaly 6% of men, 0.4% of women
#5c463f Tritanomaly 0.01% of the population

#554228 hex color

#554228 Color Information

#554228 Color Conversion

Color Schemes with #554228

Alternatives to #554228

#554228 Preview

Shades and Tints of #554228

Tones of #554228

Color Blindness Simulator