colorhexa.com

#556228 hex color

In a RGB color space, hex #556228 is composed of 33.3% red, 38.4% green and 15.7% blue. Whereas in a CMYK color space, it is composed of 13.3% cyan, 0% magenta, 59.2% yellow and 61.6% black. It has a hue angle of 73.4 degrees, a saturation of 42% and a lightness of 27.1%. #556228 color hex could be obtained by blending #aac450 with #000000. Closest websafe color is: #666633.

- R 33
- G 38
- B 16
RGB color chart
- C 13
- M 0
- Y 59
- K 62
CMYK color chart

● #556228 color description : Very dark desaturated yellow.

The hexadecimal color #556228 has RGB values of R:85, G:98, B:40 and CMYK values of C:0.13, M:0, Y:0.59, K:0.62. Its decimal value is 5595688.

Hex triplet	556228	`#556228`
RGB Decimal	85, 98, 40	`rgb(85,98,40)`
RGB Percent	33.3, 38.4, 15.7	`rgb(33.3%,38.4%,15.7%)`
CMYK	13, 0, 59, 62
HSL	73.4°, 42, 27.1	`hsl(73.4,42%,27.1%)`
HSV (or HSB)	73.4°, 59.2, 38.4
Web Safe	666633	`#666633`

CIE-LAB	39.275, -14.687, 30.826
XYZ	8.497, 10.82, 3.648
xyY	0.37, 0.471, 10.82
CIE-LCH	39.275, 34.146, 115.476
CIE-LUV	39.275, -5.528, 34.453
Hunter-Lab	32.894, -11.454, 16.45
Binary	01010101, 01100010, 00101000

#556228
```
#556228 rgb(85,98,40)
```
#352862
```
#352862 rgb(53,40,98)
```

Complementary Color

#625228
```
#625228 rgb(98,82,40)
```
#556228
```
#556228 rgb(85,98,40)
```
#386228
```
#386228 rgb(56,98,40)
```

Analogous Color

#522862
```
#522862 rgb(82,40,98)
```
#556228
```
#556228 rgb(85,98,40)
```
#283862
```
#283862 rgb(40,56,98)
```

Split Complementary Color

#262c12
```
#262c12 rgb(38,44,18)
```
#363e19
```
#363e19 rgb(54,62,25)
```
#455021
```
#455021 rgb(69,80,33)
```
#556228
```
#556228 rgb(85,98,40)
```
#65742f
```
#65742f rgb(101,116,47)
```
#748637
```
#748637 rgb(116,134,55)
```
#84983e
```
#84983e rgb(132,152,62)
```

Monochromatic Color

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

#626128
```
#626128 rgb(98,97,40)
```
#5f6228
```
#5f6228 rgb(95,98,40)
```
#5a6228
```
#5a6228 rgb(90,98,40)
```
#556228
```
#556228 rgb(85,98,40)
```
#506228
```
#506228 rgb(80,98,40)
```
#4b6228
```
#4b6228 rgb(75,98,40)
```
#466228
```
#466228 rgb(70,98,40)
```

Similar Colors

Text with hexadecimal color #556228

This text has a font color of #556228.

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

#556228 background color

This paragraph has a background color of #556228.

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

#556228 border color

This element has a border color of #556228.

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

CSS codes

.text {color:#556228;}

.background {background-color:#556228;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#0d0e06
```
#0d0e06 rgb(13,14,6)
```
#191c0c
```
#191c0c rgb(25,28,12)
```
#252a11
```
#252a11 rgb(37,42,17)
```
#313817
```
#313817 rgb(49,56,23)
```
#3d461d
```
#3d461d rgb(61,70,29)
```
#495422
```
#495422 rgb(73,84,34)
```
#556228
```
#556228 rgb(85,98,40)
```
#61702e
```
#61702e rgb(97,112,46)
```
#6d7e33
```
#6d7e33 rgb(109,126,51)
```
#798c39
```
#798c39 rgb(121,140,57)
```
#859a3f
```
#859a3f rgb(133,154,63)
```
#91a844
```
#91a844 rgb(145,168,68)
```

Shade Color Variation

#9db54a
```
#9db54a rgb(157,181,74)
```
#a5bb58
```
#a5bb58 rgb(165,187,88)
```
#acc166
```
#acc166 rgb(172,193,102)
```
#b4c674
```
#b4c674 rgb(180,198,116)
```
#bbcc82
```
#bbcc82 rgb(187,204,130)
```
#c3d290
```
#c3d290 rgb(195,210,144)
```
#cbd79e
```
#cbd79e rgb(203,215,158)
```
#d2ddac
```
#d2ddac rgb(210,221,172)
```
#dae3ba
```
#dae3ba rgb(218,227,186)
```
#e1e8c8
```
#e1e8c8 rgb(225,232,200)
```
#e9eed6
```
#e9eed6 rgb(233,238,214)
```
#f0f4e4
```
#f0f4e4 rgb(240,244,228)
```
#f8faf2
```
#f8faf2 rgb(248,250,242)
```

Tint Color Variation

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

#464743
```
#464743 rgb(70,71,67)
```
#494d3d
```
#494d3d rgb(73,77,61)
```
#4c5238
```
#4c5238 rgb(76,82,56)
```
#4f5733
```
#4f5733 rgb(79,87,51)
```
#525d2d
```
#525d2d rgb(82,93,45)
```
#556228
```
#556228 rgb(85,98,40)
```
#586723
```
#586723 rgb(88,103,35)
```
#5b6d1d
```
#5b6d1d rgb(91,109,29)
```
#5e7218
```
#5e7218 rgb(94,114,24)
```
#617713
```
#617713 rgb(97,119,19)
```
#647d0d
```
#647d0d rgb(100,125,13)
```
#678208
```
#678208 rgb(103,130,8)
```
#698703
```
#698703 rgb(105,135,3)
```

Tone Color Variation

Below, you can see how #556228 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
#575a4e Atypical Achromatopsia 0.001% of the population

Dichromacy

#6f6531 Protanopia 1% of men
#7a6036 Deuteranopia 1% of men
#65646b Tritanopia 0.001% of the population

Trichromacy

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