#556c80 hex color

In a RGB color space, hex #556c80 is composed of 33.3% red, 42.4% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 33.6% cyan, 15.6% magenta, 0% yellow and 49.8% black. It has a hue angle of 207.9 degrees, a saturation of 20.2% and a lightness of 41.8%. #556c80 color hex could be obtained by blending #aad8ff with #000001. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 33
- G 42
- B 50
RGB color chart
- C 34
- M 16
- Y 0
- K 50
CMYK color chart

● #556c80 color description : Mostly desaturated dark blue.

The hexadecimal color #556c80 has RGB values of R:85, G:108, B:128 and CMYK values of C:0.34, M:0.16, Y:0, K:0.5. Its decimal value is 5598336.

Hex triplet	556c80	`#556c80`
RGB Decimal	85, 108, 128	`rgb(85,108,128)`
RGB Percent	33.3, 42.4, 50.2	`rgb(33.3%,42.4%,50.2%)`
CMYK	34, 16, 0, 50
HSL	207.9°, 20.2, 41.8	`hsl(207.9,20.2%,41.8%)`
HSV (or HSB)	207.9°, 33.6, 50.2
Web Safe	666699	`#666699`

CIE-LAB	44.539, -3.3, -13.828
XYZ	13.004, 14.214, 22.479
xyY	0.262, 0.286, 14.214
CIE-LCH	44.539, 14.216, 256.576
CIE-LUV	44.539, -11.989, -18.93
Hunter-Lab	37.702, -4.41, -8.959
Binary	01010101, 01101100, 10000000

#556c80
```
#556c80 rgb(85,108,128)
```
#806955
```
#806955 rgb(128,105,85)
```

Complementary Color

#55807f
```
#55807f rgb(85,128,127)
```
#556c80
```
#556c80 rgb(85,108,128)
```
#555780
```
#555780 rgb(85,87,128)
```

Analogous Color

#807f55
```
#807f55 rgb(128,127,85)
```
#556c80
```
#556c80 rgb(85,108,128)
```
#805557
```
#805557 rgb(128,85,87)
```

Split Complementary Color

#6c8055
```
#6c8055 rgb(108,128,85)
```
#556c80
```
#556c80 rgb(85,108,128)
```
#80556c
```
#80556c rgb(128,85,108)
```

Triadic Color

#558069
```
#558069 rgb(85,128,105)
```
#556c80
```
#556c80 rgb(85,108,128)
```
#80556c
```
#80556c rgb(128,85,108)
```
#806955
```
#806955 rgb(128,105,85)
```

Tetradic Color

#364552
```
#364552 rgb(54,69,82)
```
#415261
```
#415261 rgb(65,82,97)
```
#4b5f71
```
#4b5f71 rgb(75,95,113)
```
#556c80
```
#556c80 rgb(85,108,128)
```
#5f798f
```
#5f798f rgb(95,121,143)
```
#6b869d
```
#6b869d rgb(107,134,157)
```
#7a92a7
```
#7a92a7 rgb(122,146,167)
```

Monochromatic Color

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

#557780
```
#557780 rgb(85,119,128)
```
#557380
```
#557380 rgb(85,115,128)
```
#557080
```
#557080 rgb(85,112,128)
```
#556c80
```
#556c80 rgb(85,108,128)
```
#556880
```
#556880 rgb(85,104,128)
```
#556580
```
#556580 rgb(85,101,128)
```
#556180
```
#556180 rgb(85,97,128)
```

Similar Colors

Text with hexadecimal color #556c80

This text has a font color of #556c80.

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

#556c80 background color

This paragraph has a background color of #556c80.

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

#556c80 border color

This element has a border color of #556c80.

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

CSS codes

.text {color:#556c80;}

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

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

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, #07090a is the darkest color, while #fdfefe is the lightest one.

#07090a
```
#07090a rgb(7,9,10)
```
#0f1216
```
#0f1216 rgb(15,18,22)
```
#161c22
```
#161c22 rgb(22,28,34)
```
#1e262d
```
#1e262d rgb(30,38,45)
```
#263039
```
#263039 rgb(38,48,57)
```
#2e3a45
```
#2e3a45 rgb(46,58,69)
```
#364451
```
#364451 rgb(54,68,81)
```
#3e4e5d
```
#3e4e5d rgb(62,78,93)
```
#455868
```
#455868 rgb(69,88,104)
```
#4d6274
```
#4d6274 rgb(77,98,116)
```
#556c80
```
#556c80 rgb(85,108,128)
```
#5d768c
```
#5d768c rgb(93,118,140)
```
#658098
```
#658098 rgb(101,128,152)
```

Shade Color Variation

#708aa0
```
#708aa0 rgb(112,138,160)
```
#7c93a8
```
#7c93a8 rgb(124,147,168)
```
#879db0
```
#879db0 rgb(135,157,176)
```
#93a7b7
```
#93a7b7 rgb(147,167,183)
```
#9fb0bf
```
#9fb0bf rgb(159,176,191)
```
#abbac7
```
#abbac7 rgb(171,186,199)
```
#b7c4cf
```
#b7c4cf rgb(183,196,207)
```
#c2cdd7
```
#c2cdd7 rgb(194,205,215)
```
#ced7df
```
#ced7df rgb(206,215,223)
```
#dae1e6
```
#dae1e6 rgb(218,225,230)
```
#e6eaee
```
#e6eaee rgb(230,234,238)
```
#f2f4f6
```
#f2f4f6 rgb(242,244,246)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

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

#656b70
```
#656b70 rgb(101,107,112)
```
#5d6b78
```
#5d6b78 rgb(93,107,120)
```
#556c80
```
#556c80 rgb(85,108,128)
```
#4d6d88
```
#4d6d88 rgb(77,109,136)
```
#456d90
```
#456d90 rgb(69,109,144)
```
#3c6e99
```
#3c6e99 rgb(60,110,153)
```
#346ea1
```
#346ea1 rgb(52,110,161)
```
#2c6fa9
```
#2c6fa9 rgb(44,111,169)
```
#246fb1
```
#246fb1 rgb(36,111,177)
```
#1c70b9
```
#1c70b9 rgb(28,112,185)
```
#1371c2
```
#1371c2 rgb(19,113,194)
```
#0b71ca
```
#0b71ca rgb(11,113,202)
```
#0372d2
```
#0372d2 rgb(3,114,210)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#63686c Atypical Achromatopsia 0.001% of the population

Dichromacy

#6c7084 Protanopia 1% of men
#6f6e88 Deuteranopia 1% of men
#5b757d Tritanopia 0.001% of the population

Trichromacy

#646e82 Protanomaly 1% of men, 0.01% of women
#656d85 Deuteranomaly 6% of men, 0.4% of women
#59717e Tritanomaly 0.01% of the population

#556c80 hex color

#556c80 Color Information

#556c80 Color Conversion

Color Schemes with #556c80

Alternatives to #556c80

#556c80 Preview

Shades and Tints of #556c80

Tones of #556c80

Color Blindness Simulator