#475a8a hex color

In a RGB color space, hex #475a8a is composed of 27.8% red, 35.3% green and 54.1% blue. Whereas in a CMYK color space, it is composed of 48.6% cyan, 34.8% magenta, 0% yellow and 45.9% black. It has a hue angle of 223 degrees, a saturation of 32.1% and a lightness of 41%. #475a8a color hex could be obtained by blending #8eb4ff with #000015. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 28
- G 35
- B 54
RGB color chart
- C 49
- M 35
- Y 0
- K 46
CMYK color chart

● #475a8a color description : Dark moderate blue.

The hexadecimal color #475a8a has RGB values of R:71, G:90, B:138 and CMYK values of C:0.49, M:0.35, Y:0, K:0.46. Its decimal value is 4676234.

Hex triplet	475a8a	`#475a8a`
RGB Decimal	71, 90, 138	`rgb(71,90,138)`
RGB Percent	27.8, 35.3, 54.1	`rgb(27.8%,35.3%,54.1%)`
CMYK	49, 35, 0, 46
HSL	223°, 32.1, 41	`hsl(223,32.1%,41%)`
HSV (or HSB)	223°, 48.6, 54.1
Web Safe	336699	`#336699`

CIE-LAB	38.702, 6.7, -28.96
XYZ	10.841, 10.486, 25.496
xyY	0.232, 0.224, 10.486
CIE-LCH	38.702, 29.725, 283.027
CIE-LUV	38.702, -10.35, -41.523
Hunter-Lab	32.383, 3.089, -24.013
Binary	01000111, 01011010, 10001010

#475a8a
```
#475a8a rgb(71,90,138)
```
#8a7747
```
#8a7747 rgb(138,119,71)
```

Complementary Color

#477c8a
```
#477c8a rgb(71,124,138)
```
#475a8a
```
#475a8a rgb(71,90,138)
```
#56478a
```
#56478a rgb(86,71,138)
```

Analogous Color

#7c8a47
```
#7c8a47 rgb(124,138,71)
```
#475a8a
```
#475a8a rgb(71,90,138)
```
#8a5647
```
#8a5647 rgb(138,86,71)
```

Split Complementary Color

#5a8a47
```
#5a8a47 rgb(90,138,71)
```
#475a8a
```
#475a8a rgb(71,90,138)
```
#8a475a
```
#8a475a rgb(138,71,90)
```

Triadic Color

#478a77
```
#478a77 rgb(71,138,119)
```
#475a8a
```
#475a8a rgb(71,90,138)
```
#8a475a
```
#8a475a rgb(138,71,90)
```
#8a7747
```
#8a7747 rgb(138,119,71)
```

Tetradic Color

#2d3957
```
#2d3957 rgb(45,57,87)
```
#364468
```
#364468 rgb(54,68,104)
```
#3e4f79
```
#3e4f79 rgb(62,79,121)
```
#475a8a
```
#475a8a rgb(71,90,138)
```
#50659b
```
#50659b rgb(80,101,155)
```
#5a71aa
```
#5a71aa rgb(90,113,170)
```
#6b7fb3
```
#6b7fb3 rgb(107,127,179)
```

Monochromatic Color

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

#476b8a
```
#476b8a rgb(71,107,138)
```
#47658a
```
#47658a rgb(71,101,138)
```
#47608a
```
#47608a rgb(71,96,138)
```
#475a8a
```
#475a8a rgb(71,90,138)
```
#47548a
```
#47548a rgb(71,84,138)
```
#474f8a
```
#474f8a rgb(71,79,138)
```
#47498a
```
#47498a rgb(71,73,138)
```

Similar Colors

Text with hexadecimal color #475a8a

This text has a font color of #475a8a.

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

#475a8a background color

This paragraph has a background color of #475a8a.

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

#475a8a border color

This element has a border color of #475a8a.

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

CSS codes

.text {color:#475a8a;}

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

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

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

#040608
```
#040608 rgb(4,6,8)
```
#0b0e15
```
#0b0e15 rgb(11,14,21)
```
#121622
```
#121622 rgb(18,22,34)
```
#181f2f
```
#181f2f rgb(24,31,47)
```
#1f273c
```
#1f273c rgb(31,39,60)
```
#263049
```
#263049 rgb(38,48,73)
```
#2c3856
```
#2c3856 rgb(44,56,86)
```
#334163
```
#334163 rgb(51,65,99)
```
#3a4970
```
#3a4970 rgb(58,73,112)
```
#40527d
```
#40527d rgb(64,82,125)
```
#475a8a
```
#475a8a rgb(71,90,138)
```
#4e6297
```
#4e6297 rgb(78,98,151)
```
#546ba4
```
#546ba4 rgb(84,107,164)
```

Shade Color Variation

#5f75ad
```
#5f75ad rgb(95,117,173)
```
#6c80b3
```
#6c80b3 rgb(108,128,179)
```
#798bba
```
#798bba rgb(121,139,186)
```
#8697c1
```
#8697c1 rgb(134,151,193)
```
#93a2c7
```
#93a2c7 rgb(147,162,199)
```
#a0adce
```
#a0adce rgb(160,173,206)
```
#adb8d5
```
#adb8d5 rgb(173,184,213)
```
#bac3db
```
#bac3db rgb(186,195,219)
```
#c7cee2
```
#c7cee2 rgb(199,206,226)
```
#d4dae9
```
#d4dae9 rgb(212,218,233)
```
#e1e5ef
```
#e1e5ef rgb(225,229,239)
```
#eef0f6
```
#eef0f6 rgb(238,240,246)
```
#fbfbfd
```
#fbfbfd rgb(251,251,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #67686a is the less saturated color, while #073eca is the most saturated one.

#67686a
```
#67686a rgb(103,104,106)
```
#5f6472
```
#5f6472 rgb(95,100,114)
```
#57617a
```
#57617a rgb(87,97,122)
```
#4f5d82
```
#4f5d82 rgb(79,93,130)
```
#475a8a
```
#475a8a rgb(71,90,138)
```
#3f5792
```
#3f5792 rgb(63,87,146)
```
#37539a
```
#37539a rgb(55,83,154)
```
#2f50a2
```
#2f50a2 rgb(47,80,162)
```
#274caa
```
#274caa rgb(39,76,170)
```
#1f49b2
```
#1f49b2 rgb(31,73,178)
```
#1745ba
```
#1745ba rgb(23,69,186)
```
#0f42c2
```
#0f42c2 rgb(15,66,194)
```
#073eca
```
#073eca rgb(7,62,202)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#565a64 Atypical Achromatopsia 0.001% of the population

Dichromacy

#52628f Protanopia 1% of men
#4d638f Deuteranopia 1% of men
#446970 Tritanopia 0.001% of the population

Trichromacy

#4e5f8d Protanomaly 1% of men, 0.01% of women
#4b5f8d Deuteranomaly 6% of men, 0.4% of women
#45637a Tritanomaly 0.01% of the population

#475a8a hex color

#475a8a Color Information

#475a8a Color Conversion

Color Schemes with #475a8a

Alternatives to #475a8a

#475a8a Preview

Shades and Tints of #475a8a

Tones of #475a8a

Color Blindness Simulator