#556226 hex color

In a RGB color space, hex #556226 is composed of 33.3% red, 38.4% green and 14.9% blue. Whereas in a CMYK color space, it is composed of 13.3% cyan, 0% magenta, 61.2% yellow and 61.6% black. It has a hue angle of 73 degrees, a saturation of 44.1% and a lightness of 26.7%. #556226 color hex could be obtained by blending #aac44c with #000000. Closest websafe color is: #666633.

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

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

The hexadecimal color #556226 has RGB values of R:85, G:98, B:38 and CMYK values of C:0.13, M:0, Y:0.61, K:0.62. Its decimal value is 5595686.

Hex triplet	556226	`#556226`
RGB Decimal	85, 98, 38	`rgb(85,98,38)`
RGB Percent	33.3, 38.4, 14.9	`rgb(33.3%,38.4%,14.9%)`
CMYK	13, 0, 61, 62
HSL	73°, 44.1, 26.7	`hsl(73,44.1%,26.7%)`
HSV (or HSB)	73°, 61.2, 38.4
Web Safe	666633	`#666633`

CIE-LAB	39.253, -14.881, 31.832
XYZ	8.464, 10.807, 3.474
xyY	0.372, 0.475, 10.807
CIE-LCH	39.253, 35.139, 115.056
CIE-LUV	39.253, -5.5, 35.239
Hunter-Lab	32.873, -11.571, 16.746
Binary	01010101, 01100010, 00100110

#556226
```
#556226 rgb(85,98,38)
```
#332662
```
#332662 rgb(51,38,98)
```

Complementary Color

#625126
```
#625126 rgb(98,81,38)
```
#556226
```
#556226 rgb(85,98,38)
```
#376226
```
#376226 rgb(55,98,38)
```

Analogous Color

#512662
```
#512662 rgb(81,38,98)
```
#556226
```
#556226 rgb(85,98,38)
```
#263762
```
#263762 rgb(38,55,98)
```

Split Complementary Color

#622655
```
#622655 rgb(98,38,85)
```
#556226
```
#556226 rgb(85,98,38)
```
#265562
```
#265562 rgb(38,85,98)
```

Triadic Color

#623326
```
#623326 rgb(98,51,38)
```
#556226
```
#556226 rgb(85,98,38)
```
#265562
```
#265562 rgb(38,85,98)
```
#332662
```
#332662 rgb(51,38,98)
```

Tetradic Color

#252b11
```
#252b11 rgb(37,43,17)
```
#353d18
```
#353d18 rgb(53,61,24)
```
#45501f
```
#45501f rgb(69,80,31)
```
#556226
```
#556226 rgb(85,98,38)
```
#65742d
```
#65742d rgb(101,116,45)
```
#758734
```
#758734 rgb(117,135,52)
```
#85993b
```
#85993b rgb(133,153,59)
```

Monochromatic Color

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

#626026
```
#626026 rgb(98,96,38)
```
#5f6226
```
#5f6226 rgb(95,98,38)
```
#5a6226
```
#5a6226 rgb(90,98,38)
```
#556226
```
#556226 rgb(85,98,38)
```
#506226
```
#506226 rgb(80,98,38)
```
#4b6226
```
#4b6226 rgb(75,98,38)
```
#466226
```
#466226 rgb(70,98,38)
```

Similar Colors

Text with hexadecimal color #556226

This text has a font color of #556226.

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

#556226 background color

This paragraph has a background color of #556226.

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

#556226 border color

This element has a border color of #556226.

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

CSS codes

.text {color:#556226;}

.background {background-color:#556226;}

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

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

#0b0d05
```
#0b0d05 rgb(11,13,5)
```
#181b0b
```
#181b0b rgb(24,27,11)
```
#242910
```
#242910 rgb(36,41,16)
```
#303816
```
#303816 rgb(48,56,22)
```
#3c461b
```
#3c461b rgb(60,70,27)
```
#495421
```
#495421 rgb(73,84,33)
```
#556226
```
#556226 rgb(85,98,38)
```
#61702b
```
#61702b rgb(97,112,43)
```
#6e7e31
```
#6e7e31 rgb(110,126,49)
```
#7a8c36
```
#7a8c36 rgb(122,140,54)
```
#869b3c
```
#869b3c rgb(134,155,60)
```
#92a941
```
#92a941 rgb(146,169,65)
```
#9fb747
```
#9fb747 rgb(159,183,71)
```

Shade Color Variation

#a6bd54
```
#a6bd54 rgb(166,189,84)
```
#aec263
```
#aec263 rgb(174,194,99)
```
#b5c871
```
#b5c871 rgb(181,200,113)
```
#bccd7f
```
#bccd7f rgb(188,205,127)
```
#c4d38d
```
#c4d38d rgb(196,211,141)
```
#cbd89b
```
#cbd89b rgb(203,216,155)
```
#d2dea9
```
#d2dea9 rgb(210,222,169)
```
#dae3b7
```
#dae3b7 rgb(218,227,183)
```
#e1e9c6
```
#e1e9c6 rgb(225,233,198)
```
#e8eed4
```
#e8eed4 rgb(232,238,212)
```
#f0f4e2
```
#f0f4e2 rgb(240,244,226)
```
#f7f9f0
```
#f7f9f0 rgb(247,249,240)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#464840
```
#464840 rgb(70,72,64)
```
#494d3b
```
#494d3b rgb(73,77,59)
```
#4c5236
```
#4c5236 rgb(76,82,54)
```
#4f5830
```
#4f5830 rgb(79,88,48)
```
#525d2b
```
#525d2b rgb(82,93,43)
```
#556226
```
#556226 rgb(85,98,38)
```
#586721
```
#586721 rgb(88,103,33)
```
#5b6c1c
```
#5b6c1c rgb(91,108,28)
```
#5e7216
```
#5e7216 rgb(94,114,22)
```
#617711
```
#617711 rgb(97,119,17)
```
#647c0c
```
#647c0c rgb(100,124,12)
```
#678107
```
#678107 rgb(103,129,7)
```
#6a8701
```
#6a8701 rgb(106,135,1)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#57594d Atypical Achromatopsia 0.001% of the population

Dichromacy

#6f652f Protanopia 1% of men
#7b6034 Deuteranopia 1% of men
#65646b Tritanopia 0.001% of the population

Trichromacy

#65632c Protanomaly 1% of men, 0.01% of women
#6d612f Deuteranomaly 6% of men, 0.4% of women
#5f6352 Tritanomaly 0.01% of the population

#556226 hex color

#556226 Color Information

#556226 Color Conversion

Color Schemes with #556226

Alternatives to #556226

#556226 Preview

Shades and Tints of #556226

Tones of #556226

Color Blindness Simulator