#55676c hex color

In a RGB color space, hex #55676c is composed of 33.3% red, 40.4% green and 42.4% blue. Whereas in a CMYK color space, it is composed of 21.3% cyan, 4.6% magenta, 0% yellow and 57.6% black. It has a hue angle of 193 degrees, a saturation of 11.9% and a lightness of 37.8%. #55676c color hex could be obtained by blending #aaced8 with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 33
- G 40
- B 42
RGB color chart
- C 21
- M 5
- Y 0
- K 58
CMYK color chart

● #55676c color description : Very dark grayish cyan.

The hexadecimal color #55676c has RGB values of R:85, G:103, B:108 and CMYK values of C:0.21, M:0.05, Y:0, K:0.58. Its decimal value is 5597036.

Hex triplet	55676c	`#55676c`
RGB Decimal	85, 103, 108	`rgb(85,103,108)`
RGB Percent	33.3, 40.4, 42.4	`rgb(33.3%,40.4%,42.4%)`
CMYK	21, 5, 0, 58
HSL	193°, 11.9, 37.8	`hsl(193,11.9%,37.8%)`
HSV (or HSB)	193°, 21.3, 42.4
Web Safe	666666	`#666666`

CIE-LAB	42.329, -5.543, -5.071
XYZ	11.303, 12.714, 16.045
xyY	0.282, 0.317, 12.714
CIE-LCH	42.329, 7.513, 222.454
CIE-LUV	42.329, -9.413, -5.999
Hunter-Lab	35.657, -5.818, -1.72
Binary	01010101, 01100111, 01101100

#55676c
```
#55676c rgb(85,103,108)
```
#6c5a55
```
#6c5a55 rgb(108,90,85)
```

Complementary Color

#556c66
```
#556c66 rgb(85,108,102)
```
#55676c
```
#55676c rgb(85,103,108)
```
#555c6c
```
#555c6c rgb(85,92,108)
```

Analogous Color

#6c6655
```
#6c6655 rgb(108,102,85)
```
#55676c
```
#55676c rgb(85,103,108)
```
#6c555c
```
#6c555c rgb(108,85,92)
```

Split Complementary Color

#676c55
```
#676c55 rgb(103,108,85)
```
#55676c
```
#55676c rgb(85,103,108)
```
#6c5567
```
#6c5567 rgb(108,85,103)
```

Triadic Color

#556c5a
```
#556c5a rgb(85,108,90)
```
#55676c
```
#55676c rgb(85,103,108)
```
#6c5567
```
#6c5567 rgb(108,85,103)
```
#6c5a55
```
#6c5a55 rgb(108,90,85)
```

Tetradic Color

#333e41
```
#333e41 rgb(51,62,65)
```
#3f4c4f
```
#3f4c4f rgb(63,76,79)
```
#4a595e
```
#4a595e rgb(74,89,94)
```
#55676c
```
#55676c rgb(85,103,108)
```
#60757a
```
#60757a rgb(96,117,122)
```
#6b8289
```
#6b8289 rgb(107,130,137)
```
#788f95
```
#788f95 rgb(120,143,149)
```

Monochromatic Color

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

#556c6b
```
#556c6b rgb(85,108,107)
```
#556b6c
```
#556b6c rgb(85,107,108)
```
#55696c
```
#55696c rgb(85,105,108)
```
#55676c
```
#55676c rgb(85,103,108)
```
#55656c
```
#55656c rgb(85,101,108)
```
#55636c
```
#55636c rgb(85,99,108)
```
#55616c
```
#55616c rgb(85,97,108)
```

Similar Colors

Text with hexadecimal color #55676c

This text has a font color of #55676c.

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

#55676c background color

This paragraph has a background color of #55676c.

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

#55676c border color

This element has a border color of #55676c.

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

CSS codes

.text {color:#55676c;}

.background {background-color:#55676c;}

.border {border:1px solid #55676c;}

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

#070909
```
#070909 rgb(7,9,9)
```
#101314
```
#101314 rgb(16,19,20)
```
#191e1f
```
#191e1f rgb(25,30,31)
```
#21282a
```
#21282a rgb(33,40,42)
```
#2a3335
```
#2a3335 rgb(42,51,53)
```
#323d40
```
#323d40 rgb(50,61,64)
```
#3b484b
```
#3b484b rgb(59,72,75)
```
#445256
```
#445256 rgb(68,82,86)
```
#4c5d61
```
#4c5d61 rgb(76,93,97)
```
#55676c
```
#55676c rgb(85,103,108)
```
#5e7177
```
#5e7177 rgb(94,113,119)
```
#667c82
```
#667c82 rgb(102,124,130)
```
#6f868d
```
#6f868d rgb(111,134,141)
```

Shade Color Variation

#7a9096
```
#7a9096 rgb(122,144,150)
```
#84999f
```
#84999f rgb(132,153,159)
```
#8fa2a7
```
#8fa2a7 rgb(143,162,167)
```
#9aabb0
```
#9aabb0 rgb(154,171,176)
```
#a5b4b8
```
#a5b4b8 rgb(165,180,184)
```
#b0bdc1
```
#b0bdc1 rgb(176,189,193)
```
#bbc7ca
```
#bbc7ca rgb(187,199,202)
```
#c6d0d2
```
#c6d0d2 rgb(198,208,210)
```
#d1d9db
```
#d1d9db rgb(209,217,219)
```
#dce2e4
```
#dce2e4 rgb(220,226,228)
```
#e7ebec
```
#e7ebec rgb(231,235,236)
```
#f2f4f5
```
#f2f4f5 rgb(242,244,245)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

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

#5c6365
```
#5c6365 rgb(92,99,101)
```
#55676c
```
#55676c rgb(85,103,108)
```
#4e6b73
```
#4e6b73 rgb(78,107,115)
```
#466f7b
```
#466f7b rgb(70,111,123)
```
#3f7482
```
#3f7482 rgb(63,116,130)
```
#37788a
```
#37788a rgb(55,120,138)
```
#307c91
```
#307c91 rgb(48,124,145)
```
#288099
```
#288099 rgb(40,128,153)
```
#2184a0
```
#2184a0 rgb(33,132,160)
```
#1a89a7
```
#1a89a7 rgb(26,137,167)
```
#128daf
```
#128daf rgb(18,141,175)
```
#0b91b6
```
#0b91b6 rgb(11,145,182)
```
#0395be
```
#0395be rgb(3,149,190)
```

Tone Color Variation

Below, you can see how #55676c 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
#5f6364 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6c6b71 Protanopia 1% of men
#716975 Deuteranopia 1% of men
#5e6e76 Tritanopia 0.001% of the population

Trichromacy

#63696f Protanomaly 1% of men, 0.01% of women
#676872 Deuteranomaly 6% of men, 0.4% of women
#5b6b72 Tritanomaly 0.01% of the population

#55676c hex color

#55676c Color Information

#55676c Color Conversion

Color Schemes with #55676c

Alternatives to #55676c

#55676c Preview

Shades and Tints of #55676c

Tones of #55676c

Color Blindness Simulator