#475c8e hex color

In a RGB color space, hex #475c8e is composed of 27.8% red, 36.1% green and 55.7% blue. Whereas in a CMYK color space, it is composed of 50% cyan, 35.2% magenta, 0% yellow and 44.3% black. It has a hue angle of 222.3 degrees, a saturation of 33.3% and a lightness of 41.8%. #475c8e color hex could be obtained by blending #8eb8ff 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

● #475c8e color description : Dark moderate blue.

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

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

CIE-LAB	39.49, 6.728, -30.144
XYZ	11.307, 10.946, 27.107
xyY	0.229, 0.222, 10.946
CIE-LCH	39.49, 30.885, 282.582
CIE-LUV	39.49, -11.157, -43.501
Hunter-Lab	33.085, 3.104, -25.416
Binary	01000111, 01011100, 10001110

#475c8e
```
#475c8e rgb(71,92,142)
```
#8e7947
```
#8e7947 rgb(142,121,71)
```

Complementary Color

#47808e
```
#47808e rgb(71,128,142)
```
#475c8e
```
#475c8e rgb(71,92,142)
```
#56478e
```
#56478e rgb(86,71,142)
```

Analogous Color

#808e47
```
#808e47 rgb(128,142,71)
```
#475c8e
```
#475c8e rgb(71,92,142)
```
#8e5647
```
#8e5647 rgb(142,86,71)
```

Split Complementary Color

#5c8e47
```
#5c8e47 rgb(92,142,71)
```
#475c8e
```
#475c8e rgb(71,92,142)
```
#8e475c
```
#8e475c rgb(142,71,92)
```

Triadic Color

#478e79
```
#478e79 rgb(71,142,121)
```
#475c8e
```
#475c8e rgb(71,92,142)
```
#8e475c
```
#8e475c rgb(142,71,92)
```
#8e7947
```
#8e7947 rgb(142,121,71)
```

Tetradic Color

#2e3b5b
```
#2e3b5b rgb(46,59,91)
```
#36466c
```
#36466c rgb(54,70,108)
```
#3f517d
```
#3f517d rgb(63,81,125)
```
#475c8e
```
#475c8e rgb(71,92,142)
```
#50679f
```
#50679f rgb(80,103,159)
```
#5b73ad
```
#5b73ad rgb(91,115,173)
```
#6c82b6
```
#6c82b6 rgb(108,130,182)
```

Monochromatic Color

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

#476e8e
```
#476e8e rgb(71,110,142)
```
#47688e
```
#47688e rgb(71,104,142)
```
#47628e
```
#47628e rgb(71,98,142)
```
#475c8e
```
#475c8e rgb(71,92,142)
```
#47568e
```
#47568e rgb(71,86,142)
```
#47508e
```
#47508e rgb(71,80,142)
```
#474a8e
```
#474a8e rgb(71,74,142)
```

Similar Colors

Text with hexadecimal color #475c8e

This text has a font color of #475c8e.

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

#475c8e background color

This paragraph has a background color of #475c8e.

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

#475c8e border color

This element has a border color of #475c8e.

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

CSS codes

.text {color:#475c8e;}

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

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

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)
```
#202940
```
#202940 rgb(32,41,64)
```
#26324d
```
#26324d rgb(38,50,77)
```
#2d3a5a
```
#2d3a5a rgb(45,58,90)
```
#334367
```
#334367 rgb(51,67,103)
```
#3a4b74
```
#3a4b74 rgb(58,75,116)
```
#405481
```
#405481 rgb(64,84,129)
```
#475c8e
```
#475c8e rgb(71,92,142)
```
#4e649b
```
#4e649b rgb(78,100,155)
```
#546da8
```
#546da8 rgb(84,109,168)
```

Shade Color Variation

#6078b0
```
#6078b0 rgb(96,120,176)
```
#6d83b6
```
#6d83b6 rgb(109,131,182)
```
#7a8ebd
```
#7a8ebd rgb(122,142,189)
```
#8799c3
```
#8799c3 rgb(135,153,195)
```
#95a4ca
```
#95a4ca rgb(149,164,202)
```
#a2afd0
```
#a2afd0 rgb(162,175,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 #0541d0 is the most saturated one.

#68696d
```
#68696d rgb(104,105,109)
```
#606675
```
#606675 rgb(96,102,117)
```
#57637e
```
#57637e rgb(87,99,126)
```
#4f5f86
```
#4f5f86 rgb(79,95,134)
```
#475c8e
```
#475c8e rgb(71,92,142)
```
#3f5996
```
#3f5996 rgb(63,89,150)
```
#37559e
```
#37559e rgb(55,85,158)
```
#2e52a7
```
#2e52a7 rgb(46,82,167)
```
#264faf
```
#264faf rgb(38,79,175)
```
#1e4bb7
```
#1e4bb7 rgb(30,75,183)
```
#1648bf
```
#1648bf rgb(22,72,191)
```
#0e45c7
```
#0e45c7 rgb(14,69,199)
```
#0541d0
```
#0541d0 rgb(5,65,208)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#575b65 Atypical Achromatopsia 0.001% of the population

Dichromacy

#536393 Protanopia 1% of men
#4d6593 Deuteranopia 1% of men
#436b73 Tritanopia 0.001% of the population

Trichromacy

#4f6191 Protanomaly 1% of men, 0.01% of women
#4b6191 Deuteranomaly 6% of men, 0.4% of women
#44657c Tritanomaly 0.01% of the population

#475c8e hex color

#475c8e Color Information

#475c8e Color Conversion

Color Schemes with #475c8e

Alternatives to #475c8e

#475c8e Preview

Shades and Tints of #475c8e

Tones of #475c8e

Color Blindness Simulator