#475054 hex color

In a RGB color space, hex #475054 is composed of 27.8% red, 31.4% green and 32.9% blue. Whereas in a CMYK color space, it is composed of 15.5% cyan, 4.8% magenta, 0% yellow and 67.1% black. It has a hue angle of 198.5 degrees, a saturation of 8.4% and a lightness of 30.4%. #475054 color hex could be obtained by blending #8ea0a8 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 28
- G 31
- B 33
RGB color chart
- C 15
- M 5
- Y 0
- K 67
CMYK color chart

● #475054 color description : Very dark grayish blue.

The hexadecimal color #475054 has RGB values of R:71, G:80, B:84 and CMYK values of C:0.15, M:0.05, Y:0, K:0.67. Its decimal value is 4673620.

Hex triplet	475054	`#475054`
RGB Decimal	71, 80, 84	`rgb(71,80,84)`
RGB Percent	27.8, 31.4, 32.9	`rgb(27.8%,31.4%,32.9%)`
CMYK	15, 5, 0, 67
HSL	198.5°, 8.4, 30.4	`hsl(198.5,8.4%,30.4%)`
HSV (or HSB)	198.5°, 15.5, 32.9
Web Safe	336666	`#336666`

CIE-LAB	33.386, -2.621, -3.57
XYZ	7.067, 7.717, 9.504
xyY	0.291, 0.318, 7.717
CIE-LCH	33.386, 4.429, 233.717
CIE-LUV	33.386, -4.793, -4.08
Hunter-Lab	27.779, -3.203, -0.84
Binary	01000111, 01010000, 01010100

#475054
```
#475054 rgb(71,80,84)
```
#544b47
```
#544b47 rgb(84,75,71)
```

Complementary Color

#475452
```
#475452 rgb(71,84,82)
```
#475054
```
#475054 rgb(71,80,84)
```
#474a54
```
#474a54 rgb(71,74,84)
```

Analogous Color

#545247
```
#545247 rgb(84,82,71)
```
#475054
```
#475054 rgb(71,80,84)
```
#54474a
```
#54474a rgb(84,71,74)
```

Split Complementary Color

#505447
```
#505447 rgb(80,84,71)
```
#475054
```
#475054 rgb(71,80,84)
```
#544750
```
#544750 rgb(84,71,80)
```

Triadic Color

#47544b
```
#47544b rgb(71,84,75)
```
#475054
```
#475054 rgb(71,80,84)
```
#544750
```
#544750 rgb(84,71,80)
```
#544b47
```
#544b47 rgb(84,75,71)
```

Tetradic Color

#24292b
```
#24292b rgb(36,41,43)
```
#303638
```
#303638 rgb(48,54,56)
```
#3b4346
```
#3b4346 rgb(59,67,70)
```
#475054
```
#475054 rgb(71,80,84)
```
#535d62
```
#535d62 rgb(83,93,98)
```
#5e6a70
```
#5e6a70 rgb(94,106,112)
```
#6a777d
```
#6a777d rgb(106,119,125)
```

Monochromatic Color

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

#475354
```
#475354 rgb(71,83,84)
```
#475254
```
#475254 rgb(71,82,84)
```
#475154
```
#475154 rgb(71,81,84)
```
#475054
```
#475054 rgb(71,80,84)
```
#474f54
```
#474f54 rgb(71,79,84)
```
#474e54
```
#474e54 rgb(71,78,84)
```
#474d54
```
#474d54 rgb(71,77,84)
```

Similar Colors

Text with hexadecimal color #475054

This text has a font color of #475054.

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

#475054 background color

This paragraph has a background color of #475054.

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

#475054 border color

This element has a border color of #475054.

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

CSS codes

.text {color:#475054;}

.background {background-color:#475054;}

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

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, #08090a is the darkest color, while #fefefe is the lightest one.

#08090a
```
#08090a rgb(8,9,10)
```
#111314
```
#111314 rgb(17,19,20)
```
#1a1d1f
```
#1a1d1f rgb(26,29,31)
```
#232829
```
#232829 rgb(35,40,41)
```
#2c3234
```
#2c3234 rgb(44,50,52)
```
#353c3f
```
#353c3f rgb(53,60,63)
```
#3e4649
```
#3e4649 rgb(62,70,73)
```
#475054
```
#475054 rgb(71,80,84)
```
#505a5f
```
#505a5f rgb(80,90,95)
```
#596469
```
#596469 rgb(89,100,105)
```
#626e74
```
#626e74 rgb(98,110,116)
```
#6b787f
```
#6b787f rgb(107,120,127)
```
#748389
```
#748389 rgb(116,131,137)
```

Shade Color Variation

#7e8c92
```
#7e8c92 rgb(126,140,146)
```
#89969b
```
#89969b rgb(137,150,155)
```
#949fa4
```
#949fa4 rgb(148,159,164)
```
#9ea9ad
```
#9ea9ad rgb(158,169,173)
```
#a9b2b6
```
#a9b2b6 rgb(169,178,182)
```
#b4bcbf
```
#b4bcbf rgb(180,188,191)
```
#bec5c8
```
#bec5c8 rgb(190,197,200)
```
#c9cfd1
```
#c9cfd1 rgb(201,207,209)
```
#d3d8da
```
#d3d8da rgb(211,216,218)
```
#dee2e3
```
#dee2e3 rgb(222,226,227)
```
#e9ebec
```
#e9ebec rgb(233,235,236)
```
#f3f5f5
```
#f3f5f5 rgb(243,245,245)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#4d4e4e
```
#4d4e4e rgb(77,78,78)
```
#475054
```
#475054 rgb(71,80,84)
```
#41525a
```
#41525a rgb(65,82,90)
```
#3b5560
```
#3b5560 rgb(59,85,96)
```
#355766
```
#355766 rgb(53,87,102)
```
#2f596c
```
#2f596c rgb(47,89,108)
```
#295b72
```
#295b72 rgb(41,91,114)
```
#235e78
```
#235e78 rgb(35,94,120)
```
#1d607e
```
#1d607e rgb(29,96,126)
```
#176284
```
#176284 rgb(23,98,132)
```
#11658a
```
#11658a rgb(17,101,138)
```
#0b6790
```
#0b6790 rgb(11,103,144)
```
#056996
```
#056996 rgb(5,105,150)
```

Tone Color Variation

Below, you can see how #475054 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
#4d4e4f Atypical Achromatopsia 0.001% of the population

Dichromacy

#57575b Protanopia 1% of men
#5c555e Deuteranopia 1% of men
#51585f Tritanopia 0.001% of the population

Trichromacy

#515458 Protanomaly 1% of men, 0.01% of women
#54535a Deuteranomaly 6% of men, 0.4% of women
#4d555b Tritanomaly 0.01% of the population

#475054 hex color

#475054 Color Information

#475054 Color Conversion

Color Schemes with #475054

Alternatives to #475054

#475054 Preview

Shades and Tints of #475054

Tones of #475054

Color Blindness Simulator