#55676f hex color

In a RGB color space, hex #55676f is composed of 33.3% red, 40.4% green and 43.5% blue. Whereas in a CMYK color space, it is composed of 23.4% cyan, 7.2% magenta, 0% yellow and 56.5% black. It has a hue angle of 198.5 degrees, a saturation of 13.3% and a lightness of 38.4%. #55676f color hex could be obtained by blending #aacede with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 33
- G 40
- B 44
RGB color chart
- C 23
- M 7
- Y 0
- K 56
CMYK color chart

● #55676f color description : Very dark grayish blue.

The hexadecimal color #55676f has RGB values of R:85, G:103, B:111 and CMYK values of C:0.23, M:0.07, Y:0, K:0.56. Its decimal value is 5597039.

Hex triplet	55676f	`#55676f`
RGB Decimal	85, 103, 111	`rgb(85,103,111)`
RGB Percent	33.3, 40.4, 43.5	`rgb(33.3%,40.4%,43.5%)`
CMYK	23, 7, 0, 56
HSL	198.5°, 13.3, 38.4	`hsl(198.5,13.3%,38.4%)`
HSV (or HSB)	198.5°, 23.4, 43.5
Web Safe	666666	`#666666`

CIE-LAB	42.429, -4.798, -6.745
XYZ	11.465, 12.779, 16.901
xyY	0.279, 0.311, 12.779
CIE-LCH	42.429, 8.278, 234.573
CIE-LUV	42.429, -9.478, -8.423
Hunter-Lab	35.748, -5.31, -3.007
Binary	01010101, 01100111, 01101111

#55676f
```
#55676f rgb(85,103,111)
```
#6f5d55
```
#6f5d55 rgb(111,93,85)
```

Complementary Color

#556f6a
```
#556f6a rgb(85,111,106)
```
#55676f
```
#55676f rgb(85,103,111)
```
#555a6f
```
#555a6f rgb(85,90,111)
```

Analogous Color

#6f6a55
```
#6f6a55 rgb(111,106,85)
```
#55676f
```
#55676f rgb(85,103,111)
```
#6f555a
```
#6f555a rgb(111,85,90)
```

Split Complementary Color

#676f55
```
#676f55 rgb(103,111,85)
```
#55676f
```
#55676f rgb(85,103,111)
```
#6f5567
```
#6f5567 rgb(111,85,103)
```

Triadic Color

#556f5d
```
#556f5d rgb(85,111,93)
```
#55676f
```
#55676f rgb(85,103,111)
```
#6f5567
```
#6f5567 rgb(111,85,103)
```
#6f5d55
```
#6f5d55 rgb(111,93,85)
```

Tetradic Color

#343f44
```
#343f44 rgb(52,63,68)
```
#3f4c52
```
#3f4c52 rgb(63,76,82)
```
#4a5a61
```
#4a5a61 rgb(74,90,97)
```
#55676f
```
#55676f rgb(85,103,111)
```
#60747d
```
#60747d rgb(96,116,125)
```
#6b828c
```
#6b828c rgb(107,130,140)
```
#788e98
```
#788e98 rgb(120,142,152)
```

Monochromatic Color

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

#556e6f
```
#556e6f rgb(85,110,111)
```
#556b6f
```
#556b6f rgb(85,107,111)
```
#55696f
```
#55696f rgb(85,105,111)
```
#55676f
```
#55676f rgb(85,103,111)
```
#55656f
```
#55656f rgb(85,101,111)
```
#55636f
```
#55636f rgb(85,99,111)
```
#55616f
```
#55616f rgb(85,97,111)
```

Similar Colors

Text with hexadecimal color #55676f

This text has a font color of #55676f.

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

#55676f background color

This paragraph has a background color of #55676f.

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

#55676f border color

This element has a border color of #55676f.

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

CSS codes

.text {color:#55676f;}

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

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

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, #080a0b is the darkest color, while #ffffff is the lightest one.

#080a0b
```
#080a0b rgb(8,10,11)
```
#111516
```
#111516 rgb(17,21,22)
```
#191f21
```
#191f21 rgb(25,31,33)
```
#22292c
```
#22292c rgb(34,41,44)
```
#2a3337
```
#2a3337 rgb(42,51,55)
```
#333e43
```
#333e43 rgb(51,62,67)
```
#3b484e
```
#3b484e rgb(59,72,78)
```
#445259
```
#445259 rgb(68,82,89)
```
#4c5d64
```
#4c5d64 rgb(76,93,100)
```
#55676f
```
#55676f rgb(85,103,111)
```
#5e717a
```
#5e717a rgb(94,113,122)
```
#667c85
```
#667c85 rgb(102,124,133)
```
#6f8690
```
#6f8690 rgb(111,134,144)
```

Shade Color Variation

#7a8f99
```
#7a8f99 rgb(122,143,153)
```
#8599a1
```
#8599a1 rgb(133,153,161)
```
#90a2aa
```
#90a2aa rgb(144,162,170)
```
#9babb2
```
#9babb2 rgb(155,171,178)
```
#a6b4bb
```
#a6b4bb rgb(166,180,187)
```
#b1bec3
```
#b1bec3 rgb(177,190,195)
```
#bcc7cc
```
#bcc7cc rgb(188,199,204)
```
#c7d0d4
```
#c7d0d4 rgb(199,208,212)
```
#d2dadd
```
#d2dadd rgb(210,218,221)
```
#dee3e5
```
#dee3e5 rgb(222,227,229)
```
#e9ecee
```
#e9ecee rgb(233,236,238)
```
#f4f6f6
```
#f4f6f6 rgb(244,246,246)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#5d6467
```
#5d6467 rgb(93,100,103)
```
#55676f
```
#55676f rgb(85,103,111)
```
#4d6a77
```
#4d6a77 rgb(77,106,119)
```
#466d7e
```
#466d7e rgb(70,109,126)
```
#3e7086
```
#3e7086 rgb(62,112,134)
```
#37738d
```
#37738d rgb(55,115,141)
```
#2f7595
```
#2f7595 rgb(47,117,149)
```
#28789c
```
#28789c rgb(40,120,156)
```
#207ba4
```
#207ba4 rgb(32,123,164)
```
#197eab
```
#197eab rgb(25,126,171)
```
#1181b3
```
#1181b3 rgb(17,129,179)
```
#0a84ba
```
#0a84ba rgb(10,132,186)
```
#0287c2
```
#0287c2 rgb(2,135,194)
```

Tone Color Variation

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

#6b6b74 Protanopia 1% of men
#706978 Deuteranopia 1% of men
#5d6e76 Tritanopia 0.001% of the population

Trichromacy

#636972 Protanomaly 1% of men, 0.01% of women
#666874 Deuteranomaly 6% of men, 0.4% of women
#5a6c73 Tritanomaly 0.01% of the population

#55676f hex color

#55676f Color Information

#55676f Color Conversion

Color Schemes with #55676f

Alternatives to #55676f

#55676f Preview

Shades and Tints of #55676f

Tones of #55676f

Color Blindness Simulator