#556c7f hex color

In a RGB color space, hex #556c7f is composed of 33.3% red, 42.4% green and 49.8% blue. Whereas in a CMYK color space, it is composed of 33.1% cyan, 15% magenta, 0% yellow and 50.2% black. It has a hue angle of 207.1 degrees, a saturation of 19.8% and a lightness of 41.6%. #556c7f color hex could be obtained by blending #aad8fe with #000000. Closest websafe color is: #666666.

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

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

The hexadecimal color #556c7f has RGB values of R:85, G:108, B:127 and CMYK values of C:0.33, M:0.15, Y:0, K:0.5. Its decimal value is 5598335.

Hex triplet	556c7f	`#556c7f`
RGB Decimal	85, 108, 127	`rgb(85,108,127)`
RGB Percent	33.3, 42.4, 49.8	`rgb(33.3%,42.4%,49.8%)`
CMYK	33, 15, 0, 50
HSL	207.1°, 19.8, 41.6	`hsl(207.1,19.8%,41.6%)`
HSV (or HSB)	207.1°, 33.1, 49.8
Web Safe	666666	`#666666`

CIE-LAB	44.502, -3.573, -13.284
XYZ	12.939, 14.188, 22.134
xyY	0.263, 0.288, 14.188
CIE-LCH	44.502, 13.757, 254.945
CIE-LUV	44.502, -11.974, -18.093
Hunter-Lab	37.667, -4.603, -8.473
Binary	01010101, 01101100, 01111111

#556c7f
```
#556c7f rgb(85,108,127)
```
#7f6855
```
#7f6855 rgb(127,104,85)
```

Complementary Color

#557f7d
```
#557f7d rgb(85,127,125)
```
#556c7f
```
#556c7f rgb(85,108,127)
```
#55577f
```
#55577f rgb(85,87,127)
```

Analogous Color

#7f7d55
```
#7f7d55 rgb(127,125,85)
```
#556c7f
```
#556c7f rgb(85,108,127)
```
#7f5557
```
#7f5557 rgb(127,85,87)
```

Split Complementary Color

#6c7f55
```
#6c7f55 rgb(108,127,85)
```
#556c7f
```
#556c7f rgb(85,108,127)
```
#7f556c
```
#7f556c rgb(127,85,108)
```

Triadic Color

#557f68
```
#557f68 rgb(85,127,104)
```
#556c7f
```
#556c7f rgb(85,108,127)
```
#7f556c
```
#7f556c rgb(127,85,108)
```
#7f6855
```
#7f6855 rgb(127,104,85)
```

Tetradic Color

#364551
```
#364551 rgb(54,69,81)
```
#415260
```
#415260 rgb(65,82,96)
```
#4b5f70
```
#4b5f70 rgb(75,95,112)
```
#556c7f
```
#556c7f rgb(85,108,127)
```
#5f798e
```
#5f798e rgb(95,121,142)
```
#6b869c
```
#6b869c rgb(107,134,156)
```
#7a92a6
```
#7a92a6 rgb(122,146,166)
```

Monochromatic Color

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

#55777f
```
#55777f rgb(85,119,127)
```
#55737f
```
#55737f rgb(85,115,127)
```
#55707f
```
#55707f rgb(85,112,127)
```
#556c7f
```
#556c7f rgb(85,108,127)
```
#55697f
```
#55697f rgb(85,105,127)
```
#55657f
```
#55657f rgb(85,101,127)
```
#55627f
```
#55627f rgb(85,98,127)
```

Similar Colors

Text with hexadecimal color #556c7f

This text has a font color of #556c7f.

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

#556c7f background color

This paragraph has a background color of #556c7f.

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

#556c7f border color

This element has a border color of #556c7f.

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

CSS codes

.text {color:#556c7f;}

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

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

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

#060809
```
#060809 rgb(6,8,9)
```
#0e1215
```
#0e1215 rgb(14,18,21)
```
#161c21
```
#161c21 rgb(22,28,33)
```
#1e262d
```
#1e262d rgb(30,38,45)
```
#263038
```
#263038 rgb(38,48,56)
```
#2e3a44
```
#2e3a44 rgb(46,58,68)
```
#364450
```
#364450 rgb(54,68,80)
```
#3d4e5c
```
#3d4e5c rgb(61,78,92)
```
#455867
```
#455867 rgb(69,88,103)
```
#4d6273
```
#4d6273 rgb(77,98,115)
```
#556c7f
```
#556c7f rgb(85,108,127)
```
#5d768b
```
#5d768b rgb(93,118,139)
```
#658097
```
#658097 rgb(101,128,151)
```

Shade Color Variation

#708a9f
```
#708a9f rgb(112,138,159)
```
#7b93a7
```
#7b93a7 rgb(123,147,167)
```
#879daf
```
#879daf rgb(135,157,175)
```
#93a7b7
```
#93a7b7 rgb(147,167,183)
```
#9fb0bf
```
#9fb0bf rgb(159,176,191)
```
#aabac6
```
#aabac6 rgb(170,186,198)
```
#b6c3ce
```
#b6c3ce rgb(182,195,206)
```
#c2cdd6
```
#c2cdd6 rgb(194,205,214)
```
#ced7de
```
#ced7de rgb(206,215,222)
```
#d9e0e6
```
#d9e0e6 rgb(217,224,230)
```
#e5eaee
```
#e5eaee rgb(229,234,238)
```
#f1f4f6
```
#f1f4f6 rgb(241,244,246)
```
#fdfdfd
```
#fdfdfd rgb(253,253,253)
```

Tint Color Variation

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

#656a6f
```
#656a6f rgb(101,106,111)
```
#5d6b77
```
#5d6b77 rgb(93,107,119)
```
#556c7f
```
#556c7f rgb(85,108,127)
```
#4d6d87
```
#4d6d87 rgb(77,109,135)
```
#456e8f
```
#456e8f rgb(69,110,143)
```
#3d6e97
```
#3d6e97 rgb(61,110,151)
```
#346fa0
```
#346fa0 rgb(52,111,160)
```
#2c70a8
```
#2c70a8 rgb(44,112,168)
```
#2471b0
```
#2471b0 rgb(36,113,176)
```
#1c71b8
```
#1c71b8 rgb(28,113,184)
```
#1472c0
```
#1472c0 rgb(20,114,192)
```
#0c73c8
```
#0c73c8 rgb(12,115,200)
```
#0374d1
```
#0374d1 rgb(3,116,209)
```

Tone Color Variation

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

#6c7083 Protanopia 1% of men
#6f6e87 Deuteranopia 1% of men
#5b757d Tritanopia 0.001% of the population

Trichromacy

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

#556c7f hex color

#556c7f Color Information

#556c7f Color Conversion

Color Schemes with #556c7f

Alternatives to #556c7f

#556c7f Preview

Shades and Tints of #556c7f

Tones of #556c7f

Color Blindness Simulator