#556e7d hex color

In a RGB color space, hex #556e7d is composed of 33.3% red, 43.1% green and 49% blue. Whereas in a CMYK color space, it is composed of 32% cyan, 12% magenta, 0% yellow and 51% black. It has a hue angle of 202.5 degrees, a saturation of 19% and a lightness of 41.2%. #556e7d color hex could be obtained by blending #aadcfa with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 33
- G 43
- B 49
RGB color chart
- C 32
- M 12
- Y 0
- K 51
CMYK color chart

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

The hexadecimal color #556e7d has RGB values of R:85, G:110, B:125 and CMYK values of C:0.32, M:0.12, Y:0, K:0.51. Its decimal value is 5598845.

Hex triplet	556e7d	`#556e7d`
RGB Decimal	85, 110, 125	`rgb(85,110,125)`
RGB Percent	33.3, 43.1, 49	`rgb(33.3%,43.1%,49%)`
CMYK	32, 12, 0, 51
HSL	202.5°, 19, 41.2	`hsl(202.5,19%,41.2%)`
HSV (or HSB)	202.5°, 32, 49
Web Safe	666666	`#666666`

CIE-LAB	45.03, -5.294, -11.285
XYZ	13.023, 14.563, 21.526
xyY	0.265, 0.297, 14.563
CIE-LCH	45.03, 12.465, 244.868
CIE-LUV	45.03, -12.81, -14.99
Hunter-Lab	38.162, -5.869, -6.73
Binary	01010101, 01101110, 01111101

#556e7d
```
#556e7d rgb(85,110,125)
```
#7d6455
```
#7d6455 rgb(125,100,85)
```

Complementary Color

#557d78
```
#557d78 rgb(85,125,120)
```
#556e7d
```
#556e7d rgb(85,110,125)
```
#555a7d
```
#555a7d rgb(85,90,125)
```

Analogous Color

#7d7855
```
#7d7855 rgb(125,120,85)
```
#556e7d
```
#556e7d rgb(85,110,125)
```
#7d555a
```
#7d555a rgb(125,85,90)
```

Split Complementary Color

#6e7d55
```
#6e7d55 rgb(110,125,85)
```
#556e7d
```
#556e7d rgb(85,110,125)
```
#7d556e
```
#7d556e rgb(125,85,110)
```

Triadic Color

#557d64
```
#557d64 rgb(85,125,100)
```
#556e7d
```
#556e7d rgb(85,110,125)
```
#7d556e
```
#7d556e rgb(125,85,110)
```
#7d6455
```
#7d6455 rgb(125,100,85)
```

Tetradic Color

#36464f
```
#36464f rgb(54,70,79)
```
#40535f
```
#40535f rgb(64,83,95)
```
#4b616e
```
#4b616e rgb(75,97,110)
```
#556e7d
```
#556e7d rgb(85,110,125)
```
#5f7b8c
```
#5f7b8c rgb(95,123,140)
```
#6b889a
```
#6b889a rgb(107,136,154)
```
#7a95a5
```
#7a95a5 rgb(122,149,165)
```

Monochromatic Color

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

#55787d
```
#55787d rgb(85,120,125)
```
#55757d
```
#55757d rgb(85,117,125)
```
#55717d
```
#55717d rgb(85,113,125)
```
#556e7d
```
#556e7d rgb(85,110,125)
```
#556b7d
```
#556b7d rgb(85,107,125)
```
#55677d
```
#55677d rgb(85,103,125)
```
#55647d
```
#55647d rgb(85,100,125)
```

Similar Colors

Text with hexadecimal color #556e7d

This text has a font color of #556e7d.

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

#556e7d background color

This paragraph has a background color of #556e7d.

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

#556e7d border color

This element has a border color of #556e7d.

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

CSS codes

.text {color:#556e7d;}

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

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

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

#060708
```
#060708 rgb(6,7,8)
```
#0e1214
```
#0e1214 rgb(14,18,20)
```
#151c20
```
#151c20 rgb(21,28,32)
```
#1d262b
```
#1d262b rgb(29,38,43)
```
#253037
```
#253037 rgb(37,48,55)
```
#2d3b43
```
#2d3b43 rgb(45,59,67)
```
#35454e
```
#35454e rgb(53,69,78)
```
#3d4f5a
```
#3d4f5a rgb(61,79,90)
```
#455966
```
#455966 rgb(69,89,102)
```
#4d6471
```
#4d6471 rgb(77,100,113)
```
#556e7d
```
#556e7d rgb(85,110,125)
```
#5d7889
```
#5d7889 rgb(93,120,137)
```
#658394
```
#658394 rgb(101,131,148)
```

Shade Color Variation

#6f8c9d
```
#6f8c9d rgb(111,140,157)
```
#7b96a5
```
#7b96a5 rgb(123,150,165)
```
#879fad
```
#879fad rgb(135,159,173)
```
#92a8b5
```
#92a8b5 rgb(146,168,181)
```
#9eb2bd
```
#9eb2bd rgb(158,178,189)
```
#aabbc5
```
#aabbc5 rgb(170,187,197)
```
#b6c4cd
```
#b6c4cd rgb(182,196,205)
```
#c1ced5
```
#c1ced5 rgb(193,206,213)
```
#cdd7dd
```
#cdd7dd rgb(205,215,221)
```
#d9e0e5
```
#d9e0e5 rgb(217,224,229)
```
#e4eaed
```
#e4eaed rgb(228,234,237)
```
#f0f3f5
```
#f0f3f5 rgb(240,243,245)
```
#fcfcfd
```
#fcfcfd rgb(252,252,253)
```

Tint Color Variation

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

#656a6d
```
#656a6d rgb(101,106,109)
```
#5d6c75
```
#5d6c75 rgb(93,108,117)
```
#556e7d
```
#556e7d rgb(85,110,125)
```
#4d7085
```
#4d7085 rgb(77,112,133)
```
#45728d
```
#45728d rgb(69,114,141)
```
#3d7495
```
#3d7495 rgb(61,116,149)
```
#35769d
```
#35769d rgb(53,118,157)
```
#2d78a5
```
#2d78a5 rgb(45,120,165)
```
#257aad
```
#257aad rgb(37,122,173)
```
#1c7cb6
```
#1c7cb6 rgb(28,124,182)
```
#147ebe
```
#147ebe rgb(20,126,190)
```
#0c80c6
```
#0c80c6 rgb(12,128,198)
```
#0482ce
```
#0482ce rgb(4,130,206)
```

Tone Color Variation

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

#686868 Achromatopsia 0.005% of the population
#64696c Atypical Achromatopsia 0.001% of the population

Dichromacy

#6f7181 Protanopia 1% of men
#726f85 Deuteranopia 1% of men
#5c767e Tritanopia 0.001% of the population

Trichromacy

#65707f Protanomaly 1% of men, 0.01% of women
#676f82 Deuteranomaly 6% of men, 0.4% of women
#59737e Tritanomaly 0.01% of the population

#556e7d hex color

#556e7d Color Information

#556e7d Color Conversion

Color Schemes with #556e7d

Alternatives to #556e7d

#556e7d Preview

Shades and Tints of #556e7d

Tones of #556e7d

Color Blindness Simulator