#556b60 hex color

In a RGB color space, hex #556b60 is composed of 33.3% red, 42% green and 37.6% blue. Whereas in a CMYK color space, it is composed of 20.6% cyan, 0% magenta, 10.3% yellow and 58% black. It has a hue angle of 150 degrees, a saturation of 11.5% and a lightness of 37.6%. #556b60 color hex could be obtained by blending #aad6c0 with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 33
- G 42
- B 38
RGB color chart
- C 21
- M 0
- Y 10
- K 58
CMYK color chart

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

The hexadecimal color #556b60 has RGB values of R:85, G:107, B:96 and CMYK values of C:0.21, M:0, Y:0.1, K:0.58. Its decimal value is 5598048.

Hex triplet	556b60	`#556b60`
RGB Decimal	85, 107, 96	`rgb(85,107,96)`
RGB Percent	33.3, 42, 37.6	`rgb(33.3%,42%,37.6%)`
CMYK	21, 0, 10, 58
HSL	150°, 11.5, 37.6	`hsl(150,11.5%,37.6%)`
HSV (or HSB)	150°, 20.6, 42
Web Safe	666666	`#666666`

CIE-LAB	43.198, -10.658, 3.469
XYZ	11.115, 13.291, 13.045
xyY	0.297, 0.355, 13.291
CIE-LCH	43.198, 11.209, 161.97
CIE-LUV	43.198, -11.079, 6.107
Hunter-Lab	36.457, -9.379, 4.304
Binary	01010101, 01101011, 01100000

#556b60
```
#556b60 rgb(85,107,96)
```
#6b5560
```
#6b5560 rgb(107,85,96)
```

Complementary Color

#556b55
```
#556b55 rgb(85,107,85)
```
#556b60
```
#556b60 rgb(85,107,96)
```
#556b6b
```
#556b6b rgb(85,107,107)
```

Analogous Color

#6b5555
```
#6b5555 rgb(107,85,85)
```
#556b60
```
#556b60 rgb(85,107,96)
```
#6b556b
```
#6b556b rgb(107,85,107)
```

Split Complementary Color

#6b6055
```
#6b6055 rgb(107,96,85)
```
#556b60
```
#556b60 rgb(85,107,96)
```
#60556b
```
#60556b rgb(96,85,107)
```

Triadic Color

#606b55
```
#606b55 rgb(96,107,85)
```
#556b60
```
#556b60 rgb(85,107,96)
```
#60556b
```
#60556b rgb(96,85,107)
```
#6b5560
```
#6b5560 rgb(107,85,96)
```

Tetradic Color

#33403a
```
#33403a rgb(51,64,58)
```
#3e4f47
```
#3e4f47 rgb(62,79,71)
```
#4a5d53
```
#4a5d53 rgb(74,93,83)
```
#556b60
```
#556b60 rgb(85,107,96)
```
#60796d
```
#60796d rgb(96,121,109)
```
#6c877a
```
#6c877a rgb(108,135,122)
```
#789486
```
#789486 rgb(120,148,134)
```

Monochromatic Color

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

#556b5b
```
#556b5b rgb(85,107,91)
```
#556b5c
```
#556b5c rgb(85,107,92)
```
#556b5e
```
#556b5e rgb(85,107,94)
```
#556b60
```
#556b60 rgb(85,107,96)
```
#556b62
```
#556b62 rgb(85,107,98)
```
#556b64
```
#556b64 rgb(85,107,100)
```
#556b66
```
#556b66 rgb(85,107,102)
```

Similar Colors

Text with hexadecimal color #556b60

This text has a font color of #556b60.

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

#556b60 background color

This paragraph has a background color of #556b60.

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

#556b60 border color

This element has a border color of #556b60.

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

CSS codes

.text {color:#556b60;}

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

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

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

#070908
```
#070908 rgb(7,9,8)
```
#101412
```
#101412 rgb(16,20,18)
```
#181e1b
```
#181e1b rgb(24,30,27)
```
#212925
```
#212925 rgb(33,41,37)
```
#2a342f
```
#2a342f rgb(42,52,47)
```
#323f39
```
#323f39 rgb(50,63,57)
```
#3b4a43
```
#3b4a43 rgb(59,74,67)
```
#44554c
```
#44554c rgb(68,85,76)
```
#4c6056
```
#4c6056 rgb(76,96,86)
```
#556b60
```
#556b60 rgb(85,107,96)
```
#5e766a
```
#5e766a rgb(94,118,106)
```
#668174
```
#668174 rgb(102,129,116)
```
#6f8c7d
```
#6f8c7d rgb(111,140,125)
```

Shade Color Variation

#7a9587
```
#7a9587 rgb(122,149,135)
```
#849e91
```
#849e91 rgb(132,158,145)
```
#8fa69b
```
#8fa69b rgb(143,166,155)
```
#9aafa5
```
#9aafa5 rgb(154,175,165)
```
#a5b8ae
```
#a5b8ae rgb(165,184,174)
```
#b0c0b8
```
#b0c0b8 rgb(176,192,184)
```
#bbc9c2
```
#bbc9c2 rgb(187,201,194)
```
#c6d2cc
```
#c6d2cc rgb(198,210,204)
```
#d1dad6
```
#d1dad6 rgb(209,218,214)
```
#dce3e0
```
#dce3e0 rgb(220,227,224)
```
#e7ece9
```
#e7ece9 rgb(231,236,233)
```
#f2f4f3
```
#f2f4f3 rgb(242,244,243)
```
#fdfdfd
```
#fdfdfd rgb(253,253,253)
```

Tint Color Variation

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

#5c6460
```
#5c6460 rgb(92,100,96)
```
#556b60
```
#556b60 rgb(85,107,96)
```
#4e7260
```
#4e7260 rgb(78,114,96)
```
#467a60
```
#467a60 rgb(70,122,96)
```
#3f8160
```
#3f8160 rgb(63,129,96)
```
#378960
```
#378960 rgb(55,137,96)
```
#309060
```
#309060 rgb(48,144,96)
```
#299760
```
#299760 rgb(41,151,96)
```
#219f60
```
#219f60 rgb(33,159,96)
```
#1aa660
```
#1aa660 rgb(26,166,96)
```
#13ad60
```
#13ad60 rgb(19,173,96)
```
#0bb560
```
#0bb560 rgb(11,181,96)
```
#04bc60
```
#04bc60 rgb(4,188,96)
```

Tone Color Variation

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

#636363 Achromatopsia 0.005% of the population
#606562 Atypical Achromatopsia 0.001% of the population

Dichromacy

#716d65 Protanopia 1% of men
#796a6a Deuteranopia 1% of men
#617078 Tritanopia 0.001% of the population

Trichromacy

#676c63 Protanomaly 1% of men, 0.01% of women
#6c6a66 Deuteranomaly 6% of men, 0.4% of women
#5c6e6f Tritanomaly 0.01% of the population

#556b60 hex color

#556b60 Color Information

#556b60 Color Conversion

Color Schemes with #556b60

Alternatives to #556b60

#556b60 Preview

Shades and Tints of #556b60

Tones of #556b60

Color Blindness Simulator