#556676 hex color

In a RGB color space, hex #556676 is composed of 33.3% red, 40% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 28% cyan, 13.6% magenta, 0% yellow and 53.7% black. It has a hue angle of 209.1 degrees, a saturation of 16.3% and a lightness of 39.8%. #556676 color hex could be obtained by blending #aaccec 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

● #556676 color description : Mostly desaturated dark blue.

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

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

CIE-LAB	42.371, -2.403, -11.078
XYZ	11.767, 12.742, 18.978
xyY	0.271, 0.293, 12.742
CIE-LCH	42.371, 11.336, 257.763
CIE-LUV	42.371, -9.193, -14.863
Hunter-Lab	35.696, -3.625, -6.535
Binary	01010101, 01100110, 01110110

#556676
```
#556676 rgb(85,102,118)
```
#766555
```
#766555 rgb(118,101,85)
```

Complementary Color

#557676
```
#557676 rgb(85,118,118)
```
#556676
```
#556676 rgb(85,102,118)
```
#555676
```
#555676 rgb(85,86,118)
```

Analogous Color

#767655
```
#767655 rgb(118,118,85)
```
#556676
```
#556676 rgb(85,102,118)
```
#765556
```
#765556 rgb(118,85,86)
```

Split Complementary Color

#667655
```
#667655 rgb(102,118,85)
```
#556676
```
#556676 rgb(85,102,118)
```
#765566
```
#765566 rgb(118,85,102)
```

Triadic Color

#557665
```
#557665 rgb(85,118,101)
```
#556676
```
#556676 rgb(85,102,118)
```
#765566
```
#765566 rgb(118,85,102)
```
#766555
```
#766555 rgb(118,101,85)
```

Tetradic Color

#35404a
```
#35404a rgb(53,64,74)
```
#404c58
```
#404c58 rgb(64,76,88)
```
#4a5967
```
#4a5967 rgb(74,89,103)
```
#556676
```
#556676 rgb(85,102,118)
```
#607385
```
#607385 rgb(96,115,133)
```
#6a8094
```
#6a8094 rgb(106,128,148)
```
#798c9e
```
#798c9e rgb(121,140,158)
```

Monochromatic Color

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

#556e76
```
#556e76 rgb(85,110,118)
```
#556c76
```
#556c76 rgb(85,108,118)
```
#556976
```
#556976 rgb(85,105,118)
```
#556676
```
#556676 rgb(85,102,118)
```
#556376
```
#556376 rgb(85,99,118)
```
#556176
```
#556176 rgb(85,97,118)
```
#555e76
```
#555e76 rgb(85,94,118)
```

Similar Colors

Text with hexadecimal color #556676

This text has a font color of #556676.

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

#556676 background color

This paragraph has a background color of #556676.

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

#556676 border color

This element has a border color of #556676.

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

CSS codes

.text {color:#556676;}

.background {background-color:#556676;}

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

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)
```
#242b32
```
#242b32 rgb(36,43,50)
```
#2c353d
```
#2c353d rgb(44,53,61)
```
#343f48
```
#343f48 rgb(52,63,72)
```
#3c4854
```
#3c4854 rgb(60,72,84)
```
#45525f
```
#45525f rgb(69,82,95)
```
#4d5c6b
```
#4d5c6b rgb(77,92,107)
```
#556676
```
#556676 rgb(85,102,118)
```
#5d7081
```
#5d7081 rgb(93,112,129)
```
#657a8d
```
#657a8d rgb(101,122,141)
```

Shade Color Variation

#6f8497
```
#6f8497 rgb(111,132,151)
```
#7a8d9f
```
#7a8d9f rgb(122,141,159)
```
#8697a8
```
#8697a8 rgb(134,151,168)
```
#91a1b0
```
#91a1b0 rgb(145,161,176)
```
#9cabb8
```
#9cabb8 rgb(156,171,184)
```
#a8b4c0
```
#a8b4c0 rgb(168,180,192)
```
#b3bec8
```
#b3bec8 rgb(179,190,200)
```
#bfc8d1
```
#bfc8d1 rgb(191,200,209)
```
#cad2d9
```
#cad2d9 rgb(202,210,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, #656666 is the less saturated color, while #0768c4 is the most saturated one.

#656666
```
#656666 rgb(101,102,102)
```
#5d666e
```
#5d666e rgb(93,102,110)
```
#556676
```
#556676 rgb(85,102,118)
```
#4d667e
```
#4d667e rgb(77,102,126)
```
#456686
```
#456686 rgb(69,102,134)
```
#3e678d
```
#3e678d rgb(62,103,141)
```
#366795
```
#366795 rgb(54,103,149)
```
#2e679d
```
#2e679d rgb(46,103,157)
```
#2667a5
```
#2667a5 rgb(38,103,165)
```
#1e68ad
```
#1e68ad rgb(30,104,173)
```
#1768b4
```
#1768b4 rgb(23,104,180)
```
#0f68bc
```
#0f68bc rgb(15,104,188)
```
#0768c4
```
#0768c4 rgb(7,104,196)
```

Tone Color Variation

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

#636363 Achromatopsia 0.005% of the population
#606467 Atypical Achromatopsia 0.001% of the population

Dichromacy

#686b7b Protanopia 1% of men
#6c697e Deuteranopia 1% of men
#5c6f77 Tritanopia 0.001% of the population

Trichromacy

#616979 Protanomaly 1% of men, 0.01% of women
#63687b Deuteranomaly 6% of men, 0.4% of women
#596b76 Tritanomaly 0.01% of the population

#556676 hex color

#556676 Color Information

#556676 Color Conversion

Color Schemes with #556676

Alternatives to #556676

#556676 Preview

Shades and Tints of #556676

Tones of #556676

Color Blindness Simulator