#555d7f hex color

In a RGB color space, hex #555d7f is composed of 33.3% red, 36.5% green and 49.8% blue. Whereas in a CMYK color space, it is composed of 33.1% cyan, 26.8% magenta, 0% yellow and 50.2% black. It has a hue angle of 228.6 degrees, a saturation of 19.8% and a lightness of 41.6%. #555d7f color hex could be obtained by blending #aabafe with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 33
- G 36
- B 50
RGB color chart
- C 33
- M 27
- Y 0
- K 50
CMYK color chart

● #555d7f color description : Mostly desaturated dark blue.

The hexadecimal color #555d7f has RGB values of R:85, G:93, B:127 and CMYK values of C:0.33, M:0.27, Y:0, K:0.5. Its decimal value is 5594495.

Hex triplet	555d7f	`#555d7f`
RGB Decimal	85, 93, 127	`rgb(85,93,127)`
RGB Percent	33.3, 36.5, 49.8	`rgb(33.3%,36.5%,49.8%)`
CMYK	33, 27, 0, 50
HSL	228.6°, 19.8, 41.6	`hsl(228.6,19.8%,41.6%)`
HSV (or HSB)	228.6°, 33.1, 49.8
Web Safe	666666	`#666666`

CIE-LAB	40.068, 5.56, -20.068
XYZ	11.491, 11.292, 21.652
xyY	0.259, 0.254, 11.292
CIE-LCH	40.068, 20.823, 285.485
CIE-LUV	40.068, -5.661, -28.607
Hunter-Lab	33.604, 2.231, -14.679
Binary	01010101, 01011101, 01111111

#555d7f
```
#555d7f rgb(85,93,127)
```
#7f7755
```
#7f7755 rgb(127,119,85)
```

Complementary Color

#55727f
```
#55727f rgb(85,114,127)
```
#555d7f
```
#555d7f rgb(85,93,127)
```
#62557f
```
#62557f rgb(98,85,127)
```

Analogous Color

#727f55
```
#727f55 rgb(114,127,85)
```
#555d7f
```
#555d7f rgb(85,93,127)
```
#7f6255
```
#7f6255 rgb(127,98,85)
```

Split Complementary Color

#5d7f55
```
#5d7f55 rgb(93,127,85)
```
#555d7f
```
#555d7f rgb(85,93,127)
```
#7f555d
```
#7f555d rgb(127,85,93)
```

Triadic Color

#557f77
```
#557f77 rgb(85,127,119)
```
#555d7f
```
#555d7f rgb(85,93,127)
```
#7f555d
```
#7f555d rgb(127,85,93)
```
#7f7755
```
#7f7755 rgb(127,119,85)
```

Tetradic Color

#363b51
```
#363b51 rgb(54,59,81)
```
#414760
```
#414760 rgb(65,71,96)
```
#4b5270
```
#4b5270 rgb(75,82,112)
```
#555d7f
```
#555d7f rgb(85,93,127)
```
#5f688e
```
#5f688e rgb(95,104,142)
```
#6b749c
```
#6b749c rgb(107,116,156)
```
#7a83a6
```
#7a83a6 rgb(122,131,166)
```

Monochromatic Color

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

#55687f
```
#55687f rgb(85,104,127)
```
#55647f
```
#55647f rgb(85,100,127)
```
#55617f
```
#55617f rgb(85,97,127)
```
#555d7f
```
#555d7f rgb(85,93,127)
```
#555a7f
```
#555a7f rgb(85,90,127)
```
#55567f
```
#55567f rgb(85,86,127)
```
#58557f
```
#58557f rgb(88,85,127)
```

Similar Colors

Text with hexadecimal color #555d7f

This text has a font color of #555d7f.

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

#555d7f background color

This paragraph has a background color of #555d7f.

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

#555d7f border color

This element has a border color of #555d7f.

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

CSS codes

.text {color:#555d7f;}

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

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

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

#060709
```
#060709 rgb(6,7,9)
```
#0e1015
```
#0e1015 rgb(14,16,21)
```
#161821
```
#161821 rgb(22,24,33)
```
#1e212d
```
#1e212d rgb(30,33,45)
```
#262938
```
#262938 rgb(38,41,56)
```
#2e3244
```
#2e3244 rgb(46,50,68)
```
#363b50
```
#363b50 rgb(54,59,80)
```
#3d435c
```
#3d435c rgb(61,67,92)
```
#454c67
```
#454c67 rgb(69,76,103)
```
#4d5473
```
#4d5473 rgb(77,84,115)
```
#555d7f
```
#555d7f rgb(85,93,127)
```
#5d668b
```
#5d668b rgb(93,102,139)
```
#656e97
```
#656e97 rgb(101,110,151)
```

Shade Color Variation

#70799f
```
#70799f rgb(112,121,159)
```
#7b84a7
```
#7b84a7 rgb(123,132,167)
```
#878faf
```
#878faf rgb(135,143,175)
```
#939ab7
```
#939ab7 rgb(147,154,183)
```
#9fa5bf
```
#9fa5bf rgb(159,165,191)
```
#aab0c6
```
#aab0c6 rgb(170,176,198)
```
#b6bbce
```
#b6bbce rgb(182,187,206)
```
#c2c6d6
```
#c2c6d6 rgb(194,198,214)
```
#ced1de
```
#ced1de rgb(206,209,222)
```
#d9dce6
```
#d9dce6 rgb(217,220,230)
```
#e5e7ee
```
#e5e7ee rgb(229,231,238)
```
#f1f2f6
```
#f1f2f6 rgb(241,242,246)
```
#fdfdfd
```
#fdfdfd rgb(253,253,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #65676f is the less saturated color, while #032bd1 is the most saturated one.

#65676f
```
#65676f rgb(101,103,111)
```
#5d6277
```
#5d6277 rgb(93,98,119)
```
#555d7f
```
#555d7f rgb(85,93,127)
```
#4d5887
```
#4d5887 rgb(77,88,135)
```
#45538f
```
#45538f rgb(69,83,143)
```
#3d4e97
```
#3d4e97 rgb(61,78,151)
```
#3449a0
```
#3449a0 rgb(52,73,160)
```
#2c44a8
```
#2c44a8 rgb(44,68,168)
```
#243fb0
```
#243fb0 rgb(36,63,176)
```
#1c3ab8
```
#1c3ab8 rgb(28,58,184)
```
#1435c0
```
#1435c0 rgb(20,53,192)
```
#0c30c8
```
#0c30c8 rgb(12,48,200)
```
#032bd1
```
#032bd1 rgb(3,43,209)
```

Tone Color Variation

Below, you can see how #555d7f 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
#5c5e65 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5d6585 Protanopia 1% of men
#5e6585 Deuteranopia 1% of men
#586971 Tritanopia 0.001% of the population

Trichromacy

#5a6283 Protanomaly 1% of men, 0.01% of women
#5a6283 Deuteranomaly 6% of men, 0.4% of women
#576476 Tritanomaly 0.01% of the population

#555d7f hex color

#555d7f Color Information

#555d7f Color Conversion

Color Schemes with #555d7f

Alternatives to #555d7f

#555d7f Preview

Shades and Tints of #555d7f

Tones of #555d7f

Color Blindness Simulator