#555758 hex color

In a RGB color space, hex #555758 is composed of 33.3% red, 34.1% green and 34.5% blue. Whereas in a CMYK color space, it is composed of 3.4% cyan, 1.1% magenta, 0% yellow and 65.5% black. It has a hue angle of 200 degrees, a saturation of 1.7% and a lightness of 33.9%. #555758 color hex could be obtained by blending #aaaeb0 with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 33
- G 34
- B 35
RGB color chart
- C 3
- M 1
- Y 0
- K 65
CMYK color chart

● #555758 color description : Very dark grayish blue.

The hexadecimal color #555758 has RGB values of R:85, G:87, B:88 and CMYK values of C:0.03, M:0.01, Y:0, K:0.65. Its decimal value is 5592920.

Hex triplet	555758	`#555758`
RGB Decimal	85, 87, 88	`rgb(85,87,88)`
RGB Percent	33.3, 34.1, 34.5	`rgb(33.3%,34.1%,34.5%)`
CMYK	3, 1, 0, 65
HSL	200°, 1.7, 33.9	`hsl(200,1.7%,33.9%)`
HSV (or HSB)	200°, 3.4, 34.5
Web Safe	666666	`#666666`

CIE-LAB	36.841, -0.58, -0.862
XYZ	8.916, 9.452, 10.587
xyY	0.308, 0.326, 9.452
CIE-LCH	36.841, 1.039, 236.07
CIE-LUV	36.841, -1.142, -1.003
Hunter-Lab	30.744, -2.039, 1.105
Binary	01010101, 01010111, 01011000

#555758
```
#555758 rgb(85,87,88)
```
#585655
```
#585655 rgb(88,86,85)
```

Complementary Color

#555858
```
#555858 rgb(85,88,88)
```
#555758
```
#555758 rgb(85,87,88)
```
#555658
```
#555658 rgb(85,86,88)
```

Analogous Color

#585855
```
#585855 rgb(88,88,85)
```
#555758
```
#555758 rgb(85,87,88)
```
#585556
```
#585556 rgb(88,85,86)
```

Split Complementary Color

#575855
```
#575855 rgb(87,88,85)
```
#555758
```
#555758 rgb(85,87,88)
```
#585557
```
#585557 rgb(88,85,87)
```

Triadic Color

#555856
```
#555856 rgb(85,88,86)
```
#555758
```
#555758 rgb(85,87,88)
```
#585557
```
#585557 rgb(88,85,87)
```
#585655
```
#585655 rgb(88,86,85)
```

Tetradic Color

#2f3131
```
#2f3131 rgb(47,49,49)
```
#3c3d3e
```
#3c3d3e rgb(60,61,62)
```
#484a4b
```
#484a4b rgb(72,74,75)
```
#555758
```
#555758 rgb(85,87,88)
```
#626465
```
#626465 rgb(98,100,101)
```
#6e7172
```
#6e7172 rgb(110,113,114)
```
#7b7d7f
```
#7b7d7f rgb(123,125,127)
```

Monochromatic Color

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

#555858
```
#555858 rgb(85,88,88)
```
#555858
```
#555858 rgb(85,88,88)
```
#555758
```
#555758 rgb(85,87,88)
```
#555758
```
#555758 rgb(85,87,88)
```
#555758
```
#555758 rgb(85,87,88)
```
#555758
```
#555758 rgb(85,87,88)
```
#555658
```
#555658 rgb(85,86,88)
```

Similar Colors

Text with hexadecimal color #555758

This text has a font color of #555758.

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

#555758 background color

This paragraph has a background color of #555758.

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

#555758 border color

This element has a border color of #555758.

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

CSS codes

.text {color:#555758;}

.background {background-color:#555758;}

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

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

#080808
```
#080808 rgb(8,8,8)
```
#121212
```
#121212 rgb(18,18,18)
```
#1b1c1c
```
#1b1c1c rgb(27,28,28)
```
#252626
```
#252626 rgb(37,38,38)
```
#2e3030
```
#2e3030 rgb(46,48,48)
```
#38393a
```
#38393a rgb(56,57,58)
```
#424344
```
#424344 rgb(66,67,68)
```
#4b4d4e
```
#4b4d4e rgb(75,77,78)
```
#555758
```
#555758 rgb(85,87,88)
```
#5f6162
```
#5f6162 rgb(95,97,98)
```
#686b6c
```
#686b6c rgb(104,107,108)
```
#727576
```
#727576 rgb(114,117,118)
```
#7c7e80
```
#7c7e80 rgb(124,126,128)
```

Shade Color Variation

#85888a
```
#85888a rgb(133,136,138)
```
#8f9293
```
#8f9293 rgb(143,146,147)
```
#999c9d
```
#999c9d rgb(153,156,157)
```
#a3a5a7
```
#a3a5a7 rgb(163,165,167)
```
#adafb0
```
#adafb0 rgb(173,175,176)
```
#b7b9ba
```
#b7b9ba rgb(183,185,186)
```
#c1c3c3
```
#c1c3c3 rgb(193,195,195)
```
#cbcccd
```
#cbcccd rgb(203,204,205)
```
#d5d6d7
```
#d5d6d7 rgb(213,214,215)
```
#dfe0e0
```
#dfe0e0 rgb(223,224,224)
```
#e9eaea
```
#e9eaea rgb(233,234,234)
```
#f3f3f4
```
#f3f3f4 rgb(243,243,244)
```
#fdfdfd
```
#fdfdfd rgb(253,253,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #555758 is the less saturated color, while #0572a8 is the most saturated one.

#555758
```
#555758 rgb(85,87,88)
```
#4e595f
```
#4e595f rgb(78,89,95)
```
#485b65
```
#485b65 rgb(72,91,101)
```
#415e6c
```
#415e6c rgb(65,94,108)
```
#3a6073
```
#3a6073 rgb(58,96,115)
```
#346279
```
#346279 rgb(52,98,121)
```
#2d6480
```
#2d6480 rgb(45,100,128)
```
#266787
```
#266787 rgb(38,103,135)
```
#20698d
```
#20698d rgb(32,105,141)
```
#196b94
```
#196b94 rgb(25,107,148)
```
#126d9b
```
#126d9b rgb(18,109,155)
```
#0c6fa1
```
#0c6fa1 rgb(12,111,161)
```
#0572a8
```
#0572a8 rgb(5,114,168)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#575757 Atypical Achromatopsia 0.001% of the population

Dichromacy

#605e60 Protanopia 1% of men
#675c61 Deuteranopia 1% of men
#5e5e65 Tritanopia 0.001% of the population

Trichromacy

#5c5c5d Protanomaly 1% of men, 0.01% of women
#605a5e Deuteranomaly 6% of men, 0.4% of women
#5b5c60 Tritanomaly 0.01% of the population

#555758 hex color

#555758 Color Information

#555758 Color Conversion

Color Schemes with #555758

Alternatives to #555758

#555758 Preview

Shades and Tints of #555758

Tones of #555758

Color Blindness Simulator