#475e7d hex color

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

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

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

The hexadecimal color #475e7d has RGB values of R:71, G:94, B:125 and CMYK values of C:0.43, M:0.25, Y:0, K:0.51. Its decimal value is 4677245.

Hex triplet	475e7d	`#475e7d`
RGB Decimal	71, 94, 125	`rgb(71,94,125)`
RGB Percent	27.8, 36.9, 49	`rgb(27.8%,36.9%,49%)`
CMYK	43, 25, 0, 51
HSL	214.4°, 27.6, 38.4	`hsl(214.4,27.6%,38.4%)`
HSV (or HSB)	214.4°, 43.2, 49
Web Safe	336666	`#336666`

CIE-LAB	39.285, 0.1, -20.139
XYZ	10.302, 10.825, 20.948
xyY	0.245, 0.257, 10.825
CIE-LCH	39.285, 20.139, 270.286
CIE-LUV	39.285, -11.682, -27.922
Hunter-Lab	32.902, -1.687, -14.717
Binary	01000111, 01011110, 01111101

#475e7d
```
#475e7d rgb(71,94,125)
```
#7d6647
```
#7d6647 rgb(125,102,71)
```

Complementary Color

#47797d
```
#47797d rgb(71,121,125)
```
#475e7d
```
#475e7d rgb(71,94,125)
```
#4b477d
```
#4b477d rgb(75,71,125)
```

Analogous Color

#797d47
```
#797d47 rgb(121,125,71)
```
#475e7d
```
#475e7d rgb(71,94,125)
```
#7d4b47
```
#7d4b47 rgb(125,75,71)
```

Split Complementary Color

#5e7d47
```
#5e7d47 rgb(94,125,71)
```
#475e7d
```
#475e7d rgb(71,94,125)
```
#7d475e
```
#7d475e rgb(125,71,94)
```

Triadic Color

#477d66
```
#477d66 rgb(71,125,102)
```
#475e7d
```
#475e7d rgb(71,94,125)
```
#7d475e
```
#7d475e rgb(125,71,94)
```
#7d6647
```
#7d6647 rgb(125,102,71)
```

Tetradic Color

#2b394c
```
#2b394c rgb(43,57,76)
```
#35465c
```
#35465c rgb(53,70,92)
```
#3e526d
```
#3e526d rgb(62,82,109)
```
#475e7d
```
#475e7d rgb(71,94,125)
```
#506a8d
```
#506a8d rgb(80,106,141)
```
#59769e
```
#59769e rgb(89,118,158)
```
#6883a9
```
#6883a9 rgb(104,131,169)
```

Monochromatic Color

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

#476c7d
```
#476c7d rgb(71,108,125)
```
#47677d
```
#47677d rgb(71,103,125)
```
#47637d
```
#47637d rgb(71,99,125)
```
#475e7d
```
#475e7d rgb(71,94,125)
```
#475a7d
```
#475a7d rgb(71,90,125)
```
#47557d
```
#47557d rgb(71,85,125)
```
#47517d
```
#47517d rgb(71,81,125)
```

Similar Colors

Text with hexadecimal color #475e7d

This text has a font color of #475e7d.

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

#475e7d background color

This paragraph has a background color of #475e7d.

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

#475e7d border color

This element has a border color of #475e7d.

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

CSS codes

.text {color:#475e7d;}

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

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

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)
```
#0e1319
```
#0e1319 rgb(14,19,25)
```
#151c25
```
#151c25 rgb(21,28,37)
```
#1c2632
```
#1c2632 rgb(28,38,50)
```
#232f3e
```
#232f3e rgb(35,47,62)
```
#2b384b
```
#2b384b rgb(43,56,75)
```
#324257
```
#324257 rgb(50,66,87)
```
#394b64
```
#394b64 rgb(57,75,100)
```
#405570
```
#405570 rgb(64,85,112)
```
#475e7d
```
#475e7d rgb(71,94,125)
```
#4e678a
```
#4e678a rgb(78,103,138)
```
#557196
```
#557196 rgb(85,113,150)
```
#5c7aa3
```
#5c7aa3 rgb(92,122,163)
```

Shade Color Variation

#6984aa
```
#6984aa rgb(105,132,170)
```
#758fb1
```
#758fb1 rgb(117,143,177)
```
#8299b8
```
#8299b8 rgb(130,153,184)
```
#8ea3bf
```
#8ea3bf rgb(142,163,191)
```
#9badc6
```
#9badc6 rgb(155,173,198)
```
#a7b7cd
```
#a7b7cd rgb(167,183,205)
```
#b4c2d4
```
#b4c2d4 rgb(180,194,212)
```
#c0ccdb
```
#c0ccdb rgb(192,204,219)
```
#cdd6e3
```
#cdd6e3 rgb(205,214,227)
```
#d9e0ea
```
#d9e0ea rgb(217,224,234)
```
#e6ebf1
```
#e6ebf1 rgb(230,235,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 #0354c1 is the most saturated one.

#5e6166
```
#5e6166 rgb(94,97,102)
```
#56606e
```
#56606e rgb(86,96,110)
```
#4f5f75
```
#4f5f75 rgb(79,95,117)
```
#475e7d
```
#475e7d rgb(71,94,125)
```
#3f5d85
```
#3f5d85 rgb(63,93,133)
```
#385c8c
```
#385c8c rgb(56,92,140)
```
#305b94
```
#305b94 rgb(48,91,148)
```
#295a9b
```
#295a9b rgb(41,90,155)
```
#2158a3
```
#2158a3 rgb(33,88,163)
```
#1a57aa
```
#1a57aa rgb(26,87,170)
```
#1256b2
```
#1256b2 rgb(18,86,178)
```
#0b55b9
```
#0b55b9 rgb(11,85,185)
```
#0354c1
```
#0354c1 rgb(3,84,193)
```

Tone Color Variation

Below, you can see how #475e7d 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
#575c62 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5c6382 Protanopia 1% of men
#5b6384 Deuteranopia 1% of men
#4a6971 Tritanopia 0.001% of the population

Trichromacy

#546180 Protanomaly 1% of men, 0.01% of women
#536181 Deuteranomaly 6% of men, 0.4% of women
#496575 Tritanomaly 0.01% of the population

#475e7d hex color

#475e7d Color Information

#475e7d Color Conversion

Color Schemes with #475e7d

Alternatives to #475e7d

#475e7d Preview

Shades and Tints of #475e7d

Tones of #475e7d

Color Blindness Simulator