#556377 hex color

In a RGB color space, hex #556377 is composed of 33.3% red, 38.8% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 28.6% cyan, 16.8% magenta, 0% yellow and 53.3% black. It has a hue angle of 215.3 degrees, a saturation of 16.7% and a lightness of 40%. #556377 color hex could be obtained by blending #aac6ee with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 33
- G 39
- B 47
RGB color chart
- C 29
- M 17
- Y 0
- K 53
CMYK color chart

● #556377 color description : Mostly desaturated dark blue.

The hexadecimal color #556377 has RGB values of R:85, G:99, B:119 and CMYK values of C:0.29, M:0.17, Y:0, K:0.53. Its decimal value is 5596023.

Hex triplet	556377	`#556377`
RGB Decimal	85, 99, 119	`rgb(85,99,119)`
RGB Percent	33.3, 38.8, 46.7	`rgb(33.3%,38.8%,46.7%)`
CMYK	29, 17, 0, 53
HSL	215.3°, 16.7, 40	`hsl(215.3,16.7%,40%)`
HSV (or HSB)	215.3°, 28.6, 46.7
Web Safe	666666	`#666666`

CIE-LAB	41.511, -0.327, -12.988
XYZ	11.537, 12.187, 19.196
xyY	0.269, 0.284, 12.187
CIE-LCH	41.511, 12.992, 268.558
CIE-LUV	41.511, -7.908, -17.792
Hunter-Lab	34.909, -2.099, -8.166
Binary	01010101, 01100011, 01110111

#556377
```
#556377 rgb(85,99,119)
```
#776955
```
#776955 rgb(119,105,85)
```

Complementary Color

#557477
```
#557477 rgb(85,116,119)
```
#556377
```
#556377 rgb(85,99,119)
```
#585577
```
#585577 rgb(88,85,119)
```

Analogous Color

#747755
```
#747755 rgb(116,119,85)
```
#556377
```
#556377 rgb(85,99,119)
```
#775855
```
#775855 rgb(119,88,85)
```

Split Complementary Color

#637755
```
#637755 rgb(99,119,85)
```
#556377
```
#556377 rgb(85,99,119)
```
#775563
```
#775563 rgb(119,85,99)
```

Triadic Color

#557769
```
#557769 rgb(85,119,105)
```
#556377
```
#556377 rgb(85,99,119)
```
#775563
```
#775563 rgb(119,85,99)
```
#776955
```
#776955 rgb(119,105,85)
```

Tetradic Color

#353e4a
```
#353e4a rgb(53,62,74)
```
#404a59
```
#404a59 rgb(64,74,89)
```
#4a5768
```
#4a5768 rgb(74,87,104)
```
#556377
```
#556377 rgb(85,99,119)
```
#606f86
```
#606f86 rgb(96,111,134)
```
#6a7c95
```
#6a7c95 rgb(106,124,149)
```
#79899f
```
#79899f rgb(121,137,159)
```

Monochromatic Color

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

#556c77
```
#556c77 rgb(85,108,119)
```
#556977
```
#556977 rgb(85,105,119)
```
#556677
```
#556677 rgb(85,102,119)
```
#556377
```
#556377 rgb(85,99,119)
```
#556077
```
#556077 rgb(85,96,119)
```
#555d77
```
#555d77 rgb(85,93,119)
```
#555b77
```
#555b77 rgb(85,91,119)
```

Similar Colors

Text with hexadecimal color #556377

This text has a font color of #556377.

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

#556377 background color

This paragraph has a background color of #556377.

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

#556377 border color

This element has a border color of #556377.

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

CSS codes

.text {color:#556377;}

.background {background-color:#556377;}

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

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

#030405
```
#030405 rgb(3,4,5)
```
#0b0d10
```
#0b0d10 rgb(11,13,16)
```
#14171b
```
#14171b rgb(20,23,27)
```
#1c2027
```
#1c2027 rgb(28,32,39)
```
#242a32
```
#242a32 rgb(36,42,50)
```
#2c333e
```
#2c333e rgb(44,51,62)
```
#343d49
```
#343d49 rgb(52,61,73)
```
#3c4655
```
#3c4655 rgb(60,70,85)
```
#455060
```
#455060 rgb(69,80,96)
```
#4d596c
```
#4d596c rgb(77,89,108)
```
#556377
```
#556377 rgb(85,99,119)
```
#5d6d82
```
#5d6d82 rgb(93,109,130)
```
#65768e
```
#65768e rgb(101,118,142)
```

Shade Color Variation

#6f8098
```
#6f8098 rgb(111,128,152)
```
#7a8aa0
```
#7a8aa0 rgb(122,138,160)
```
#8694a8
```
#8694a8 rgb(134,148,168)
```
#919eb1
```
#919eb1 rgb(145,158,177)
```
#9da8b9
```
#9da8b9 rgb(157,168,185)
```
#a8b2c1
```
#a8b2c1 rgb(168,178,193)
```
#b3bcc9
```
#b3bcc9 rgb(179,188,201)
```
#bfc6d1
```
#bfc6d1 rgb(191,198,209)
```
#cad1d9
```
#cad1d9 rgb(202,209,217)
```
#d6dbe2
```
#d6dbe2 rgb(214,219,226)
```
#e1e5ea
```
#e1e5ea rgb(225,229,234)
```
#edeff2
```
#edeff2 rgb(237,239,242)
```
#f8f9fa
```
#f8f9fa rgb(248,249,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #656667 is the less saturated color, while #0755c5 is the most saturated one.

#656667
```
#656667 rgb(101,102,103)
```
#5d646f
```
#5d646f rgb(93,100,111)
```
#556377
```
#556377 rgb(85,99,119)
```
#4d627f
```
#4d627f rgb(77,98,127)
```
#456087
```
#456087 rgb(69,96,135)
```
#3d5f8f
```
#3d5f8f rgb(61,95,143)
```
#365d96
```
#365d96 rgb(54,93,150)
```
#2e5c9e
```
#2e5c9e rgb(46,92,158)
```
#265ba6
```
#265ba6 rgb(38,91,166)
```
#1e59ae
```
#1e59ae rgb(30,89,174)
```
#1658b6
```
#1658b6 rgb(22,88,182)
```
#0e57be
```
#0e57be rgb(14,87,190)
```
#0755c5
```
#0755c5 rgb(7,85,197)
```

Tone Color Variation

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

#616161 Achromatopsia 0.005% of the population
#5f6165 Atypical Achromatopsia 0.001% of the population

Dichromacy

#65697c Protanopia 1% of men
#68687f Deuteranopia 1% of men
#5b6c74 Tritanopia 0.001% of the population

Trichromacy

#5f667a Protanomaly 1% of men, 0.01% of women
#61667c Deuteranomaly 6% of men, 0.4% of women
#596975 Tritanomaly 0.01% of the population

#556377 hex color

#556377 Color Information

#556377 Color Conversion

Color Schemes with #556377

Alternatives to #556377

#556377 Preview

Shades and Tints of #556377

Tones of #556377

Color Blindness Simulator