#475a78 hex color

In a RGB color space, hex #475a78 is composed of 27.8% red, 35.3% green and 47.1% blue. Whereas in a CMYK color space, it is composed of 40.8% cyan, 25% magenta, 0% yellow and 52.9% black. It has a hue angle of 216.7 degrees, a saturation of 25.7% and a lightness of 37.5%. #475a78 color hex could be obtained by blending #8eb4f0 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 28
- G 35
- B 47
RGB color chart
- C 41
- M 25
- Y 0
- K 53
CMYK color chart

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

The hexadecimal color #475a78 has RGB values of R:71, G:90, B:120 and CMYK values of C:0.41, M:0.25, Y:0, K:0.53. Its decimal value is 4676216.

Hex triplet	475a78	`#475a78`
RGB Decimal	71, 90, 120	`rgb(71,90,120)`
RGB Percent	27.8, 35.3, 47.1	`rgb(27.8%,35.3%,47.1%)`
CMYK	41, 25, 0, 53
HSL	216.7°, 25.7, 37.5	`hsl(216.7,25.7%,37.5%)`
HSV (or HSB)	216.7°, 40.8, 47.1
Web Safe	336666	`#336666`

CIE-LAB	37.856, 1.07, -19.281
XYZ	9.644, 10.008, 19.192
xyY	0.248, 0.258, 10.008
CIE-LCH	37.856, 19.311, 273.177
CIE-LUV	37.856, -10.011, -26.531
Hunter-Lab	31.635, -0.944, -13.825
Binary	01000111, 01011010, 01111000

#475a78
```
#475a78 rgb(71,90,120)
```
#786547
```
#786547 rgb(120,101,71)
```

Complementary Color

#477378
```
#477378 rgb(71,115,120)
```
#475a78
```
#475a78 rgb(71,90,120)
```
#4d4778
```
#4d4778 rgb(77,71,120)
```

Analogous Color

#737847
```
#737847 rgb(115,120,71)
```
#475a78
```
#475a78 rgb(71,90,120)
```
#784d47
```
#784d47 rgb(120,77,71)
```

Split Complementary Color

#5a7847
```
#5a7847 rgb(90,120,71)
```
#475a78
```
#475a78 rgb(71,90,120)
```
#78475a
```
#78475a rgb(120,71,90)
```

Triadic Color

#477865
```
#477865 rgb(71,120,101)
```
#475a78
```
#475a78 rgb(71,90,120)
```
#78475a
```
#78475a rgb(120,71,90)
```
#786547
```
#786547 rgb(120,101,71)
```

Tetradic Color

#2b3648
```
#2b3648 rgb(43,54,72)
```
#344258
```
#344258 rgb(52,66,88)
```
#3e4e68
```
#3e4e68 rgb(62,78,104)
```
#475a78
```
#475a78 rgb(71,90,120)
```
#506688
```
#506688 rgb(80,102,136)
```
#5a7298
```
#5a7298 rgb(90,114,152)
```
#677fa5
```
#677fa5 rgb(103,127,165)
```

Monochromatic Color

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

#476678
```
#476678 rgb(71,102,120)
```
#476278
```
#476278 rgb(71,98,120)
```
#475e78
```
#475e78 rgb(71,94,120)
```
#475a78
```
#475a78 rgb(71,90,120)
```
#475678
```
#475678 rgb(71,86,120)
```
#475278
```
#475278 rgb(71,82,120)
```
#474e78
```
#474e78 rgb(71,78,120)
```

Similar Colors

Text with hexadecimal color #475a78

This text has a font color of #475a78.

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

#475a78 background color

This paragraph has a background color of #475a78.

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

#475a78 border color

This element has a border color of #475a78.

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

CSS codes

.text {color:#475a78;}

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

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

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

#050709
```
#050709 rgb(5,7,9)
```
#0d1015
```
#0d1015 rgb(13,16,21)
```
#141922
```
#141922 rgb(20,25,34)
```
#1b232e
```
#1b232e rgb(27,35,46)
```
#232c3a
```
#232c3a rgb(35,44,58)
```
#2a3547
```
#2a3547 rgb(42,53,71)
```
#313e53
```
#313e53 rgb(49,62,83)
```
#38485f
```
#38485f rgb(56,72,95)
```
#40516c
```
#40516c rgb(64,81,108)
```
#475a78
```
#475a78 rgb(71,90,120)
```
#4e6384
```
#4e6384 rgb(78,99,132)
```
#566c91
```
#566c91 rgb(86,108,145)
```
#5d769d
```
#5d769d rgb(93,118,157)
```

Shade Color Variation

#6880a6
```
#6880a6 rgb(104,128,166)
```
#748aad
```
#748aad rgb(116,138,173)
```
#8195b4
```
#8195b4 rgb(129,149,180)
```
#8d9fbb
```
#8d9fbb rgb(141,159,187)
```
#99a9c3
```
#99a9c3 rgb(153,169,195)
```
#a5b4ca
```
#a5b4ca rgb(165,180,202)
```
#b2bed1
```
#b2bed1 rgb(178,190,209)
```
#bec8d9
```
#bec8d9 rgb(190,200,217)
```
#cad3e0
```
#cad3e0 rgb(202,211,224)
```
#d7dde7
```
#d7dde7 rgb(215,221,231)
```
#e3e8ef
```
#e3e8ef rgb(227,232,239)
```
#eff2f6
```
#eff2f6 rgb(239,242,246)
```
#fcfcfd
```
#fcfcfd rgb(252,252,253)
```

Tint Color Variation

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

#5d5f62
```
#5d5f62 rgb(93,95,98)
```
#565d69
```
#565d69 rgb(86,93,105)
```
#4e5c71
```
#4e5c71 rgb(78,92,113)
```
#475a78
```
#475a78 rgb(71,90,120)
```
#40587f
```
#40587f rgb(64,88,127)
```
#385787
```
#385787 rgb(56,87,135)
```
#31558e
```
#31558e rgb(49,85,142)
```
#2a5395
```
#2a5395 rgb(42,83,149)
```
#22529d
```
#22529d rgb(34,82,157)
```
#1b50a4
```
#1b50a4 rgb(27,80,164)
```
#144eab
```
#144eab rgb(20,78,171)
```
#0c4db3
```
#0c4db3 rgb(12,77,179)
```
#054bba
```
#054bba rgb(5,75,186)
```

Tone Color Variation

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

#585858 Achromatopsia 0.005% of the population
#55585e Atypical Achromatopsia 0.001% of the population

Dichromacy

#59607d Protanopia 1% of men
#58607f Deuteranopia 1% of men
#4b666d Tritanopia 0.001% of the population

Trichromacy

#525e7b Protanomaly 1% of men, 0.01% of women
#525e7c Deuteranomaly 6% of men, 0.4% of women
#496171 Tritanomaly 0.01% of the population

#475a78 hex color

#475a78 Color Information

#475a78 Color Conversion

Color Schemes with #475a78

Alternatives to #475a78

#475a78 Preview

Shades and Tints of #475a78

Tones of #475a78

Color Blindness Simulator