#554214 hex color

In a RGB color space, hex #554214 is composed of 33.3% red, 25.9% green and 7.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 22.4% magenta, 76.5% yellow and 66.7% black. It has a hue angle of 42.5 degrees, a saturation of 61.9% and a lightness of 20.6%. #554214 color hex could be obtained by blending #aa8428 with #000000. Closest websafe color is: #663300.

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

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

The hexadecimal color #554214 has RGB values of R:85, G:66, B:20 and CMYK values of C:0, M:0.22, Y:0.76, K:0.67. Its decimal value is 5587476.

Hex triplet	554214	`#554214`
RGB Decimal	85, 66, 20	`rgb(85,66,20)`
RGB Percent	33.3, 25.9, 7.8	`rgb(33.3%,25.9%,7.8%)`
CMYK	0, 22, 76, 67
HSL	42.5°, 61.9, 20.6	`hsl(42.5,61.9%,20.6%)`
HSV (or HSB)	42.5°, 76.5, 33.3
Web Safe	663300	`#663300`

CIE-LAB	29.104, 2.672, 29.929
XYZ	5.821, 5.879, 1.49
xyY	0.441, 0.446, 5.879
CIE-LCH	29.104, 30.048, 84.899
CIE-LUV	29.104, 14.611, 26.091
Hunter-Lab	24.246, 0.424, 13.329
Binary	01010101, 01000010, 00010100

#554214
```
#554214 rgb(85,66,20)
```
#142755
```
#142755 rgb(20,39,85)
```

Complementary Color

#552214
```
#552214 rgb(85,34,20)
```
#554214
```
#554214 rgb(85,66,20)
```
#485514
```
#485514 rgb(72,85,20)
```

Analogous Color

#221455
```
#221455 rgb(34,20,85)
```
#554214
```
#554214 rgb(85,66,20)
```
#144855
```
#144855 rgb(20,72,85)
```

Split Complementary Color

#421455
```
#421455 rgb(66,20,85)
```
#554214
```
#554214 rgb(85,66,20)
```
#145542
```
#145542 rgb(20,85,66)
```

Triadic Color

#551427
```
#551427 rgb(85,20,39)
```
#554214
```
#554214 rgb(85,66,20)
```
#145542
```
#145542 rgb(20,85,66)
```
#142755
```
#142755 rgb(20,39,85)
```

Tetradic Color

#171205
```
#171205 rgb(23,18,5)
```
#2c220a
```
#2c220a rgb(44,34,10)
```
#40320f
```
#40320f rgb(64,50,15)
```
#554214
```
#554214 rgb(85,66,20)
```
#6a5219
```
#6a5219 rgb(106,82,25)
```
#7e621e
```
#7e621e rgb(126,98,30)
```
#937223
```
#937223 rgb(147,114,35)
```

Monochromatic Color

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

#553214
```
#553214 rgb(85,50,20)
```
#553714
```
#553714 rgb(85,55,20)
```
#553d14
```
#553d14 rgb(85,61,20)
```
#554214
```
#554214 rgb(85,66,20)
```
#554714
```
#554714 rgb(85,71,20)
```
#554d14
```
#554d14 rgb(85,77,20)
```
#555214
```
#555214 rgb(85,82,20)
```

Similar Colors

Text with hexadecimal color #554214

This text has a font color of #554214.

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

#554214 background color

This paragraph has a background color of #554214.

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

#554214 border color

This element has a border color of #554214.

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

CSS codes

.text {color:#554214;}

.background {background-color:#554214;}

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

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

#060401
```
#060401 rgb(6,4,1)
```
#151105
```
#151105 rgb(21,17,5)
```
#251d09
```
#251d09 rgb(37,29,9)
```
#35290d
```
#35290d rgb(53,41,13)
```
#453610
```
#453610 rgb(69,54,16)
```
#554214
```
#554214 rgb(85,66,20)
```
#654e18
```
#654e18 rgb(101,78,24)
```
#755b1b
```
#755b1b rgb(117,91,27)
```
#85671f
```
#85671f rgb(133,103,31)
```
#957323
```
#957323 rgb(149,115,35)
```
#a48027
```
#a48027 rgb(164,128,39)
```
#b48c2a
```
#b48c2a rgb(180,140,42)
```
#c4982e
```
#c4982e rgb(196,152,46)
```

Shade Color Variation

#d0a336
```
#d0a336 rgb(208,163,54)
```
#d3aa46
```
#d3aa46 rgb(211,170,70)
```
#d7b156
```
#d7b156 rgb(215,177,86)
```
#dbb966
```
#dbb966 rgb(219,185,102)
```
#dfc076
```
#dfc076 rgb(223,192,118)
```
#e2c786
```
#e2c786 rgb(226,199,134)
```
#e6cf95
```
#e6cf95 rgb(230,207,149)
```
#ead6a5
```
#ead6a5 rgb(234,214,165)
```
#eeddb5
```
#eeddb5 rgb(238,221,181)
```
#f1e4c5
```
#f1e4c5 rgb(241,228,197)
```
#f5ecd5
```
#f5ecd5 rgb(245,236,213)
```
#f9f3e5
```
#f9f3e5 rgb(249,243,229)
```
#fdfaf5
```
#fdfaf5 rgb(253,250,245)
```

Tint Color Variation

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

#353534
```
#353534 rgb(53,53,52)
```
#393630
```
#393630 rgb(57,54,48)
```
#3d382c
```
#3d382c rgb(61,56,44)
```
#413a28
```
#413a28 rgb(65,58,40)
```
#453b24
```
#453b24 rgb(69,59,36)
```
#493d20
```
#493d20 rgb(73,61,32)
```
#4d3f1c
```
#4d3f1c rgb(77,63,28)
```
#514018
```
#514018 rgb(81,64,24)
```
#554214
```
#554214 rgb(85,66,20)
```
#594410
```
#594410 rgb(89,68,16)
```
#5d450c
```
#5d450c rgb(93,69,12)
```
#614708
```
#614708 rgb(97,71,8)
```
#654904
```
#654904 rgb(101,73,4)
```

Tone Color Variation

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

#424242 Achromatopsia 0.005% of the population
#464239 Atypical Achromatopsia 0.001% of the population

Dichromacy

#564e20 Protanopia 1% of men
#604a20 Deuteranopia 1% of men
#61474c Tritanopia 0.001% of the population

Trichromacy

#56491c Protanomaly 1% of men, 0.01% of women
#5c471c Deuteranomaly 6% of men, 0.4% of women
#5c4537 Tritanomaly 0.01% of the population

#554214 hex color

#554214 Color Information

#554214 Color Conversion

Color Schemes with #554214

Alternatives to #554214

#554214 Preview

Shades and Tints of #554214

Tones of #554214

Color Blindness Simulator