colorhexa.com

#55657f hex color

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

- R 33
- G 40
- B 50
RGB color chart
- C 33
- M 20
- Y 0
- K 50
CMYK color chart

● #55657f color description : Mostly desaturated dark blue.

The hexadecimal color #55657f has RGB values of R:85, G:101, B:127 and CMYK values of C:0.33, M:0.2, Y:0, K:0.5. Its decimal value is 5596543.

Hex triplet	55657f	`#55657f`
RGB Decimal	85, 101, 127	`rgb(85,101,127)`
RGB Percent	33.3, 39.6, 49.8	`rgb(33.3%,39.6%,49.8%)`
CMYK	33, 20, 0, 50
HSL	217.1°, 19.8, 41.6	`hsl(217.1,19.8%,41.6%)`
HSV (or HSB)	217.1°, 33.1, 49.8
Web Safe	666666	`#666666`

CIE-LAB	42.416, 0.634, -16.461
XYZ	12.23, 12.771, 21.898
xyY	0.261, 0.272, 12.771
CIE-LCH	42.416, 16.474, 272.204
CIE-LUV	42.416, -8.992, -23.067
Hunter-Lab	35.736, -1.45, -11.316
Binary	01010101, 01100101, 01111111

#55657f
```
#55657f rgb(85,101,127)
```
#7f6f55
```
#7f6f55 rgb(127,111,85)
```

Complementary Color

#557a7f
```
#557a7f rgb(85,122,127)
```
#55657f
```
#55657f rgb(85,101,127)
```
#5a557f
```
#5a557f rgb(90,85,127)
```

Analogous Color

#7a7f55
```
#7a7f55 rgb(122,127,85)
```
#55657f
```
#55657f rgb(85,101,127)
```
#7f5a55
```
#7f5a55 rgb(127,90,85)
```

Split Complementary Color

#657f55
```
#657f55 rgb(101,127,85)
```
#55657f
```
#55657f rgb(85,101,127)
```
#7f5565
```
#7f5565 rgb(127,85,101)
```

Triadic Color

#557f6f
```
#557f6f rgb(85,127,111)
```
#55657f
```
#55657f rgb(85,101,127)
```
#7f5565
```
#7f5565 rgb(127,85,101)
```
#7f6f55
```
#7f6f55 rgb(127,111,85)
```

Tetradic Color

#364151
```
#364151 rgb(54,65,81)
```
#414d60
```
#414d60 rgb(65,77,96)
```
#4b5970
```
#4b5970 rgb(75,89,112)
```
#55657f
```
#55657f rgb(85,101,127)
```
#5f718e
```
#5f718e rgb(95,113,142)
```
#6b7e9c
```
#6b7e9c rgb(107,126,156)
```
#7a8ba6
```
#7a8ba6 rgb(122,139,166)
```

Monochromatic Color

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

#55707f
```
#55707f rgb(85,112,127)
```
#556c7f
```
#556c7f rgb(85,108,127)
```
#55697f
```
#55697f rgb(85,105,127)
```
#55657f
```
#55657f rgb(85,101,127)
```
#55627f
```
#55627f rgb(85,98,127)
```
#555e7f
```
#555e7f rgb(85,94,127)
```
#555b7f
```
#555b7f rgb(85,91,127)
```

Similar Colors

Text with hexadecimal color #55657f

This text has a font color of #55657f.

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

#55657f background color

This paragraph has a background color of #55657f.

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

#55657f border color

This element has a border color of #55657f.

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

CSS codes

.text {color:#55657f;}

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

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

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

#060809
```
#060809 rgb(6,8,9)
```
#0e1115
```
#0e1115 rgb(14,17,21)
```
#161a21
```
#161a21 rgb(22,26,33)
```
#1e242d
```
#1e242d rgb(30,36,45)
```
#262d38
```
#262d38 rgb(38,45,56)
```
#2e3644
```
#2e3644 rgb(46,54,68)
```
#364050
```
#364050 rgb(54,64,80)
```
#3d495c
```
#3d495c rgb(61,73,92)
```
#455267
```
#455267 rgb(69,82,103)
```
#4d5c73
```
#4d5c73 rgb(77,92,115)
```
#55657f
```
#55657f rgb(85,101,127)
```
#5d6e8b
```
#5d6e8b rgb(93,110,139)
```
#657897
```
#657897 rgb(101,120,151)
```

Shade Color Variation

#70829f
```
#70829f rgb(112,130,159)
```
#7b8ca7
```
#7b8ca7 rgb(123,140,167)
```
#8796af
```
#8796af rgb(135,150,175)
```
#93a1b7
```
#93a1b7 rgb(147,161,183)
```
#9fabbf
```
#9fabbf rgb(159,171,191)
```
#aab5c6
```
#aab5c6 rgb(170,181,198)
```
#b6bfce
```
#b6bfce rgb(182,191,206)
```
#c2cad6
```
#c2cad6 rgb(194,202,214)
```
#ced4de
```
#ced4de rgb(206,212,222)
```
#d9dee6
```
#d9dee6 rgb(217,222,230)
```
#e5e8ee
```
#e5e8ee rgb(229,232,238)
```
#f1f3f6
```
#f1f3f6 rgb(241,243,246)
```
#fdfdfd
```
#fdfdfd rgb(253,253,253)
```

Tint Color Variation

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

#65696f
```
#65696f rgb(101,105,111)
```
#5d6777
```
#5d6777 rgb(93,103,119)
```
#55657f
```
#55657f rgb(85,101,127)
```
#4d6387
```
#4d6387 rgb(77,99,135)
```
#45618f
```
#45618f rgb(69,97,143)
```
#3d5f97
```
#3d5f97 rgb(61,95,151)
```
#345da0
```
#345da0 rgb(52,93,160)
```
#2c5ba8
```
#2c5ba8 rgb(44,91,168)
```
#2459b0
```
#2459b0 rgb(36,89,176)
```
#1c57b8
```
#1c57b8 rgb(28,87,184)
```
#1455c0
```
#1455c0 rgb(20,85,192)
```
#0c54c8
```
#0c54c8 rgb(12,84,200)
```
#0352d1
```
#0352d1 rgb(3,82,209)
```

Tone Color Variation

Below, you can see how #55657f 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
#606369 Atypical Achromatopsia 0.001% of the population

Dichromacy

#656b84 Protanopia 1% of men
#676a86 Deuteranopia 1% of men
#5a6f77 Tritanopia 0.001% of the population

Trichromacy

#5f6882 Protanomaly 1% of men, 0.01% of women
#606883 Deuteranomaly 6% of men, 0.4% of women
#586b7a Tritanomaly 0.01% of the population