#556367 hex color

In a RGB color space, hex #556367 is composed of 33.3% red, 38.8% green and 40.4% blue. Whereas in a CMYK color space, it is composed of 17.5% cyan, 3.9% magenta, 0% yellow and 59.6% black. It has a hue angle of 193.3 degrees, a saturation of 9.6% and a lightness of 36.9%. #556367 color hex could be obtained by blending #aac6ce with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 33
- G 39
- B 40
RGB color chart
- C 17
- M 4
- Y 0
- K 60
CMYK color chart

● #556367 color description : Very dark grayish cyan.

The hexadecimal color #556367 has RGB values of R:85, G:99, B:103 and CMYK values of C:0.17, M:0.04, Y:0, K:0.6. Its decimal value is 5596007.

Hex triplet	556367	`#556367`
RGB Decimal	85, 99, 103	`rgb(85,99,103)`
RGB Percent	33.3, 38.8, 40.4	`rgb(33.3%,38.8%,40.4%)`
CMYK	17, 4, 0, 60
HSL	193.3°, 9.6, 36.9	`hsl(193.3,9.6%,36.9%)`
HSV (or HSB)	193.3°, 17.5, 40.4
Web Safe	666666	`#666666`

CIE-LAB	40.951, -4.385, -4.068
XYZ	10.656, 11.834, 14.554
xyY	0.288, 0.319, 11.834
CIE-LCH	40.951, 5.982, 222.851
CIE-LUV	40.951, -7.444, -4.747
Hunter-Lab	34.401, -4.91, -1.004
Binary	01010101, 01100011, 01100111

#556367
```
#556367 rgb(85,99,103)
```
#675955
```
#675955 rgb(103,89,85)
```

Complementary Color

#556762
```
#556762 rgb(85,103,98)
```
#556367
```
#556367 rgb(85,99,103)
```
#555a67
```
#555a67 rgb(85,90,103)
```

Analogous Color

#676255
```
#676255 rgb(103,98,85)
```
#556367
```
#556367 rgb(85,99,103)
```
#67555a
```
#67555a rgb(103,85,90)
```

Split Complementary Color

#636755
```
#636755 rgb(99,103,85)
```
#556367
```
#556367 rgb(85,99,103)
```
#675563
```
#675563 rgb(103,85,99)
```

Triadic Color

#556759
```
#556759 rgb(85,103,89)
```
#556367
```
#556367 rgb(85,99,103)
```
#675563
```
#675563 rgb(103,85,99)
```
#675955
```
#675955 rgb(103,89,85)
```

Tetradic Color

#323b3d
```
#323b3d rgb(50,59,61)
```
#3e484b
```
#3e484b rgb(62,72,75)
```
#495659
```
#495659 rgb(73,86,89)
```
#556367
```
#556367 rgb(85,99,103)
```
#617075
```
#617075 rgb(97,112,117)
```
#6c7e83
```
#6c7e83 rgb(108,126,131)
```
#788b90
```
#788b90 rgb(120,139,144)
```

Monochromatic Color

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

#556767
```
#556767 rgb(85,103,103)
```
#556667
```
#556667 rgb(85,102,103)
```
#556567
```
#556567 rgb(85,101,103)
```
#556367
```
#556367 rgb(85,99,103)
```
#556267
```
#556267 rgb(85,98,103)
```
#556067
```
#556067 rgb(85,96,103)
```
#555f67
```
#555f67 rgb(85,95,103)
```

Similar Colors

Text with hexadecimal color #556367

This text has a font color of #556367.

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

#556367 background color

This paragraph has a background color of #556367.

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

#556367 border color

This element has a border color of #556367.

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

CSS codes

.text {color:#556367;}

.background {background-color:#556367;}

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

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

#050606
```
#050606 rgb(5,6,6)
```
#0e1011
```
#0e1011 rgb(14,16,17)
```
#171b1c
```
#171b1c rgb(23,27,28)
```
#202527
```
#202527 rgb(32,37,39)
```
#292f31
```
#292f31 rgb(41,47,49)
```
#323a3c
```
#323a3c rgb(50,58,60)
```
#3a4447
```
#3a4447 rgb(58,68,71)
```
#434e52
```
#434e52 rgb(67,78,82)
```
#4c595c
```
#4c595c rgb(76,89,92)
```
#556367
```
#556367 rgb(85,99,103)
```
#5e6d72
```
#5e6d72 rgb(94,109,114)
```
#67787c
```
#67787c rgb(103,120,124)
```
#708287
```
#708287 rgb(112,130,135)
```

Shade Color Variation

#7a8c91
```
#7a8c91 rgb(122,140,145)
```
#84959a
```
#84959a rgb(132,149,154)
```
#8f9ea3
```
#8f9ea3 rgb(143,158,163)
```
#9aa8ab
```
#9aa8ab rgb(154,168,171)
```
#a5b1b4
```
#a5b1b4 rgb(165,177,180)
```
#afbabd
```
#afbabd rgb(175,186,189)
```
#bac3c6
```
#bac3c6 rgb(186,195,198)
```
#c5cdcf
```
#c5cdcf rgb(197,205,207)
```
#d0d6d8
```
#d0d6d8 rgb(208,214,216)
```
#dadfe1
```
#dadfe1 rgb(218,223,225)
```
#e5e9ea
```
#e5e9ea rgb(229,233,234)
```
#f0f2f2
```
#f0f2f2 rgb(240,242,242)
```
#fbfbfb
```
#fbfbfb rgb(251,251,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5c5f60 is the less saturated color, while #058fb7 is the most saturated one.

#5c5f60
```
#5c5f60 rgb(92,95,96)
```
#556367
```
#556367 rgb(85,99,103)
```
#4e676e
```
#4e676e rgb(78,103,110)
```
#476b75
```
#476b75 rgb(71,107,117)
```
#3f6f7d
```
#3f6f7d rgb(63,111,125)
```
#387384
```
#387384 rgb(56,115,132)
```
#31778b
```
#31778b rgb(49,119,139)
```
#2a7b92
```
#2a7b92 rgb(42,123,146)
```
#227f9a
```
#227f9a rgb(34,127,154)
```
#1b83a1
```
#1b83a1 rgb(27,131,161)
```
#1487a8
```
#1487a8 rgb(20,135,168)
```
#0d8baf
```
#0d8baf rgb(13,139,175)
```
#058fb7
```
#058fb7 rgb(5,143,183)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#5d6061 Atypical Achromatopsia 0.001% of the population

Dichromacy

#69686d Protanopia 1% of men
#6e6670 Deuteranopia 1% of men
#5e6a72 Tritanopia 0.001% of the population

Trichromacy

#61666b Protanomaly 1% of men, 0.01% of women
#65646d Deuteranomaly 6% of men, 0.4% of women
#5b676e Tritanomaly 0.01% of the population

#556367 hex color

#556367 Color Information

#556367 Color Conversion

Color Schemes with #556367

Alternatives to #556367

#556367 Preview

Shades and Tints of #556367

Tones of #556367

Color Blindness Simulator