#556660 hex color

In a RGB color space, hex #556660 is composed of 33.3% red, 40% green and 37.6% blue. Whereas in a CMYK color space, it is composed of 16.7% cyan, 0% magenta, 5.9% yellow and 60% black. It has a hue angle of 158.8 degrees, a saturation of 9.1% and a lightness of 36.7%. #556660 color hex could be obtained by blending #aaccc0 with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 33
- G 40
- B 38
RGB color chart
- C 17
- M 0
- Y 6
- K 60
CMYK color chart

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

The hexadecimal color #556660 has RGB values of R:85, G:102, B:96 and CMYK values of C:0.17, M:0, Y:0.06, K:0.6. Its decimal value is 5596768.

Hex triplet	556660	`#556660`
RGB Decimal	85, 102, 96	`rgb(85,102,96)`
RGB Percent	33.3, 40, 37.6	`rgb(33.3%,40%,37.6%)`
CMYK	17, 0, 6, 60
HSL	158.8°, 9.1, 36.7	`hsl(158.8,9.1%,36.7%)`
HSV (or HSB)	158.8°, 16.7, 40
Web Safe	666666	`#666666`

CIE-LAB	41.655, -7.777, 1.235
XYZ	10.609, 12.278, 12.877
xyY	0.297, 0.343, 12.278
CIE-LCH	41.655, 7.874, 170.973
CIE-LUV	41.655, -8.687, 2.758
Hunter-Lab	35.04, -7.28, 2.74
Binary	01010101, 01100110, 01100000

#556660
```
#556660 rgb(85,102,96)
```
#66555b
```
#66555b rgb(102,85,91)
```

Complementary Color

#556658
```
#556658 rgb(85,102,88)
```
#556660
```
#556660 rgb(85,102,96)
```
#556466
```
#556466 rgb(85,100,102)
```

Analogous Color

#665855
```
#665855 rgb(102,88,85)
```
#556660
```
#556660 rgb(85,102,96)
```
#665564
```
#665564 rgb(102,85,100)
```

Split Complementary Color

#666055
```
#666055 rgb(102,96,85)
```
#556660
```
#556660 rgb(85,102,96)
```
#605566
```
#605566 rgb(96,85,102)
```

Triadic Color

#5b6655
```
#5b6655 rgb(91,102,85)
```
#556660
```
#556660 rgb(85,102,96)
```
#605566
```
#605566 rgb(96,85,102)
```
#66555b
```
#66555b rgb(102,85,91)
```

Tetradic Color

#323c39
```
#323c39 rgb(50,60,57)
```
#3e4a46
```
#3e4a46 rgb(62,74,70)
```
#495853
```
#495853 rgb(73,88,83)
```
#556660
```
#556660 rgb(85,102,96)
```
#61746d
```
#61746d rgb(97,116,109)
```
#6c827a
```
#6c827a rgb(108,130,122)
```
#798f87
```
#798f87 rgb(121,143,135)
```

Monochromatic Color

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

#55665c
```
#55665c rgb(85,102,92)
```
#55665d
```
#55665d rgb(85,102,93)
```
#55665f
```
#55665f rgb(85,102,95)
```
#556660
```
#556660 rgb(85,102,96)
```
#556661
```
#556661 rgb(85,102,97)
```
#556663
```
#556663 rgb(85,102,99)
```
#556664
```
#556664 rgb(85,102,100)
```

Similar Colors

Text with hexadecimal color #556660

This text has a font color of #556660.

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

#556660 background color

This paragraph has a background color of #556660.

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

#556660 border color

This element has a border color of #556660.

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

CSS codes

.text {color:#556660;}

.background {background-color:#556660;}

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

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

#050605
```
#050605 rgb(5,6,5)
```
#0e100f
```
#0e100f rgb(14,16,15)
```
#171b1a
```
#171b1a rgb(23,27,26)
```
#202624
```
#202624 rgb(32,38,36)
```
#28312e
```
#28312e rgb(40,49,46)
```
#313b38
```
#313b38 rgb(49,59,56)
```
#3a4642
```
#3a4642 rgb(58,70,66)
```
#43514c
```
#43514c rgb(67,81,76)
```
#4c5b56
```
#4c5b56 rgb(76,91,86)
```
#556660
```
#556660 rgb(85,102,96)
```
#5e716a
```
#5e716a rgb(94,113,106)
```
#677b74
```
#677b74 rgb(103,123,116)
```
#70867e
```
#70867e rgb(112,134,126)
```

Shade Color Variation

#7a9088
```
#7a9088 rgb(122,144,136)
```
#849992
```
#849992 rgb(132,153,146)
```
#8fa29b
```
#8fa29b rgb(143,162,155)
```
#9aaba5
```
#9aaba5 rgb(154,171,165)
```
#a4b4ae
```
#a4b4ae rgb(164,180,174)
```
#afbcb8
```
#afbcb8 rgb(175,188,184)
```
#bac5c1
```
#bac5c1 rgb(186,197,193)
```
#c5cecb
```
#c5cecb rgb(197,206,203)
```
#cfd7d4
```
#cfd7d4 rgb(207,215,212)
```
#dae0de
```
#dae0de rgb(218,224,222)
```
#e5e9e7
```
#e5e9e7 rgb(229,233,231)
```
#eff2f1
```
#eff2f1 rgb(239,242,241)
```
#fafbfb
```
#fafbfb rgb(250,251,251)
```

Tint Color Variation

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

#5c5f5e
```
#5c5f5e rgb(92,95,94)
```
#556660
```
#556660 rgb(85,102,96)
```
#4e6d62
```
#4e6d62 rgb(78,109,98)
```
#477464
```
#477464 rgb(71,116,100)
```
#3f7c66
```
#3f7c66 rgb(63,124,102)
```
#388368
```
#388368 rgb(56,131,104)
```
#318a6b
```
#318a6b rgb(49,138,107)
```
#2a916d
```
#2a916d rgb(42,145,109)
```
#23986f
```
#23986f rgb(35,152,111)
```
#1ba071
```
#1ba071 rgb(27,160,113)
```
#14a773
```
#14a773 rgb(20,167,115)
```
#0dae75
```
#0dae75 rgb(13,174,117)
```
#06b577
```
#06b577 rgb(6,181,119)
```

Tone Color Variation

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

#606060 Achromatopsia 0.005% of the population
#5e6160 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6d6966 Protanopia 1% of men
#74676a Deuteranopia 1% of men
#606c73 Tritanopia 0.001% of the population

Trichromacy

#646863 Protanomaly 1% of men, 0.01% of women
#686666 Deuteranomaly 6% of men, 0.4% of women
#5c696c Tritanomaly 0.01% of the population

#556660 hex color

#556660 Color Information

#556660 Color Conversion

Color Schemes with #556660

Alternatives to #556660

#556660 Preview

Shades and Tints of #556660

Tones of #556660

Color Blindness Simulator