#555f70 hex color

In a RGB color space, hex #555f70 is composed of 33.3% red, 37.3% green and 43.9% blue. Whereas in a CMYK color space, it is composed of 24.1% cyan, 15.2% magenta, 0% yellow and 56.1% black. It has a hue angle of 217.8 degrees, a saturation of 13.7% and a lightness of 38.6%. #555f70 color hex could be obtained by blending #aabee0 with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 33
- G 37
- B 44
RGB color chart
- C 24
- M 15
- Y 0
- K 56
CMYK color chart

● #555f70 color description : Very dark grayish blue.

The hexadecimal color #555f70 has RGB values of R:85, G:95, B:112 and CMYK values of C:0.24, M:0.15, Y:0, K:0.56. Its decimal value is 5594992.

Hex triplet	555f70	`#555f70`
RGB Decimal	85, 95, 112	`rgb(85,95,112)`
RGB Percent	33.3, 37.3, 43.9	`rgb(33.3%,37.3%,43.9%)`
CMYK	24, 15, 0, 56
HSL	217.8°, 13.7, 38.6	`hsl(217.8,13.7%,38.6%)`
HSV (or HSB)	217.8°, 24.1, 43.9
Web Safe	666666	`#666666`

CIE-LAB	40.057, 0.271, -10.917
XYZ	10.763, 11.285, 16.94
xyY	0.276, 0.289, 11.285
CIE-LCH	40.057, 10.92, 271.423
CIE-LUV	40.057, -5.918, -14.781
Hunter-Lab	33.594, -1.602, -6.381
Binary	01010101, 01011111, 01110000

#555f70
```
#555f70 rgb(85,95,112)
```
#706655
```
#706655 rgb(112,102,85)
```

Complementary Color

#556d70
```
#556d70 rgb(85,109,112)
```
#555f70
```
#555f70 rgb(85,95,112)
```
#595570
```
#595570 rgb(89,85,112)
```

Analogous Color

#6d7055
```
#6d7055 rgb(109,112,85)
```
#555f70
```
#555f70 rgb(85,95,112)
```
#705955
```
#705955 rgb(112,89,85)
```

Split Complementary Color

#5f7055
```
#5f7055 rgb(95,112,85)
```
#555f70
```
#555f70 rgb(85,95,112)
```
#70555f
```
#70555f rgb(112,85,95)
```

Triadic Color

#557066
```
#557066 rgb(85,112,102)
```
#555f70
```
#555f70 rgb(85,95,112)
```
#70555f
```
#70555f rgb(112,85,95)
```
#706655
```
#706655 rgb(112,102,85)
```

Tetradic Color

#343a45
```
#343a45 rgb(52,58,69)
```
#3f4653
```
#3f4653 rgb(63,70,83)
```
#4a5362
```
#4a5362 rgb(74,83,98)
```
#555f70
```
#555f70 rgb(85,95,112)
```
#606b7e
```
#606b7e rgb(96,107,126)
```
#6b788d
```
#6b788d rgb(107,120,141)
```
#798599
```
#798599 rgb(121,133,153)
```

Monochromatic Color

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

#556670
```
#556670 rgb(85,102,112)
```
#556470
```
#556470 rgb(85,100,112)
```
#556170
```
#556170 rgb(85,97,112)
```
#555f70
```
#555f70 rgb(85,95,112)
```
#555d70
```
#555d70 rgb(85,93,112)
```
#555b70
```
#555b70 rgb(85,91,112)
```
#555870
```
#555870 rgb(85,88,112)
```

Similar Colors

Text with hexadecimal color #555f70

This text has a font color of #555f70.

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

#555f70 background color

This paragraph has a background color of #555f70.

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

#555f70 border color

This element has a border color of #555f70.

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

CSS codes

.text {color:#555f70;}

.background {background-color:#555f70;}

.border {border:1px solid #555f70;}

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

#000000
```
#000000 rgb(0,0,0)
```
#090a0c
```
#090a0c rgb(9,10,12)
```
#111317
```
#111317 rgb(17,19,23)
```
#1a1d22
```
#1a1d22 rgb(26,29,34)
```
#22262d
```
#22262d rgb(34,38,45)
```
#2b3038
```
#2b3038 rgb(43,48,56)
```
#333943
```
#333943 rgb(51,57,67)
```
#3c434f
```
#3c434f rgb(60,67,79)
```
#444c5a
```
#444c5a rgb(68,76,90)
```
#4d5665
```
#4d5665 rgb(77,86,101)
```
#555f70
```
#555f70 rgb(85,95,112)
```
#5d687b
```
#5d687b rgb(93,104,123)
```
#667286
```
#667286 rgb(102,114,134)
```

Shade Color Variation

#6f7b91
```
#6f7b91 rgb(111,123,145)
```
#7a869a
```
#7a869a rgb(122,134,154)
```
#8590a2
```
#8590a2 rgb(133,144,162)
```
#909aab
```
#909aab rgb(144,154,171)
```
#9ba4b3
```
#9ba4b3 rgb(155,164,179)
```
#a6aebc
```
#a6aebc rgb(166,174,188)
```
#b1b8c4
```
#b1b8c4 rgb(177,184,196)
```
#bdc3cd
```
#bdc3cd rgb(189,195,205)
```
#c8cdd5
```
#c8cdd5 rgb(200,205,213)
```
#d3d7de
```
#d3d7de rgb(211,215,222)
```
#dee1e6
```
#dee1e6 rgb(222,225,230)
```
#e9ebee
```
#e9ebee rgb(233,235,238)
```
#f4f5f7
```
#f4f5f7 rgb(244,245,247)
```

Tint Color Variation

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

#5d6168
```
#5d6168 rgb(93,97,104)
```
#555f70
```
#555f70 rgb(85,95,112)
```
#4d5d78
```
#4d5d78 rgb(77,93,120)
```
#465b7f
```
#465b7f rgb(70,91,127)
```
#3e5987
```
#3e5987 rgb(62,89,135)
```
#37578e
```
#37578e rgb(55,87,142)
```
#2f5596
```
#2f5596 rgb(47,85,150)
```
#28539d
```
#28539d rgb(40,83,157)
```
#2051a5
```
#2051a5 rgb(32,81,165)
```
#184fad
```
#184fad rgb(24,79,173)
```
#114db4
```
#114db4 rgb(17,77,180)
```
#094bbc
```
#094bbc rgb(9,75,188)
```
#0249c3
```
#0249c3 rgb(2,73,195)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#5c5e62 Atypical Achromatopsia 0.001% of the population

Dichromacy

#636576 Protanopia 1% of men
#676478 Deuteranopia 1% of men
#5c6870 Tritanopia 0.001% of the population

Trichromacy

#5e6374 Protanomaly 1% of men, 0.01% of women
#606275 Deuteranomaly 6% of men, 0.4% of women
#596570 Tritanomaly 0.01% of the population

#555f70 hex color

#555f70 Color Information

#555f70 Color Conversion

Color Schemes with #555f70

Alternatives to #555f70

#555f70 Preview

Shades and Tints of #555f70

Tones of #555f70

Color Blindness Simulator