#556576 hex color

In a RGB color space, hex #556576 is composed of 33.3% red, 39.6% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 28% cyan, 14.4% magenta, 0% yellow and 53.7% black. It has a hue angle of 210.9 degrees, a saturation of 16.3% and a lightness of 39.8%. #556576 color hex could be obtained by blending #aacaec with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 33
- G 40
- B 46
RGB color chart
- C 28
- M 14
- Y 0
- K 54
CMYK color chart

● #556576 color description : Mostly desaturated dark blue.

The hexadecimal color #556576 has RGB values of R:85, G:101, B:118 and CMYK values of C:0.28, M:0.14, Y:0, K:0.54. Its decimal value is 5596534.

Hex triplet	556576	`#556576`
RGB Decimal	85, 101, 118	`rgb(85,101,118)`
RGB Percent	33.3, 39.6, 46.3	`rgb(33.3%,39.6%,46.3%)`
CMYK	28, 14, 0, 54
HSL	210.9°, 16.3, 39.8	`hsl(210.9,16.3%,39.8%)`
HSV (or HSB)	210.9°, 28, 46.3
Web Safe	666666	`#666666`

CIE-LAB	42.072, -1.802, -11.531
XYZ	11.669, 12.546, 18.945
xyY	0.27, 0.291, 12.546
CIE-LCH	42.072, 11.671, 261.12
CIE-LUV	42.072, -8.754, -15.564
Hunter-Lab	35.421, -3.18, -6.918
Binary	01010101, 01100101, 01110110

#556576
```
#556576 rgb(85,101,118)
```
#766655
```
#766655 rgb(118,102,85)
```

Complementary Color

#557676
```
#557676 rgb(85,118,118)
```
#556576
```
#556576 rgb(85,101,118)
```
#565576
```
#565576 rgb(86,85,118)
```

Analogous Color

#767655
```
#767655 rgb(118,118,85)
```
#556576
```
#556576 rgb(85,101,118)
```
#765655
```
#765655 rgb(118,86,85)
```

Split Complementary Color

#657655
```
#657655 rgb(101,118,85)
```
#556576
```
#556576 rgb(85,101,118)
```
#765565
```
#765565 rgb(118,85,101)
```

Triadic Color

#557666
```
#557666 rgb(85,118,102)
```
#556576
```
#556576 rgb(85,101,118)
```
#765565
```
#765565 rgb(118,85,101)
```
#766655
```
#766655 rgb(118,102,85)
```

Tetradic Color

#353f4a
```
#353f4a rgb(53,63,74)
```
#404c58
```
#404c58 rgb(64,76,88)
```
#4a5867
```
#4a5867 rgb(74,88,103)
```
#556576
```
#556576 rgb(85,101,118)
```
#607285
```
#607285 rgb(96,114,133)
```
#6a7e94
```
#6a7e94 rgb(106,126,148)
```
#798b9e
```
#798b9e rgb(121,139,158)
```

Monochromatic Color

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

#556d76
```
#556d76 rgb(85,109,118)
```
#556b76
```
#556b76 rgb(85,107,118)
```
#556876
```
#556876 rgb(85,104,118)
```
#556576
```
#556576 rgb(85,101,118)
```
#556276
```
#556276 rgb(85,98,118)
```
#556076
```
#556076 rgb(85,96,118)
```
#555d76
```
#555d76 rgb(85,93,118)
```

Similar Colors

Text with hexadecimal color #556576

This text has a font color of #556576.

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

#556576 background color

This paragraph has a background color of #556576.

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

#556576 border color

This element has a border color of #556576.

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

CSS codes

.text {color:#556576;}

.background {background-color:#556576;}

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

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

#030304
```
#030304 rgb(3,3,4)
```
#0b0d0f
```
#0b0d0f rgb(11,13,15)
```
#13171b
```
#13171b rgb(19,23,27)
```
#1c2126
```
#1c2126 rgb(28,33,38)
```
#242a32
```
#242a32 rgb(36,42,50)
```
#2c343d
```
#2c343d rgb(44,52,61)
```
#343e48
```
#343e48 rgb(52,62,72)
```
#3c4854
```
#3c4854 rgb(60,72,84)
```
#45515f
```
#45515f rgb(69,81,95)
```
#4d5b6b
```
#4d5b6b rgb(77,91,107)
```
#556576
```
#556576 rgb(85,101,118)
```
#5d6f81
```
#5d6f81 rgb(93,111,129)
```
#65798d
```
#65798d rgb(101,121,141)
```

Shade Color Variation

#6f8297
```
#6f8297 rgb(111,130,151)
```
#7a8c9f
```
#7a8c9f rgb(122,140,159)
```
#8696a8
```
#8696a8 rgb(134,150,168)
```
#91a0b0
```
#91a0b0 rgb(145,160,176)
```
#9caab8
```
#9caab8 rgb(156,170,184)
```
#a8b4c0
```
#a8b4c0 rgb(168,180,192)
```
#b3bdc8
```
#b3bdc8 rgb(179,189,200)
```
#bfc7d1
```
#bfc7d1 rgb(191,199,209)
```
#cad1d9
```
#cad1d9 rgb(202,209,217)
```
#d5dbe1
```
#d5dbe1 rgb(213,219,225)
```
#e1e5e9
```
#e1e5e9 rgb(225,229,233)
```
#eceff1
```
#eceff1 rgb(236,239,241)
```
#f8f9fa
```
#f8f9fa rgb(248,249,250)
```

Tint Color Variation

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

#656566
```
#656566 rgb(101,101,102)
```
#5d656e
```
#5d656e rgb(93,101,110)
```
#556576
```
#556576 rgb(85,101,118)
```
#4d657e
```
#4d657e rgb(77,101,126)
```
#456586
```
#456586 rgb(69,101,134)
```
#3e648d
```
#3e648d rgb(62,100,141)
```
#366495
```
#366495 rgb(54,100,149)
```
#2e649d
```
#2e649d rgb(46,100,157)
```
#2664a5
```
#2664a5 rgb(38,100,165)
```
#1e63ad
```
#1e63ad rgb(30,99,173)
```
#1763b4
```
#1763b4 rgb(23,99,180)
```
#0f63bc
```
#0f63bc rgb(15,99,188)
```
#0763c4
```
#0763c4 rgb(7,99,196)
```

Tone Color Variation

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

#626262 Achromatopsia 0.005% of the population
#5f6366 Atypical Achromatopsia 0.001% of the population

Dichromacy

#676a7b Protanopia 1% of men
#6b697e Deuteranopia 1% of men
#5c6e76 Tritanopia 0.001% of the population

Trichromacy

#616879 Protanomaly 1% of men, 0.01% of women
#63677b Deuteranomaly 6% of men, 0.4% of women
#596a76 Tritanomaly 0.01% of the population

#556576 hex color

#556576 Color Information

#556576 Color Conversion

Color Schemes with #556576

Alternatives to #556576

#556576 Preview

Shades and Tints of #556576

Tones of #556576

Color Blindness Simulator