#475057 hex color

In a RGB color space, hex #475057 is composed of 27.8% red, 31.4% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 18.4% cyan, 8% magenta, 0% yellow and 65.9% black. It has a hue angle of 206.3 degrees, a saturation of 10.1% and a lightness of 31%. #475057 color hex could be obtained by blending #8ea0ae with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 28
- G 31
- B 34
RGB color chart
- C 18
- M 8
- Y 0
- K 66
CMYK color chart

● #475057 color description : Very dark grayish blue.

The hexadecimal color #475057 has RGB values of R:71, G:80, B:87 and CMYK values of C:0.18, M:0.08, Y:0, K:0.66. Its decimal value is 4673623.

Hex triplet	475057	`#475057`
RGB Decimal	71, 80, 87	`rgb(71,80,87)`
RGB Percent	27.8, 31.4, 34.1	`rgb(27.8%,31.4%,34.1%)`
CMYK	18, 8, 0, 66
HSL	206.3°, 10.1, 31	`hsl(206.3,10.1%,31%)`
HSV (or HSB)	206.3°, 18.4, 34.1
Web Safe	336666	`#336666`

CIE-LAB	33.488, -1.878, -5.319
XYZ	7.187, 7.765, 10.136
xyY	0.286, 0.31, 7.765
CIE-LCH	33.488, 5.641, 250.556
CIE-LUV	33.488, -4.896, -6.421
Hunter-Lab	27.866, -2.726, -2.061
Binary	01000111, 01010000, 01010111

#475057
```
#475057 rgb(71,80,87)
```
#574e47
```
#574e47 rgb(87,78,71)
```

Complementary Color

#475756
```
#475756 rgb(71,87,86)
```
#475057
```
#475057 rgb(71,80,87)
```
#474857
```
#474857 rgb(71,72,87)
```

Analogous Color

#575647
```
#575647 rgb(87,86,71)
```
#475057
```
#475057 rgb(71,80,87)
```
#574748
```
#574748 rgb(87,71,72)
```

Split Complementary Color

#505747
```
#505747 rgb(80,87,71)
```
#475057
```
#475057 rgb(71,80,87)
```
#574750
```
#574750 rgb(87,71,80)
```

Triadic Color

#47574e
```
#47574e rgb(71,87,78)
```
#475057
```
#475057 rgb(71,80,87)
```
#574750
```
#574750 rgb(87,71,80)
```
#574e47
```
#574e47 rgb(87,78,71)
```

Tetradic Color

#25292d
```
#25292d rgb(37,41,45)
```
#30363b
```
#30363b rgb(48,54,59)
```
#3c4349
```
#3c4349 rgb(60,67,73)
```
#475057
```
#475057 rgb(71,80,87)
```
#525d65
```
#525d65 rgb(82,93,101)
```
#5e6a73
```
#5e6a73 rgb(94,106,115)
```
#697781
```
#697781 rgb(105,119,129)
```

Monochromatic Color

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

#475457
```
#475457 rgb(71,84,87)
```
#475357
```
#475357 rgb(71,83,87)
```
#475157
```
#475157 rgb(71,81,87)
```
#475057
```
#475057 rgb(71,80,87)
```
#474f57
```
#474f57 rgb(71,79,87)
```
#474d57
```
#474d57 rgb(71,77,87)
```
#474c57
```
#474c57 rgb(71,76,87)
```

Similar Colors

Text with hexadecimal color #475057

This text has a font color of #475057.

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

#475057 background color

This paragraph has a background color of #475057.

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

#475057 border color

This element has a border color of #475057.

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

CSS codes

.text {color:#475057;}

.background {background-color:#475057;}

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

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

#000101
```
#000101 rgb(0,1,1)
```
#090a0b
```
#090a0b rgb(9,10,11)
```
#121416
```
#121416 rgb(18,20,22)
```
#1b1e21
```
#1b1e21 rgb(27,30,33)
```
#24282c
```
#24282c rgb(36,40,44)
```
#2d3237
```
#2d3237 rgb(45,50,55)
```
#353c41
```
#353c41 rgb(53,60,65)
```
#3e464c
```
#3e464c rgb(62,70,76)
```
#475057
```
#475057 rgb(71,80,87)
```
#505a62
```
#505a62 rgb(80,90,98)
```
#59646d
```
#59646d rgb(89,100,109)
```
#616e77
```
#616e77 rgb(97,110,119)
```
#6a7882
```
#6a7882 rgb(106,120,130)
```

Shade Color Variation

#73828d
```
#73828d rgb(115,130,141)
```
#7e8b96
```
#7e8b96 rgb(126,139,150)
```
#89959f
```
#89959f rgb(137,149,159)
```
#949fa7
```
#949fa7 rgb(148,159,167)
```
#9ea8b0
```
#9ea8b0 rgb(158,168,176)
```
#a9b2b9
```
#a9b2b9 rgb(169,178,185)
```
#b4bcc2
```
#b4bcc2 rgb(180,188,194)
```
#bfc5cb
```
#bfc5cb rgb(191,197,203)
```
#cacfd3
```
#cacfd3 rgb(202,207,211)
```
#d4d9dc
```
#d4d9dc rgb(212,217,220)
```
#dfe2e5
```
#dfe2e5 rgb(223,226,229)
```
#eaecee
```
#eaecee rgb(234,236,238)
```
#f5f6f7
```
#f5f6f7 rgb(245,246,247)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #4d4f51 is the less saturated color, while #04589a is the most saturated one.

#4d4f51
```
#4d4f51 rgb(77,79,81)
```
#475057
```
#475057 rgb(71,80,87)
```
#41515d
```
#41515d rgb(65,81,93)
```
#3b5263
```
#3b5263 rgb(59,82,99)
```
#355269
```
#355269 rgb(53,82,105)
```
#2f536f
```
#2f536f rgb(47,83,111)
```
#295475
```
#295475 rgb(41,84,117)
```
#23557b
```
#23557b rgb(35,85,123)
```
#1c5582
```
#1c5582 rgb(28,85,130)
```
#165688
```
#165688 rgb(22,86,136)
```
#10578e
```
#10578e rgb(16,87,142)
```
#0a5894
```
#0a5894 rgb(10,88,148)
```
#04589a
```
#04589a rgb(4,88,154)
```

Tone Color Variation

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

#4e4e4e Achromatopsia 0.005% of the population
#4d4e50 Atypical Achromatopsia 0.001% of the population

Dichromacy

#57575e Protanopia 1% of men
#5b5560 Deuteranopia 1% of men
#50595f Tritanopia 0.001% of the population

Trichromacy

#51545b Protanomaly 1% of men, 0.01% of women
#54535d Deuteranomaly 6% of men, 0.4% of women
#4d555c Tritanomaly 0.01% of the population

#475057 hex color

#475057 Color Information

#475057 Color Conversion

Color Schemes with #475057

Alternatives to #475057

#475057 Preview

Shades and Tints of #475057

Tones of #475057

Color Blindness Simulator