#55686a hex color

In a RGB color space, hex #55686a is composed of 33.3% red, 40.8% green and 41.6% blue. Whereas in a CMYK color space, it is composed of 19.8% cyan, 1.9% magenta, 0% yellow and 58.4% black. It has a hue angle of 185.7 degrees, a saturation of 11% and a lightness of 37.5%. #55686a color hex could be obtained by blending #aad0d4 with #000000. Closest websafe color is: #666666.

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

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

The hexadecimal color #55686a has RGB values of R:85, G:104, B:106 and CMYK values of C:0.2, M:0.02, Y:0, K:0.58. Its decimal value is 5597290.

Hex triplet	55686a	`#55686a`
RGB Decimal	85, 104, 106	`rgb(85,104,106)`
RGB Percent	33.3, 40.8, 41.6	`rgb(33.3%,40.8%,41.6%)`
CMYK	20, 2, 0, 58
HSL	185.7°, 11, 37.5	`hsl(185.7,11%,37.5%)`
HSV (or HSB)	185.7°, 19.8, 41.6
Web Safe	666666	`#666666`

CIE-LAB	42.57, -6.618, -3.5
XYZ	11.298, 12.872, 15.524
xyY	0.285, 0.324, 12.872
CIE-LCH	42.57, 7.486, 207.875
CIE-LUV	42.57, -9.832, -3.706
Hunter-Lab	35.878, -6.579, -0.54
Binary	01010101, 01101000, 01101010

#55686a
```
#55686a rgb(85,104,106)
```
#6a5755
```
#6a5755 rgb(106,87,85)
```

Complementary Color

#556a62
```
#556a62 rgb(85,106,98)
```
#55686a
```
#55686a rgb(85,104,106)
```
#555e6a
```
#555e6a rgb(85,94,106)
```

Analogous Color

#6a6255
```
#6a6255 rgb(106,98,85)
```
#55686a
```
#55686a rgb(85,104,106)
```
#6a555e
```
#6a555e rgb(106,85,94)
```

Split Complementary Color

#686a55
```
#686a55 rgb(104,106,85)
```
#55686a
```
#55686a rgb(85,104,106)
```
#6a5568
```
#6a5568 rgb(106,85,104)
```

Triadic Color

#556a57
```
#556a57 rgb(85,106,87)
```
#55686a
```
#55686a rgb(85,104,106)
```
#6a5568
```
#6a5568 rgb(106,85,104)
```
#6a5755
```
#6a5755 rgb(106,87,85)
```

Tetradic Color

#333e40
```
#333e40 rgb(51,62,64)
```
#3e4c4e
```
#3e4c4e rgb(62,76,78)
```
#4a5a5c
```
#4a5a5c rgb(74,90,92)
```
#55686a
```
#55686a rgb(85,104,106)
```
#607678
```
#607678 rgb(96,118,120)
```
#6c8486
```
#6c8486 rgb(108,132,134)
```
#789193
```
#789193 rgb(120,145,147)
```

Monochromatic Color

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

#556a67
```
#556a67 rgb(85,106,103)
```
#556a69
```
#556a69 rgb(85,106,105)
```
#556a6a
```
#556a6a rgb(85,106,106)
```
#55686a
```
#55686a rgb(85,104,106)
```
#55666a
```
#55666a rgb(85,102,106)
```
#55656a
```
#55656a rgb(85,101,106)
```
#55636a
```
#55636a rgb(85,99,106)
```

Similar Colors

Text with hexadecimal color #55686a

This text has a font color of #55686a.

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

#55686a background color

This paragraph has a background color of #55686a.

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

#55686a border color

This element has a border color of #55686a.

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

CSS codes

.text {color:#55686a;}

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

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

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

#060808
```
#060808 rgb(6,8,8)
```
#0f1313
```
#0f1313 rgb(15,19,19)
```
#181d1e
```
#181d1e rgb(24,29,30)
```
#212829
```
#212829 rgb(33,40,41)
```
#293334
```
#293334 rgb(41,51,52)
```
#323d3e
```
#323d3e rgb(50,61,62)
```
#3b4849
```
#3b4849 rgb(59,72,73)
```
#445354
```
#445354 rgb(68,83,84)
```
#4c5d5f
```
#4c5d5f rgb(76,93,95)
```
#55686a
```
#55686a rgb(85,104,106)
```
#5e7375
```
#5e7375 rgb(94,115,117)
```
#667d80
```
#667d80 rgb(102,125,128)
```
#6f888b
```
#6f888b rgb(111,136,139)
```

Shade Color Variation

#7a9194
```
#7a9194 rgb(122,145,148)
```
#849a9d
```
#849a9d rgb(132,154,157)
```
#8fa3a5
```
#8fa3a5 rgb(143,163,165)
```
#9aacae
```
#9aacae rgb(154,172,174)
```
#a5b5b7
```
#a5b5b7 rgb(165,181,183)
```
#b0bec0
```
#b0bec0 rgb(176,190,192)
```
#bbc7c8
```
#bbc7c8 rgb(187,199,200)
```
#c6d0d1
```
#c6d0d1 rgb(198,208,209)
```
#d1d9da
```
#d1d9da rgb(209,217,218)
```
#dbe2e3
```
#dbe2e3 rgb(219,226,227)
```
#e6ebeb
```
#e6ebeb rgb(230,235,235)
```
#f1f4f4
```
#f1f4f4 rgb(241,244,244)
```
#fcfdfd
```
#fcfdfd rgb(252,253,253)
```

Tint Color Variation

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

#5c6263
```
#5c6263 rgb(92,98,99)
```
#55686a
```
#55686a rgb(85,104,106)
```
#4e6e71
```
#4e6e71 rgb(78,110,113)
```
#467479
```
#467479 rgb(70,116,121)
```
#3f7a80
```
#3f7a80 rgb(63,122,128)
```
#388087
```
#388087 rgb(56,128,135)
```
#30868f
```
#30868f rgb(48,134,143)
```
#298c96
```
#298c96 rgb(41,140,150)
```
#22929d
```
#22929d rgb(34,146,157)
```
#1a98a5
```
#1a98a5 rgb(26,152,165)
```
#139eac
```
#139eac rgb(19,158,172)
```
#0ca3b3
```
#0ca3b3 rgb(12,163,179)
```
#04a9bb
```
#04a9bb rgb(4,169,187)
```

Tone Color Variation

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

Dichromacy

#6d6b6f Protanopia 1% of men
#736973 Deuteranopia 1% of men
#5f6f77 Tritanopia 0.001% of the population

Trichromacy

#646a6d Protanomaly 1% of men, 0.01% of women
#686970 Deuteranomaly 6% of men, 0.4% of women
#5b6c72 Tritanomaly 0.01% of the population

#55686a hex color

#55686a Color Information

#55686a Color Conversion

Color Schemes with #55686a

Alternatives to #55686a

#55686a Preview

Shades and Tints of #55686a

Tones of #55686a

Color Blindness Simulator