#556f54 hex color

In a RGB color space, hex #556f54 is composed of 33.3% red, 43.5% green and 32.9% blue. Whereas in a CMYK color space, it is composed of 23.4% cyan, 0% magenta, 24.3% yellow and 56.5% black. It has a hue angle of 117.8 degrees, a saturation of 13.8% and a lightness of 38.2%. #556f54 color hex could be obtained by blending #aadea8 with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 33
- G 44
- B 33
RGB color chart
- C 23
- M 0
- Y 24
- K 56
CMYK color chart

● #556f54 color description : Very dark grayish lime green.

The hexadecimal color #556f54 has RGB values of R:85, G:111, B:84 and CMYK values of C:0.23, M:0, Y:0.24, K:0.56. Its decimal value is 5599060.

Hex triplet	556f54	`#556f54`
RGB Decimal	85, 111, 84	`rgb(85,111,84)`
RGB Percent	33.3, 43.5, 32.9	`rgb(33.3%,43.5%,32.9%)`
CMYK	23, 0, 24, 56
HSL	117.8°, 13.8, 38.2	`hsl(117.8,13.8%,38.2%)`
HSV (or HSB)	117.8°, 24.3, 43.5
Web Safe	666666	`#666666`

CIE-LAB	44.147, -15.366, 11.996
XYZ	11.031, 13.94, 10.497
xyY	0.311, 0.393, 13.94
CIE-LCH	44.147, 19.494, 142.02
CIE-LUV	44.147, -12.906, 17.373
Hunter-Lab	37.336, -12.603, 9.467
Binary	01010101, 01101111, 01010100

#556f54
```
#556f54 rgb(85,111,84)
```
#6e546f
```
#6e546f rgb(110,84,111)
```

Complementary Color

#636f54
```
#636f54 rgb(99,111,84)
```
#556f54
```
#556f54 rgb(85,111,84)
```
#546f61
```
#546f61 rgb(84,111,97)
```

Analogous Color

#6f5463
```
#6f5463 rgb(111,84,99)
```
#556f54
```
#556f54 rgb(85,111,84)
```
#61546f
```
#61546f rgb(97,84,111)
```

Split Complementary Color

#6f5455
```
#6f5455 rgb(111,84,85)
```
#556f54
```
#556f54 rgb(85,111,84)
```
#54556f
```
#54556f rgb(84,85,111)
```

Triadic Color

#6f6e54
```
#6f6e54 rgb(111,110,84)
```
#556f54
```
#556f54 rgb(85,111,84)
```
#54556f
```
#54556f rgb(84,85,111)
```
#6e546f
```
#6e546f rgb(110,84,111)
```

Tetradic Color

#344333
```
#344333 rgb(52,67,51)
```
#3f523e
```
#3f523e rgb(63,82,62)
```
#4a6049
```
#4a6049 rgb(74,96,73)
```
#556f54
```
#556f54 rgb(85,111,84)
```
#607e5f
```
#607e5f rgb(96,126,95)
```
#6b8c6a
```
#6b8c6a rgb(107,140,106)
```
#789877
```
#789877 rgb(120,152,119)
```

Monochromatic Color

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

#5c6f54
```
#5c6f54 rgb(92,111,84)
```
#5a6f54
```
#5a6f54 rgb(90,111,84)
```
#576f54
```
#576f54 rgb(87,111,84)
```
#556f54
```
#556f54 rgb(85,111,84)
```
#546f55
```
#546f55 rgb(84,111,85)
```
#546f58
```
#546f58 rgb(84,111,88)
```
#546f5a
```
#546f5a rgb(84,111,90)
```

Similar Colors

Text with hexadecimal color #556f54

This text has a font color of #556f54.

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

#556f54 background color

This paragraph has a background color of #556f54.

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

#556f54 border color

This element has a border color of #556f54.

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

CSS codes

.text {color:#556f54;}

.background {background-color:#556f54;}

.border {border:1px solid #556f54;}

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, #080b08 is the darkest color, while #fefffe is the lightest one.

#080b08
```
#080b08 rgb(8,11,8)
```
#111610
```
#111610 rgb(17,22,16)
```
#192119
```
#192119 rgb(25,33,25)
```
#222c21
```
#222c21 rgb(34,44,33)
```
#2a372a
```
#2a372a rgb(42,55,42)
```
#334232
```
#334232 rgb(51,66,50)
```
#3b4e3b
```
#3b4e3b rgb(59,78,59)
```
#445943
```
#445943 rgb(68,89,67)
```
#4c644c
```
#4c644c rgb(76,100,76)
```
#556f54
```
#556f54 rgb(85,111,84)
```
#5e7a5c
```
#5e7a5c rgb(94,122,92)
```
#668565
```
#668565 rgb(102,133,101)
```
#6f906d
```
#6f906d rgb(111,144,109)
```

Shade Color Variation

#7a9978
```
#7a9978 rgb(122,153,120)
```
#85a284
```
#85a284 rgb(133,162,132)
```
#90aa8f
```
#90aa8f rgb(144,170,143)
```
#9bb29a
```
#9bb29a rgb(155,178,154)
```
#a6bba5
```
#a6bba5 rgb(166,187,165)
```
#b1c3b0
```
#b1c3b0 rgb(177,195,176)
```
#bcccbb
```
#bcccbb rgb(188,204,187)
```
#c7d4c7
```
#c7d4c7 rgb(199,212,199)
```
#d2ddd2
```
#d2ddd2 rgb(210,221,210)
```
#dde5dd
```
#dde5dd rgb(221,229,221)
```
#e8eee8
```
#e8eee8 rgb(232,238,232)
```
#f3f6f3
```
#f3f6f3 rgb(243,246,243)
```
#fefffe
```
#fefffe rgb(254,255,254)
```

Tint Color Variation

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

#5c685c
```
#5c685c rgb(92,104,92)
```
#556f54
```
#556f54 rgb(85,111,84)
```
#4e774d
```
#4e774d rgb(78,119,77)
```
#477e45
```
#477e45 rgb(71,126,69)
```
#40863e
```
#40863e rgb(64,134,62)
```
#398d36
```
#398d36 rgb(57,141,54)
```
#32952f
```
#32952f rgb(50,149,47)
```
#2b9c27
```
#2b9c27 rgb(43,156,39)
```
#24a420
```
#24a420 rgb(36,164,32)
```
#1dab18
```
#1dab18 rgb(29,171,24)
```
#17b311
```
#17b311 rgb(23,179,17)
```
#10ba09
```
#10ba09 rgb(16,186,9)
```
#09c201
```
#09c201 rgb(9,194,1)
```

Tone Color Variation

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

#646464 Achromatopsia 0.005% of the population
#616661 Atypical Achromatopsia 0.001% of the population

Dichromacy

#776f5a Protanopia 1% of men
#806c60 Deuteranopia 1% of men
#63727a Tritanopia 0.001% of the population

Trichromacy

#6a6f57 Protanomaly 1% of men, 0.01% of women
#706d5b Deuteranomaly 6% of men, 0.4% of women
#5e716c Tritanomaly 0.01% of the population

#556f54 hex color

#556f54 Color Information

#556f54 Color Conversion

Color Schemes with #556f54

Alternatives to #556f54

#556f54 Preview

Shades and Tints of #556f54

Tones of #556f54

Color Blindness Simulator