#55686c hex color

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

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

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

The hexadecimal color #55686c has RGB values of R:85, G:104, B:108 and CMYK values of C:0.21, M:0.04, Y:0, K:0.58. Its decimal value is 5597292.

Hex triplet	55686c	`#55686c`
RGB Decimal	85, 104, 108	`rgb(85,104,108)`
RGB Percent	33.3, 40.8, 42.4	`rgb(33.3%,40.8%,42.4%)`
CMYK	21, 4, 0, 58
HSL	190.4°, 11.9, 37.8	`hsl(190.4,11.9%,37.8%)`
HSV (or HSB)	190.4°, 21.3, 42.4
Web Safe	666666	`#666666`

CIE-LAB	42.634, -6.132, -4.619
XYZ	11.403, 12.914, 16.078
xyY	0.282, 0.32, 12.914
CIE-LCH	42.634, 7.677, 216.992
CIE-LUV	42.634, -9.871, -5.306
Hunter-Lab	35.937, -6.25, -1.372
Binary	01010101, 01101000, 01101100

#55686c
```
#55686c rgb(85,104,108)
```
#6c5955
```
#6c5955 rgb(108,89,85)
```

Complementary Color

#556c65
```
#556c65 rgb(85,108,101)
```
#55686c
```
#55686c rgb(85,104,108)
```
#555d6c
```
#555d6c rgb(85,93,108)
```

Analogous Color

#6c6555
```
#6c6555 rgb(108,101,85)
```
#55686c
```
#55686c rgb(85,104,108)
```
#6c555d
```
#6c555d rgb(108,85,93)
```

Split Complementary Color

#686c55
```
#686c55 rgb(104,108,85)
```
#55686c
```
#55686c rgb(85,104,108)
```
#6c5568
```
#6c5568 rgb(108,85,104)
```

Triadic Color

#556c59
```
#556c59 rgb(85,108,89)
```
#55686c
```
#55686c rgb(85,104,108)
```
#6c5568
```
#6c5568 rgb(108,85,104)
```
#6c5955
```
#6c5955 rgb(108,89,85)
```

Tetradic Color

#333f41
```
#333f41 rgb(51,63,65)
```
#3f4d4f
```
#3f4d4f rgb(63,77,79)
```
#4a5a5e
```
#4a5a5e rgb(74,90,94)
```
#55686c
```
#55686c rgb(85,104,108)
```
#60767a
```
#60767a rgb(96,118,122)
```
#6b8389
```
#6b8389 rgb(107,131,137)
```
#789095
```
#789095 rgb(120,144,149)
```

Monochromatic Color

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

#556c6a
```
#556c6a rgb(85,108,106)
```
#556c6c
```
#556c6c rgb(85,108,108)
```
#556a6c
```
#556a6c rgb(85,106,108)
```
#55686c
```
#55686c rgb(85,104,108)
```
#55666c
```
#55666c rgb(85,102,108)
```
#55646c
```
#55646c rgb(85,100,108)
```
#55626c
```
#55626c rgb(85,98,108)
```

Similar Colors

Text with hexadecimal color #55686c

This text has a font color of #55686c.

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

#55686c background color

This paragraph has a background color of #55686c.

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

#55686c border color

This element has a border color of #55686c.

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

CSS codes

.text {color:#55686c;}

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

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

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)
```
#21292a
```
#21292a rgb(33,41,42)
```
#2a3335
```
#2a3335 rgb(42,51,53)
```
#323e40
```
#323e40 rgb(50,62,64)
```
#3b484b
```
#3b484b rgb(59,72,75)
```
#445356
```
#445356 rgb(68,83,86)
```
#4c5d61
```
#4c5d61 rgb(76,93,97)
```
#55686c
```
#55686c rgb(85,104,108)
```
#5e7377
```
#5e7377 rgb(94,115,119)
```
#667d82
```
#667d82 rgb(102,125,130)
```
#6f888d
```
#6f888d rgb(111,136,141)
```

Shade Color Variation

#7a9196
```
#7a9196 rgb(122,145,150)
```
#849a9f
```
#849a9f rgb(132,154,159)
```
#8fa3a7
```
#8fa3a7 rgb(143,163,167)
```
#9aacb0
```
#9aacb0 rgb(154,172,176)
```
#a5b5b8
```
#a5b5b8 rgb(165,181,184)
```
#b0bec1
```
#b0bec1 rgb(176,190,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)
```
#f2f5f5
```
#f2f5f5 rgb(242,245,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 #039dbe is the most saturated one.

#5c6365
```
#5c6365 rgb(92,99,101)
```
#55686c
```
#55686c rgb(85,104,108)
```
#4e6d73
```
#4e6d73 rgb(78,109,115)
```
#46727b
```
#46727b rgb(70,114,123)
```
#3f7782
```
#3f7782 rgb(63,119,130)
```
#377b8a
```
#377b8a rgb(55,123,138)
```
#308091
```
#308091 rgb(48,128,145)
```
#288599
```
#288599 rgb(40,133,153)
```
#218aa0
```
#218aa0 rgb(33,138,160)
```
#1a8fa7
```
#1a8fa7 rgb(26,143,167)
```
#1294af
```
#1294af rgb(18,148,175)
```
#0b98b6
```
#0b98b6 rgb(11,152,182)
```
#039dbe
```
#039dbe rgb(3,157,190)
```

Tone Color Variation

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

Dichromacy

#6d6c71 Protanopia 1% of men
#726975 Deuteranopia 1% of men
#5e6f77 Tritanopia 0.001% of the population

Trichromacy

#646a6f Protanomaly 1% of men, 0.01% of women
#676972 Deuteranomaly 6% of men, 0.4% of women
#5b6c73 Tritanomaly 0.01% of the population

#55686c hex color

#55686c Color Information

#55686c Color Conversion

Color Schemes with #55686c

Alternatives to #55686c

#55686c Preview

Shades and Tints of #55686c

Tones of #55686c

Color Blindness Simulator