#554f20 hex color

In a RGB color space, hex #554f20 is composed of 33.3% red, 31% green and 12.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 7.1% magenta, 62.4% yellow and 66.7% black. It has a hue angle of 53.2 degrees, a saturation of 45.3% and a lightness of 22.9%. #554f20 color hex could be obtained by blending #aa9e40 with #000000. Closest websafe color is: #666633.

♥
- f
- t
- g
- R 33
- G 31
- B 13
RGB color chart
- C 0
- M 7
- Y 62
- K 67
CMYK color chart

● #554f20 color description : Very dark yellow [Olive tone].

The hexadecimal color #554f20 has RGB values of R:85, G:79, B:32 and CMYK values of C:0, M:0.07, Y:0.62, K:0.67. Its decimal value is 5590816.

Hex triplet	554f20	`#554f20`
RGB Decimal	85, 79, 32	`rgb(85,79,32)`
RGB Percent	33.3, 31, 12.5	`rgb(33.3%,31%,12.5%)`
CMYK	0, 7, 62, 67
HSL	53.2°, 45.3, 22.9	`hsl(53.2,45.3%,22.9%)`
HSV (or HSB)	53.2°, 62.4, 33.3
Web Safe	666633	`#666633`

CIE-LAB	33.195, -4.45, 28.124
XYZ	6.803, 7.628, 2.48
xyY	0.402, 0.451, 7.628
CIE-LCH	33.195, 28.474, 98.991
CIE-LUV	33.195, 5.897, 28.152
Hunter-Lab	27.618, -4.363, 14.008
Binary	01010101, 01001111, 00100000

#554f20
```
#554f20 rgb(85,79,32)
```
#202655
```
#202655 rgb(32,38,85)
```

Complementary Color

#553520
```
#553520 rgb(85,53,32)
```
#554f20
```
#554f20 rgb(85,79,32)
```
#415520
```
#415520 rgb(65,85,32)
```

Analogous Color

#352055
```
#352055 rgb(53,32,85)
```
#554f20
```
#554f20 rgb(85,79,32)
```
#204155
```
#204155 rgb(32,65,85)
```

Split Complementary Color

#4f2055
```
#4f2055 rgb(79,32,85)
```
#554f20
```
#554f20 rgb(85,79,32)
```
#20554f
```
#20554f rgb(32,85,79)
```

Triadic Color

#552026
```
#552026 rgb(85,32,38)
```
#554f20
```
#554f20 rgb(85,79,32)
```
#20554f
```
#20554f rgb(32,85,79)
```
#202655
```
#202655 rgb(32,38,85)
```

Tetradic Color

#1d1b0b
```
#1d1b0b rgb(29,27,11)
```
#302d12
```
#302d12 rgb(48,45,18)
```
#423e19
```
#423e19 rgb(66,62,25)
```
#554f20
```
#554f20 rgb(85,79,32)
```
#686027
```
#686027 rgb(104,96,39)
```
#7a712e
```
#7a712e rgb(122,113,46)
```
#8d8335
```
#8d8335 rgb(141,131,53)
```

Monochromatic Color

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

#554220
```
#554220 rgb(85,66,32)
```
#554620
```
#554620 rgb(85,70,32)
```
#554b20
```
#554b20 rgb(85,75,32)
```
#554f20
```
#554f20 rgb(85,79,32)
```
#555320
```
#555320 rgb(85,83,32)
```
#525520
```
#525520 rgb(82,85,32)
```
#4e5520
```
#4e5520 rgb(78,85,32)
```

Similar Colors

Text with hexadecimal color #554f20

This text has a font color of #554f20.

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

#554f20 background color

This paragraph has a background color of #554f20.

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

#554f20 border color

This element has a border color of #554f20.

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

CSS codes

.text {color:#554f20;}

.background {background-color:#554f20;}

.border {border:1px solid #554f20;}

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

#0e0d05
```
#0e0d05 rgb(14,13,5)
```
#1c1a0b
```
#1c1a0b rgb(28,26,11)
```
#2a2710
```
#2a2710 rgb(42,39,16)
```
#383515
```
#383515 rgb(56,53,21)
```
#47421b
```
#47421b rgb(71,66,27)
```
#554f20
```
#554f20 rgb(85,79,32)
```
#635c25
```
#635c25 rgb(99,92,37)
```
#72692b
```
#72692b rgb(114,105,43)
```
#807730
```
#807730 rgb(128,119,48)
```
#8e8435
```
#8e8435 rgb(142,132,53)
```
#9c913b
```
#9c913b rgb(156,145,59)
```
#ab9e40
```
#ab9e40 rgb(171,158,64)
```
#b9ac46
```
#b9ac46 rgb(185,172,70)
```

Shade Color Variation

#beb253
```
#beb253 rgb(190,178,83)
```
#c4b962
```
#c4b962 rgb(196,185,98)
```
#c9bf70
```
#c9bf70 rgb(201,191,112)
```
#cfc57e
```
#cfc57e rgb(207,197,126)
```
#d4cc8c
```
#d4cc8c rgb(212,204,140)
```
#d9d29b
```
#d9d29b rgb(217,210,155)
```
#dfd9a9
```
#dfd9a9 rgb(223,217,169)
```
#e4dfb7
```
#e4dfb7 rgb(228,223,183)
```
#e9e5c5
```
#e9e5c5 rgb(233,229,197)
```
#efecd4
```
#efecd4 rgb(239,236,212)
```
#f4f2e2
```
#f4f2e2 rgb(244,242,226)
```
#f9f8f0
```
#f9f8f0 rgb(249,248,240)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#3f3e37
```
#3f3e37 rgb(63,62,55)
```
#434132
```
#434132 rgb(67,65,50)
```
#48452e
```
#48452e rgb(72,69,46)
```
#4c4829
```
#4c4829 rgb(76,72,41)
```
#514c25
```
#514c25 rgb(81,76,37)
```
#554f20
```
#554f20 rgb(85,79,32)
```
#5a521c
```
#5a521c rgb(90,82,28)
```
#5e5617
```
#5e5617 rgb(94,86,23)
```
#635913
```
#635913 rgb(99,89,19)
```
#675d0e
```
#675d0e rgb(103,93,14)
```
#6c600a
```
#6c600a rgb(108,96,10)
```
#706405
```
#706405 rgb(112,100,5)
```
#756700
```
#756700 rgb(117,103,0)
```

Tone Color Variation

Below, you can see how #554f20 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
#4d4c42 Atypical Achromatopsia 0.001% of the population

Dichromacy

#60572b Protanopia 1% of men
#6a532d Deuteranopia 1% of men
#625359 Tritanopia 0.001% of the population

Trichromacy

#5c5427 Protanomaly 1% of men, 0.01% of women
#625128 Deuteranomaly 6% of men, 0.4% of women
#5d5144 Tritanomaly 0.01% of the population

#554f20 hex color

#554f20 Color Information

#554f20 Color Conversion

Color Schemes with #554f20

Alternatives to #554f20

#554f20 Preview

Shades and Tints of #554f20

Tones of #554f20

Color Blindness Simulator