#556422 hex color

In a RGB color space, hex #556422 is composed of 33.3% red, 39.2% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 15% cyan, 0% magenta, 66% yellow and 60.8% black. It has a hue angle of 73.6 degrees, a saturation of 49.3% and a lightness of 26.3%. #556422 color hex could be obtained by blending #aac844 with #000000. Closest websafe color is: #666633.

♥
- f
- t
- g
- R 33
- G 39
- B 13
RGB color chart
- C 15
- M 0
- Y 66
- K 61
CMYK color chart

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

The hexadecimal color #556422 has RGB values of R:85, G:100, B:34 and CMYK values of C:0.15, M:0, Y:0.66, K:0.61. Its decimal value is 5596194.

Hex triplet	556422	`#556422`
RGB Decimal	85, 100, 34	`rgb(85,100,34)`
RGB Percent	33.3, 39.2, 13.3	`rgb(33.3%,39.2%,13.3%)`
CMYK	15, 0, 66, 61
HSL	73.6°, 49.3, 26.3	`hsl(73.6,49.3%,26.3%)`
HSV (or HSB)	73.6°, 66, 39.2
Web Safe	666633	`#666633`

CIE-LAB	39.85, -16.334, 34.478
XYZ	8.592, 11.161, 3.215
xyY	0.374, 0.486, 11.161
CIE-LCH	39.85, 38.151, 115.35
CIE-LUV	39.85, -6.589, 37.676
Hunter-Lab	33.408, -12.557, 17.68
Binary	01010101, 01100100, 00100010

#556422
```
#556422 rgb(85,100,34)
```
#312264
```
#312264 rgb(49,34,100)
```

Complementary Color

#645222
```
#645222 rgb(100,82,34)
```
#556422
```
#556422 rgb(85,100,34)
```
#346422
```
#346422 rgb(52,100,34)
```

Analogous Color

#522264
```
#522264 rgb(82,34,100)
```
#556422
```
#556422 rgb(85,100,34)
```
#223464
```
#223464 rgb(34,52,100)
```

Split Complementary Color

#642255
```
#642255 rgb(100,34,85)
```
#556422
```
#556422 rgb(85,100,34)
```
#225564
```
#225564 rgb(34,85,100)
```

Triadic Color

#643122
```
#643122 rgb(100,49,34)
```
#556422
```
#556422 rgb(85,100,34)
```
#225564
```
#225564 rgb(34,85,100)
```
#312264
```
#312264 rgb(49,34,100)
```

Tetradic Color

#242b0f
```
#242b0f rgb(36,43,15)
```
#353e15
```
#353e15 rgb(53,62,21)
```
#45511c
```
#45511c rgb(69,81,28)
```
#556422
```
#556422 rgb(85,100,34)
```
#657728
```
#657728 rgb(101,119,40)
```
#758a2f
```
#758a2f rgb(117,138,47)
```
#869d35
```
#869d35 rgb(134,157,53)
```

Monochromatic Color

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

#646322
```
#646322 rgb(100,99,34)
```
#606422
```
#606422 rgb(96,100,34)
```
#5b6422
```
#5b6422 rgb(91,100,34)
```
#556422
```
#556422 rgb(85,100,34)
```
#506422
```
#506422 rgb(80,100,34)
```
#4a6422
```
#4a6422 rgb(74,100,34)
```
#456422
```
#456422 rgb(69,100,34)
```

Similar Colors

Text with hexadecimal color #556422

This text has a font color of #556422.

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

#556422 background color

This paragraph has a background color of #556422.

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

#556422 border color

This element has a border color of #556422.

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

CSS codes

.text {color:#556422;}

.background {background-color:#556422;}

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

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

#0a0c04
```
#0a0c04 rgb(10,12,4)
```
#171b09
```
#171b09 rgb(23,27,9)
```
#23290e
```
#23290e rgb(35,41,14)
```
#303813
```
#303813 rgb(48,56,19)
```
#3c4718
```
#3c4718 rgb(60,71,24)
```
#49551d
```
#49551d rgb(73,85,29)
```
#556422
```
#556422 rgb(85,100,34)
```
#617327
```
#617327 rgb(97,115,39)
```
#6e812c
```
#6e812c rgb(110,129,44)
```
#7a9031
```
#7a9031 rgb(122,144,49)
```
#879f36
```
#879f36 rgb(135,159,54)
```
#93ad3b
```
#93ad3b rgb(147,173,59)
```
#a0bc40
```
#a0bc40 rgb(160,188,64)
```

Shade Color Variation

#a8c24d
```
#a8c24d rgb(168,194,77)
```
#afc75c
```
#afc75c rgb(175,199,92)
```
#b6cc6a
```
#b6cc6a rgb(182,204,106)
```
#bdd179
```
#bdd179 rgb(189,209,121)
```
#c4d687
```
#c4d687 rgb(196,214,135)
```
#ccdb96
```
#ccdb96 rgb(204,219,150)
```
#d3e0a5
```
#d3e0a5 rgb(211,224,165)
```
#dae5b3
```
#dae5b3 rgb(218,229,179)
```
#e1eac2
```
#e1eac2 rgb(225,234,194)
```
#e8efd1
```
#e8efd1 rgb(232,239,209)
```
#eff4df
```
#eff4df rgb(239,244,223)
```
#f7f9ee
```
#f7f9ee rgb(247,249,238)
```
#fefefd
```
#fefefd rgb(254,254,253)
```

Tint Color Variation

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

#444541
```
#444541 rgb(68,69,65)
```
#474a3c
```
#474a3c rgb(71,74,60)
```
#4a4f37
```
#4a4f37 rgb(74,79,55)
```
#4d5531
```
#4d5531 rgb(77,85,49)
```
#4f5a2c
```
#4f5a2c rgb(79,90,44)
```
#525f27
```
#525f27 rgb(82,95,39)
```
#556422
```
#556422 rgb(85,100,34)
```
#58691d
```
#58691d rgb(88,105,29)
```
#5b6e18
```
#5b6e18 rgb(91,110,24)
```
#5d7313
```
#5d7313 rgb(93,115,19)
```
#60790d
```
#60790d rgb(96,121,13)
```
#637e08
```
#637e08 rgb(99,126,8)
```
#668303
```
#668303 rgb(102,131,3)
```

Tone Color Variation

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

#585858 Achromatopsia 0.005% of the population
#575a4d Atypical Achromatopsia 0.001% of the population

Dichromacy

#71662b Protanopia 1% of men
#7d6131 Deuteranopia 1% of men
#65656c Tritanopia 0.001% of the population

Trichromacy

#676528 Protanomaly 1% of men, 0.01% of women
#6e622b Deuteranomaly 6% of men, 0.4% of women
#5f6551 Tritanomaly 0.01% of the population

#556422 hex color

#556422 Color Information

#556422 Color Conversion

Color Schemes with #556422

Alternatives to #556422

#556422 Preview

Shades and Tints of #556422

Tones of #556422

Color Blindness Simulator