#556f63 hex color

In a RGB color space, hex #556f63 is composed of 33.3% red, 43.5% green and 38.8% blue. Whereas in a CMYK color space, it is composed of 23.4% cyan, 0% magenta, 10.8% yellow and 56.5% black. It has a hue angle of 152.3 degrees, a saturation of 13.3% and a lightness of 38.4%. #556f63 color hex could be obtained by blending #aadec6 with #000000. Closest websafe color is: #666666.

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

● #556f63 color description : Very dark grayish cyan - lime green.

The hexadecimal color #556f63 has RGB values of R:85, G:111, B:99 and CMYK values of C:0.23, M:0, Y:0.11, K:0.56. Its decimal value is 5599075.

Hex triplet	556f63	`#556f63`
RGB Decimal	85, 111, 99	`rgb(85,111,99)`
RGB Percent	33.3, 43.5, 38.8	`rgb(33.3%,43.5%,38.8%)`
CMYK	23, 0, 11, 56
HSL	152.3°, 13.3, 38.4	`hsl(152.3,13.3%,38.4%)`
HSV (or HSB)	152.3°, 23.4, 43.5
Web Safe	666666	`#666666`

CIE-LAB	44.519, -12.26, 3.569
XYZ	11.682, 14.201, 13.929
xyY	0.293, 0.357, 14.201
CIE-LCH	44.519, 12.769, 163.769
CIE-LUV	44.519, -13.012, 6.524
Hunter-Lab	37.684, -10.61, 4.463
Binary	01010101, 01101111, 01100011

#556f63
```
#556f63 rgb(85,111,99)
```
#6f5561
```
#6f5561 rgb(111,85,97)
```

Complementary Color

#556f56
```
#556f56 rgb(85,111,86)
```
#556f63
```
#556f63 rgb(85,111,99)
```
#556e6f
```
#556e6f rgb(85,110,111)
```

Analogous Color

#6f5655
```
#6f5655 rgb(111,86,85)
```
#556f63
```
#556f63 rgb(85,111,99)
```
#6f556e
```
#6f556e rgb(111,85,110)
```

Split Complementary Color

#6f6355
```
#6f6355 rgb(111,99,85)
```
#556f63
```
#556f63 rgb(85,111,99)
```
#63556f
```
#63556f rgb(99,85,111)
```

Triadic Color

#616f55
```
#616f55 rgb(97,111,85)
```
#556f63
```
#556f63 rgb(85,111,99)
```
#63556f
```
#63556f rgb(99,85,111)
```
#6f5561
```
#6f5561 rgb(111,85,97)
```

Tetradic Color

#34443c
```
#34443c rgb(52,68,60)
```
#3f5249
```
#3f5249 rgb(63,82,73)
```
#4a6156
```
#4a6156 rgb(74,97,86)
```
#556f63
```
#556f63 rgb(85,111,99)
```
#607d70
```
#607d70 rgb(96,125,112)
```
#6b8c7d
```
#6b8c7d rgb(107,140,125)
```
#789889
```
#789889 rgb(120,152,137)
```

Monochromatic Color

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

#556f5d
```
#556f5d rgb(85,111,93)
```
#556f5f
```
#556f5f rgb(85,111,95)
```
#556f61
```
#556f61 rgb(85,111,97)
```
#556f63
```
#556f63 rgb(85,111,99)
```
#556f65
```
#556f65 rgb(85,111,101)
```
#556f67
```
#556f67 rgb(85,111,103)
```
#556f6a
```
#556f6a rgb(85,111,106)
```

Similar Colors

Text with hexadecimal color #556f63

This text has a font color of #556f63.

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

#556f63 background color

This paragraph has a background color of #556f63.

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

#556f63 border color

This element has a border color of #556f63.

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

CSS codes

.text {color:#556f63;}

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

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

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

#080b0a
```
#080b0a rgb(8,11,10)
```
#111614
```
#111614 rgb(17,22,20)
```
#19211e
```
#19211e rgb(25,33,30)
```
#222c28
```
#222c28 rgb(34,44,40)
```
#2a3731
```
#2a3731 rgb(42,55,49)
```
#33433b
```
#33433b rgb(51,67,59)
```
#3b4e45
```
#3b4e45 rgb(59,78,69)
```
#44594f
```
#44594f rgb(68,89,79)
```
#4c6459
```
#4c6459 rgb(76,100,89)
```
#556f63
```
#556f63 rgb(85,111,99)
```
#5e7a6d
```
#5e7a6d rgb(94,122,109)
```
#668577
```
#668577 rgb(102,133,119)
```
#6f9081
```
#6f9081 rgb(111,144,129)
```

Shade Color Variation

#7a998a
```
#7a998a rgb(122,153,138)
```
#85a194
```
#85a194 rgb(133,161,148)
```
#90aa9e
```
#90aa9e rgb(144,170,158)
```
#9bb2a8
```
#9bb2a8 rgb(155,178,168)
```
#a6bbb1
```
#a6bbb1 rgb(166,187,177)
```
#b1c3bb
```
#b1c3bb rgb(177,195,187)
```
#bcccc5
```
#bcccc5 rgb(188,204,197)
```
#c7d4ce
```
#c7d4ce rgb(199,212,206)
```
#d2ddd8
```
#d2ddd8 rgb(210,221,216)
```
#dee5e2
```
#dee5e2 rgb(222,229,226)
```
#e9eeec
```
#e9eeec rgb(233,238,236)
```
#f4f6f5
```
#f4f6f5 rgb(244,246,245)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#5d6762
```
#5d6762 rgb(93,103,98)
```
#556f63
```
#556f63 rgb(85,111,99)
```
#4d7764
```
#4d7764 rgb(77,119,100)
```
#467e64
```
#467e64 rgb(70,126,100)
```
#3e8665
```
#3e8665 rgb(62,134,101)
```
#378d65
```
#378d65 rgb(55,141,101)
```
#2f9566
```
#2f9566 rgb(47,149,102)
```
#289c66
```
#289c66 rgb(40,156,102)
```
#20a467
```
#20a467 rgb(32,164,103)
```
#19ab68
```
#19ab68 rgb(25,171,104)
```
#11b368
```
#11b368 rgb(17,179,104)
```
#0aba69
```
#0aba69 rgb(10,186,105)
```
#02c269
```
#02c269 rgb(2,194,105)
```

Tone Color Variation

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

#666666 Achromatopsia 0.005% of the population
#636865 Atypical Achromatopsia 0.001% of the population

Dichromacy

#757068 Protanopia 1% of men
#7c6d6e Deuteranopia 1% of men
#61737c Tritanopia 0.001% of the population

Trichromacy

#697066 Protanomaly 1% of men, 0.01% of women
#6e6e6a Deuteranomaly 6% of men, 0.4% of women
#5d7273 Tritanomaly 0.01% of the population

#556f63 hex color

#556f63 Color Information

#556f63 Color Conversion

Color Schemes with #556f63

Alternatives to #556f63

#556f63 Preview

Shades and Tints of #556f63

Tones of #556f63

Color Blindness Simulator