#475d8e hex color

In a RGB color space, hex #475d8e is composed of 27.8% red, 36.5% green and 55.7% blue. Whereas in a CMYK color space, it is composed of 50% cyan, 34.5% magenta, 0% yellow and 44.3% black. It has a hue angle of 221.4 degrees, a saturation of 33.3% and a lightness of 41.8%. #475d8e color hex could be obtained by blending #8ebaff with #00001d. Closest websafe color is: #336699.

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

● #475d8e color description : Dark moderate blue.

The hexadecimal color #475d8e has RGB values of R:71, G:93, B:142 and CMYK values of C:0.5, M:0.35, Y:0, K:0.44. Its decimal value is 4677006.

Hex triplet	475d8e	`#475d8e`
RGB Decimal	71, 93, 142	`rgb(71,93,142)`
RGB Percent	27.8, 36.5, 55.7	`rgb(27.8%,36.5%,55.7%)`
CMYK	50, 35, 0, 44
HSL	221.4°, 33.3, 41.8	`hsl(221.4,33.3%,41.8%)`
HSV (or HSB)	221.4°, 50, 55.7
Web Safe	336699	`#336699`

CIE-LAB	39.783, 6.095, -29.683
XYZ	11.394, 11.121, 27.136
xyY	0.229, 0.224, 11.121
CIE-LCH	39.783, 30.302, 281.603
CIE-LUV	39.783, -11.524, -42.829
Hunter-Lab	33.348, 2.631, -24.902
Binary	01000111, 01011101, 10001110

#475d8e
```
#475d8e rgb(71,93,142)
```
#8e7847
```
#8e7847 rgb(142,120,71)
```

Complementary Color

#47818e
```
#47818e rgb(71,129,142)
```
#475d8e
```
#475d8e rgb(71,93,142)
```
#55478e
```
#55478e rgb(85,71,142)
```

Analogous Color

#818e47
```
#818e47 rgb(129,142,71)
```
#475d8e
```
#475d8e rgb(71,93,142)
```
#8e5547
```
#8e5547 rgb(142,85,71)
```

Split Complementary Color

#5d8e47
```
#5d8e47 rgb(93,142,71)
```
#475d8e
```
#475d8e rgb(71,93,142)
```
#8e475d
```
#8e475d rgb(142,71,93)
```

Triadic Color

#478e78
```
#478e78 rgb(71,142,120)
```
#475d8e
```
#475d8e rgb(71,93,142)
```
#8e475d
```
#8e475d rgb(142,71,93)
```
#8e7847
```
#8e7847 rgb(142,120,71)
```

Tetradic Color

#2e3c5b
```
#2e3c5b rgb(46,60,91)
```
#36476c
```
#36476c rgb(54,71,108)
```
#3f527d
```
#3f527d rgb(63,82,125)
```
#475d8e
```
#475d8e rgb(71,93,142)
```
#50689f
```
#50689f rgb(80,104,159)
```
#5b74ad
```
#5b74ad rgb(91,116,173)
```
#6c83b6
```
#6c83b6 rgb(108,131,182)
```

Monochromatic Color

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

#476f8e
```
#476f8e rgb(71,111,142)
```
#47698e
```
#47698e rgb(71,105,142)
```
#47638e
```
#47638e rgb(71,99,142)
```
#475d8e
```
#475d8e rgb(71,93,142)
```
#47578e
```
#47578e rgb(71,87,142)
```
#47518e
```
#47518e rgb(71,81,142)
```
#474b8e
```
#474b8e rgb(71,75,142)
```

Similar Colors

Text with hexadecimal color #475d8e

This text has a font color of #475d8e.

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

#475d8e background color

This paragraph has a background color of #475d8e.

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

#475d8e border color

This element has a border color of #475d8e.

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

CSS codes

.text {color:#475d8e;}

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

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

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, #06070b is the darkest color, while #fdfdfe is the lightest one.

#06070b
```
#06070b rgb(6,7,11)
```
#0c1018
```
#0c1018 rgb(12,16,24)
```
#131825
```
#131825 rgb(19,24,37)
```
#192132
```
#192132 rgb(25,33,50)
```
#202a40
```
#202a40 rgb(32,42,64)
```
#26324d
```
#26324d rgb(38,50,77)
```
#2d3b5a
```
#2d3b5a rgb(45,59,90)
```
#334367
```
#334367 rgb(51,67,103)
```
#3a4c74
```
#3a4c74 rgb(58,76,116)
```
#405481
```
#405481 rgb(64,84,129)
```
#475d8e
```
#475d8e rgb(71,93,142)
```
#4e669b
```
#4e669b rgb(78,102,155)
```
#546ea8
```
#546ea8 rgb(84,110,168)
```

Shade Color Variation

#6079b0
```
#6079b0 rgb(96,121,176)
```
#6d84b6
```
#6d84b6 rgb(109,132,182)
```
#7a8fbd
```
#7a8fbd rgb(122,143,189)
```
#879ac3
```
#879ac3 rgb(135,154,195)
```
#95a5ca
```
#95a5ca rgb(149,165,202)
```
#a2b0d0
```
#a2b0d0 rgb(162,176,208)
```
#afbbd7
```
#afbbd7 rgb(175,187,215)
```
#bcc6dd
```
#bcc6dd rgb(188,198,221)
```
#c9d1e4
```
#c9d1e4 rgb(201,209,228)
```
#d6dcea
```
#d6dcea rgb(214,220,234)
```
#e3e7f1
```
#e3e7f1 rgb(227,231,241)
```
#f0f2f8
```
#f0f2f8 rgb(240,242,248)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #68696d is the less saturated color, while #0544d0 is the most saturated one.

#68696d
```
#68696d rgb(104,105,109)
```
#606675
```
#606675 rgb(96,102,117)
```
#57637e
```
#57637e rgb(87,99,126)
```
#4f6086
```
#4f6086 rgb(79,96,134)
```
#475d8e
```
#475d8e rgb(71,93,142)
```
#3f5a96
```
#3f5a96 rgb(63,90,150)
```
#37579e
```
#37579e rgb(55,87,158)
```
#2e54a7
```
#2e54a7 rgb(46,84,167)
```
#2651af
```
#2651af rgb(38,81,175)
```
#1e4db7
```
#1e4db7 rgb(30,77,183)
```
#164abf
```
#164abf rgb(22,74,191)
```
#0e47c7
```
#0e47c7 rgb(14,71,199)
```
#0544d0
```
#0544d0 rgb(5,68,208)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#585c66 Atypical Achromatopsia 0.001% of the population

Dichromacy

#546493 Protanopia 1% of men
#4f6593 Deuteranopia 1% of men
#446c74 Tritanopia 0.001% of the population

Trichromacy

#4f6191 Protanomaly 1% of men, 0.01% of women
#4c6291 Deuteranomaly 6% of men, 0.4% of women
#45667d Tritanomaly 0.01% of the population

#475d8e hex color

#475d8e Color Information

#475d8e Color Conversion

Color Schemes with #475d8e

Alternatives to #475d8e

#475d8e Preview

Shades and Tints of #475d8e

Tones of #475d8e

Color Blindness Simulator