#475c7d hex color

In a RGB color space, hex #475c7d is composed of 27.8% red, 36.1% green and 49% blue. Whereas in a CMYK color space, it is composed of 43.2% cyan, 26.4% magenta, 0% yellow and 51% black. It has a hue angle of 216.7 degrees, a saturation of 27.6% and a lightness of 38.4%. #475c7d color hex could be obtained by blending #8eb8fa with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 28
- G 36
- B 49
RGB color chart
- C 43
- M 26
- Y 0
- K 51
CMYK color chart

● #475c7d color description : Mostly desaturated dark blue.

The hexadecimal color #475c7d has RGB values of R:71, G:92, B:125 and CMYK values of C:0.43, M:0.26, Y:0, K:0.51. Its decimal value is 4676733.

Hex triplet	475c7d	`#475c7d`
RGB Decimal	71, 92, 125	`rgb(71,92,125)`
RGB Percent	27.8, 36.1, 49	`rgb(27.8%,36.1%,49%)`
CMYK	43, 26, 0, 51
HSL	216.7°, 27.6, 38.4	`hsl(216.7,27.6%,38.4%)`
HSV (or HSB)	216.7°, 43.2, 49
Web Safe	336666	`#336666`

CIE-LAB	38.68, 1.343, -21.073
XYZ	10.127, 10.474, 20.889
xyY	0.244, 0.252, 10.474
CIE-LCH	38.68, 21.116, 273.647
CIE-LUV	38.68, -10.889, -29.321
Hunter-Lab	32.364, -0.785, -15.614
Binary	01000111, 01011100, 01111101

#475c7d
```
#475c7d rgb(71,92,125)
```
#7d6847
```
#7d6847 rgb(125,104,71)
```

Complementary Color

#47777d
```
#47777d rgb(71,119,125)
```
#475c7d
```
#475c7d rgb(71,92,125)
```
#4d477d
```
#4d477d rgb(77,71,125)
```

Analogous Color

#777d47
```
#777d47 rgb(119,125,71)
```
#475c7d
```
#475c7d rgb(71,92,125)
```
#7d4d47
```
#7d4d47 rgb(125,77,71)
```

Split Complementary Color

#5c7d47
```
#5c7d47 rgb(92,125,71)
```
#475c7d
```
#475c7d rgb(71,92,125)
```
#7d475c
```
#7d475c rgb(125,71,92)
```

Triadic Color

#477d68
```
#477d68 rgb(71,125,104)
```
#475c7d
```
#475c7d rgb(71,92,125)
```
#7d475c
```
#7d475c rgb(125,71,92)
```
#7d6847
```
#7d6847 rgb(125,104,71)
```

Tetradic Color

#2b384c
```
#2b384c rgb(43,56,76)
```
#35445c
```
#35445c rgb(53,68,92)
```
#3e506d
```
#3e506d rgb(62,80,109)
```
#475c7d
```
#475c7d rgb(71,92,125)
```
#50688d
```
#50688d rgb(80,104,141)
```
#59749e
```
#59749e rgb(89,116,158)
```
#6881a9
```
#6881a9 rgb(104,129,169)
```

Monochromatic Color

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

#476a7d
```
#476a7d rgb(71,106,125)
```
#47657d
```
#47657d rgb(71,101,125)
```
#47617d
```
#47617d rgb(71,97,125)
```
#475c7d
```
#475c7d rgb(71,92,125)
```
#47587d
```
#47587d rgb(71,88,125)
```
#47537d
```
#47537d rgb(71,83,125)
```
#474f7d
```
#474f7d rgb(71,79,125)
```

Similar Colors

Text with hexadecimal color #475c7d

This text has a font color of #475c7d.

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

#475c7d background color

This paragraph has a background color of #475c7d.

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

#475c7d border color

This element has a border color of #475c7d.

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

CSS codes

.text {color:#475c7d;}

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

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

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, #07090c is the darkest color, while #ffffff is the lightest one.

#07090c
```
#07090c rgb(7,9,12)
```
#0e1219
```
#0e1219 rgb(14,18,25)
```
#151c25
```
#151c25 rgb(21,28,37)
```
#1c2532
```
#1c2532 rgb(28,37,50)
```
#232e3e
```
#232e3e rgb(35,46,62)
```
#2b374b
```
#2b374b rgb(43,55,75)
```
#324057
```
#324057 rgb(50,64,87)
```
#394a64
```
#394a64 rgb(57,74,100)
```
#405370
```
#405370 rgb(64,83,112)
```
#475c7d
```
#475c7d rgb(71,92,125)
```
#4e658a
```
#4e658a rgb(78,101,138)
```
#556e96
```
#556e96 rgb(85,110,150)
```
#5c78a3
```
#5c78a3 rgb(92,120,163)
```

Shade Color Variation

#6982aa
```
#6982aa rgb(105,130,170)
```
#758cb1
```
#758cb1 rgb(117,140,177)
```
#8297b8
```
#8297b8 rgb(130,151,184)
```
#8ea1bf
```
#8ea1bf rgb(142,161,191)
```
#9bacc6
```
#9bacc6 rgb(155,172,198)
```
#a7b6cd
```
#a7b6cd rgb(167,182,205)
```
#b4c0d4
```
#b4c0d4 rgb(180,192,212)
```
#c0cbdb
```
#c0cbdb rgb(192,203,219)
```
#cdd5e3
```
#cdd5e3 rgb(205,213,227)
```
#d9e0ea
```
#d9e0ea rgb(217,224,234)
```
#e6eaf1
```
#e6eaf1 rgb(230,234,241)
```
#f2f5f8
```
#f2f5f8 rgb(242,245,248)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5e6166 is the less saturated color, while #034dc1 is the most saturated one.

#5e6166
```
#5e6166 rgb(94,97,102)
```
#565f6e
```
#565f6e rgb(86,95,110)
```
#4f5e75
```
#4f5e75 rgb(79,94,117)
```
#475c7d
```
#475c7d rgb(71,92,125)
```
#3f5a85
```
#3f5a85 rgb(63,90,133)
```
#38598c
```
#38598c rgb(56,89,140)
```
#305794
```
#305794 rgb(48,87,148)
```
#29559b
```
#29559b rgb(41,85,155)
```
#2154a3
```
#2154a3 rgb(33,84,163)
```
#1a52aa
```
#1a52aa rgb(26,82,170)
```
#1250b2
```
#1250b2 rgb(18,80,178)
```
#0b4fb9
```
#0b4fb9 rgb(11,79,185)
```
#034dc1
```
#034dc1 rgb(3,77,193)
```

Tone Color Variation

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

#595959 Achromatopsia 0.005% of the population
#555a60 Atypical Achromatopsia 0.001% of the population

Dichromacy

#596282 Protanopia 1% of men
#586284 Deuteranopia 1% of men
#49686f Tritanopia 0.001% of the population

Trichromacy

#536080 Protanomaly 1% of men, 0.01% of women
#526081 Deuteranomaly 6% of men, 0.4% of women
#486374 Tritanomaly 0.01% of the population

#475c7d hex color

#475c7d Color Information

#475c7d Color Conversion

Color Schemes with #475c7d

Alternatives to #475c7d

#475c7d Preview

Shades and Tints of #475c7d

Tones of #475c7d

Color Blindness Simulator