#475a6f hex color

In a RGB color space, hex #475a6f is composed of 27.8% red, 35.3% green and 43.5% blue. Whereas in a CMYK color space, it is composed of 36% cyan, 18.9% magenta, 0% yellow and 56.5% black. It has a hue angle of 211.5 degrees, a saturation of 22% and a lightness of 35.7%. #475a6f color hex could be obtained by blending #8eb4de with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 28
- G 35
- B 44
RGB color chart
- C 36
- M 19
- Y 0
- K 56
CMYK color chart

● #475a6f color description : Very dark desaturated blue.

The hexadecimal color #475a6f has RGB values of R:71, G:90, B:111 and CMYK values of C:0.36, M:0.19, Y:0, K:0.56. Its decimal value is 4676207.

Hex triplet	475a6f	`#475a6f`
RGB Decimal	71, 90, 111	`rgb(71,90,111)`
RGB Percent	27.8, 35.3, 43.5	`rgb(27.8%,35.3%,43.5%)`
CMYK	36, 19, 0, 56
HSL	211.5°, 22, 35.7	`hsl(211.5,22%,35.7%)`
HSV (or HSB)	211.5°, 36, 43.5
Web Safe	336666	`#336666`

CIE-LAB	37.48, -1.584, -14.311
XYZ	9.123, 9.799, 16.449
xyY	0.258, 0.277, 9.799
CIE-LCH	37.48, 14.398, 263.685
CIE-LUV	37.48, -9.853, -19.043
Hunter-Lab	31.304, -2.759, -9.242
Binary	01000111, 01011010, 01101111

#475a6f
```
#475a6f rgb(71,90,111)
```
#6f5c47
```
#6f5c47 rgb(111,92,71)
```

Complementary Color

#476e6f
```
#476e6f rgb(71,110,111)
```
#475a6f
```
#475a6f rgb(71,90,111)
```
#48476f
```
#48476f rgb(72,71,111)
```

Analogous Color

#6e6f47
```
#6e6f47 rgb(110,111,71)
```
#475a6f
```
#475a6f rgb(71,90,111)
```
#6f4847
```
#6f4847 rgb(111,72,71)
```

Split Complementary Color

#5a6f47
```
#5a6f47 rgb(90,111,71)
```
#475a6f
```
#475a6f rgb(71,90,111)
```
#6f475a
```
#6f475a rgb(111,71,90)
```

Triadic Color

#476f5c
```
#476f5c rgb(71,111,92)
```
#475a6f
```
#475a6f rgb(71,90,111)
```
#6f475a
```
#6f475a rgb(111,71,90)
```
#6f5c47
```
#6f5c47 rgb(111,92,71)
```

Tetradic Color

#293440
```
#293440 rgb(41,52,64)
```
#334150
```
#334150 rgb(51,65,80)
```
#3d4d5f
```
#3d4d5f rgb(61,77,95)
```
#475a6f
```
#475a6f rgb(71,90,111)
```
#51677f
```
#51677f rgb(81,103,127)
```
#5b738e
```
#5b738e rgb(91,115,142)
```
#66809d
```
#66809d rgb(102,128,157)
```

Monochromatic Color

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

#47646f
```
#47646f rgb(71,100,111)
```
#47616f
```
#47616f rgb(71,97,111)
```
#475d6f
```
#475d6f rgb(71,93,111)
```
#475a6f
```
#475a6f rgb(71,90,111)
```
#47576f
```
#47576f rgb(71,87,111)
```
#47536f
```
#47536f rgb(71,83,111)
```
#47506f
```
#47506f rgb(71,80,111)
```

Similar Colors

Text with hexadecimal color #475a6f

This text has a font color of #475a6f.

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

#475a6f background color

This paragraph has a background color of #475a6f.

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

#475a6f border color

This element has a border color of #475a6f.

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

CSS codes

.text {color:#475a6f;}

.background {background-color:#475a6f;}

.border {border:1px solid #475a6f;}

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

#020303
```
#020303 rgb(2,3,3)
```
#0a0c0f
```
#0a0c0f rgb(10,12,15)
```
#11161b
```
#11161b rgb(17,22,27)
```
#192027
```
#192027 rgb(25,32,39)
```
#212a33
```
#212a33 rgb(33,42,51)
```
#28333f
```
#28333f rgb(40,51,63)
```
#303d4b
```
#303d4b rgb(48,61,75)
```
#384757
```
#384757 rgb(56,71,87)
```
#3f5063
```
#3f5063 rgb(63,80,99)
```
#475a6f
```
#475a6f rgb(71,90,111)
```
#4f647b
```
#4f647b rgb(79,100,123)
```
#566d87
```
#566d87 rgb(86,109,135)
```
#5e7793
```
#5e7793 rgb(94,119,147)
```

Shade Color Variation

#67819e
```
#67819e rgb(103,129,158)
```
#738ba5
```
#738ba5 rgb(115,139,165)
```
#7f95ad
```
#7f95ad rgb(127,149,173)
```
#8b9fb5
```
#8b9fb5 rgb(139,159,181)
```
#97a9bc
```
#97a9bc rgb(151,169,188)
```
#a3b2c4
```
#a3b2c4 rgb(163,178,196)
```
#afbccc
```
#afbccc rgb(175,188,204)
```
#bbc6d3
```
#bbc6d3 rgb(187,198,211)
```
#c7d0db
```
#c7d0db rgb(199,208,219)
```
#d2dae3
```
#d2dae3 rgb(210,218,227)
```
#dee4ea
```
#dee4ea rgb(222,228,234)
```
#eaeef2
```
#eaeef2 rgb(234,238,242)
```
#f6f8f9
```
#f6f8f9 rgb(246,248,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #555b61 is the less saturated color, while #0157b5 is the most saturated one.

#555b61
```
#555b61 rgb(85,91,97)
```
#4e5a68
```
#4e5a68 rgb(78,90,104)
```
#475a6f
```
#475a6f rgb(71,90,111)
```
#405a76
```
#405a76 rgb(64,90,118)
```
#39597d
```
#39597d rgb(57,89,125)
```
#325984
```
#325984 rgb(50,89,132)
```
#2b598b
```
#2b598b rgb(43,89,139)
```
#245892
```
#245892 rgb(36,88,146)
```
#1d5899
```
#1d5899 rgb(29,88,153)
```
#1658a0
```
#1658a0 rgb(22,88,160)
```
#0f57a7
```
#0f57a7 rgb(15,87,167)
```
#0857ae
```
#0857ae rgb(8,87,174)
```
#0157b5
```
#0157b5 rgb(1,87,181)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#54585c Atypical Achromatopsia 0.001% of the population

Dichromacy

#5b6074 Protanopia 1% of men
#5d5f77 Deuteranopia 1% of men
#4d646b Tritanopia 0.001% of the population

Trichromacy

#545d72 Protanomaly 1% of men, 0.01% of women
#555d74 Deuteranomaly 6% of men, 0.4% of women
#4b606c Tritanomaly 0.01% of the population

#475a6f hex color

#475a6f Color Information

#475a6f Color Conversion

Color Schemes with #475a6f

Alternatives to #475a6f

#475a6f Preview

Shades and Tints of #475a6f

Tones of #475a6f

Color Blindness Simulator