#554416 hex color

In a RGB color space, hex #554416 is composed of 33.3% red, 26.7% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 20% magenta, 74.1% yellow and 66.7% black. It has a hue angle of 43.8 degrees, a saturation of 58.9% and a lightness of 21%. #554416 color hex could be obtained by blending #aa882c with #000000. Closest websafe color is: #663300.

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

● #554416 color description : Very dark orange [Brown tone].

The hexadecimal color #554416 has RGB values of R:85, G:68, B:22 and CMYK values of C:0, M:0.2, Y:0.74, K:0.67. Its decimal value is 5587990.

Hex triplet	554416	`#554416`
RGB Decimal	85, 68, 22	`rgb(85,68,22)`
RGB Percent	33.3, 26.7, 8.6	`rgb(33.3%,26.7%,8.6%)`
CMYK	0, 20, 74, 67
HSL	43.8°, 58.9, 21	`hsl(43.8,58.9%,21%)`
HSV (or HSB)	43.8°, 74.1, 33.3
Web Safe	663300	`#663300`

CIE-LAB	29.722, 1.544, 29.569
XYZ	5.958, 6.124, 1.627
xyY	0.435, 0.447, 6.124
CIE-LCH	29.722, 29.609, 87.01
CIE-LUV	29.722, 13.229, 26.403
Hunter-Lab	24.746, -0.327, 13.424
Binary	01010101, 01000100, 00010110

#554416
```
#554416 rgb(85,68,22)
```
#162755
```
#162755 rgb(22,39,85)
```

Complementary Color

#552516
```
#552516 rgb(85,37,22)
```
#554416
```
#554416 rgb(85,68,22)
```
#475516
```
#475516 rgb(71,85,22)
```

Analogous Color

#251655
```
#251655 rgb(37,22,85)
```
#554416
```
#554416 rgb(85,68,22)
```
#164755
```
#164755 rgb(22,71,85)
```

Split Complementary Color

#441655
```
#441655 rgb(68,22,85)
```
#554416
```
#554416 rgb(85,68,22)
```
#165544
```
#165544 rgb(22,85,68)
```

Triadic Color

#551627
```
#551627 rgb(85,22,39)
```
#554416
```
#554416 rgb(85,68,22)
```
#165544
```
#165544 rgb(22,85,68)
```
#162755
```
#162755 rgb(22,39,85)
```

Tetradic Color

#181306
```
#181306 rgb(24,19,6)
```
#2c240c
```
#2c240c rgb(44,36,12)
```
#413411
```
#413411 rgb(65,52,17)
```
#554416
```
#554416 rgb(85,68,22)
```
#69541b
```
#69541b rgb(105,84,27)
```
#7e6420
```
#7e6420 rgb(126,100,32)
```
#927526
```
#927526 rgb(146,117,38)
```

Monochromatic Color

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

#553416
```
#553416 rgb(85,52,22)
```
#553a16
```
#553a16 rgb(85,58,22)
```
#553f16
```
#553f16 rgb(85,63,22)
```
#554416
```
#554416 rgb(85,68,22)
```
#554916
```
#554916 rgb(85,73,22)
```
#554f16
```
#554f16 rgb(85,79,22)
```
#555416
```
#555416 rgb(85,84,22)
```

Similar Colors

Text with hexadecimal color #554416

This text has a font color of #554416.

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

#554416 background color

This paragraph has a background color of #554416.

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

#554416 border color

This element has a border color of #554416.

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

CSS codes

.text {color:#554416;}

.background {background-color:#554416;}

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

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

#070602
```
#070602 rgb(7,6,2)
```
#171206
```
#171206 rgb(23,18,6)
```
#261f0a
```
#261f0a rgb(38,31,10)
```
#362b0e
```
#362b0e rgb(54,43,14)
```
#453812
```
#453812 rgb(69,56,18)
```
#554416
```
#554416 rgb(85,68,22)
```
#65501a
```
#65501a rgb(101,80,26)
```
#745d1e
```
#745d1e rgb(116,93,30)
```
#846922
```
#846922 rgb(132,105,34)
```
#937626
```
#937626 rgb(147,118,38)
```
#a3822a
```
#a3822a rgb(163,130,42)
```
#b28f2e
```
#b28f2e rgb(178,143,46)
```
#c29b32
```
#c29b32 rgb(194,155,50)
```

Shade Color Variation

#cca53c
```
#cca53c rgb(204,165,60)
```
#d0ac4b
```
#d0ac4b rgb(208,172,75)
```
#d4b45b
```
#d4b45b rgb(212,180,91)
```
#d9bb6a
```
#d9bb6a rgb(217,187,106)
```
#ddc27a
```
#ddc27a rgb(221,194,122)
```
#e1c989
```
#e1c989 rgb(225,201,137)
```
#e5d099
```
#e5d099 rgb(229,208,153)
```
#e9d7a9
```
#e9d7a9 rgb(233,215,169)
```
#eddfb8
```
#eddfb8 rgb(237,223,184)
```
#f1e6c8
```
#f1e6c8 rgb(241,230,200)
```
#f5edd7
```
#f5edd7 rgb(245,237,215)
```
#f9f4e7
```
#f9f4e7 rgb(249,244,231)
```
#fdfbf7
```
#fdfbf7 rgb(253,251,247)
```

Tint Color Variation

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

#383733
```
#383733 rgb(56,55,51)
```
#3c392f
```
#3c392f rgb(60,57,47)
```
#403b2b
```
#403b2b rgb(64,59,43)
```
#453c26
```
#453c26 rgb(69,60,38)
```
#493e22
```
#493e22 rgb(73,62,34)
```
#4d401e
```
#4d401e rgb(77,64,30)
```
#51421a
```
#51421a rgb(81,66,26)
```
#554416
```
#554416 rgb(85,68,22)
```
#594612
```
#594612 rgb(89,70,18)
```
#5d480e
```
#5d480e rgb(93,72,14)
```
#614a0a
```
#614a0a rgb(97,74,10)
```
#654c06
```
#654c06 rgb(101,76,6)
```
#6a4d01
```
#6a4d01 rgb(106,77,1)
```

Tone Color Variation

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

#444444 Achromatopsia 0.005% of the population
#47443b Atypical Achromatopsia 0.001% of the population

Dichromacy

#584f22 Protanopia 1% of men
#624c22 Deuteranopia 1% of men
#61494e Tritanopia 0.001% of the population

Trichromacy

#574b1e Protanomaly 1% of men, 0.01% of women
#5d491e Deuteranomaly 6% of men, 0.4% of women
#5d4739 Tritanomaly 0.01% of the population

#554416 hex color

#554416 Color Information

#554416 Color Conversion

Color Schemes with #554416

Alternatives to #554416

#554416 Preview

Shades and Tints of #554416

Tones of #554416

Color Blindness Simulator