#474f86 hex color

In a RGB color space, hex #474f86 is composed of 27.8% red, 31% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 47% cyan, 41% magenta, 0% yellow and 47.5% black. It has a hue angle of 232.4 degrees, a saturation of 30.7% and a lightness of 40.2%. #474f86 color hex could be obtained by blending #8e9eff with #00000d. Closest websafe color is: #336699.

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

● #474f86 color description : Dark moderate blue.

The hexadecimal color #474f86 has RGB values of R:71, G:79, B:134 and CMYK values of C:0.47, M:0.41, Y:0, K:0.47. Its decimal value is 4673414.

Hex triplet	474f86	`#474f86`
RGB Decimal	71, 79, 134	`rgb(71,79,134)`
RGB Percent	27.8, 31, 52.5	`rgb(27.8%,31%,52.5%)`
CMYK	47, 41, 0, 47
HSL	232.4°, 30.7, 40.2	`hsl(232.4,30.7%,40.2%)`
HSV (or HSB)	232.4°, 47, 52.5
Web Safe	336699	`#336699`

CIE-LAB	35.306, 12.484, -31.869
XYZ	9.697, 8.652, 23.712
xyY	0.231, 0.206, 8.652
CIE-LCH	35.306, 34.227, 291.391
CIE-LUV	35.306, -6.281, -45.259
Hunter-Lab	29.415, 7.366, -27.204
Binary	01000111, 01001111, 10000110

#474f86
```
#474f86 rgb(71,79,134)
```
#867e47
```
#867e47 rgb(134,126,71)
```

Complementary Color

#476f86
```
#476f86 rgb(71,111,134)
```
#474f86
```
#474f86 rgb(71,79,134)
```
#5f4786
```
#5f4786 rgb(95,71,134)
```

Analogous Color

#6f8647
```
#6f8647 rgb(111,134,71)
```
#474f86
```
#474f86 rgb(71,79,134)
```
#865f47
```
#865f47 rgb(134,95,71)
```

Split Complementary Color

#4f8647
```
#4f8647 rgb(79,134,71)
```
#474f86
```
#474f86 rgb(71,79,134)
```
#86474f
```
#86474f rgb(134,71,79)
```

Triadic Color

#47867e
```
#47867e rgb(71,134,126)
```
#474f86
```
#474f86 rgb(71,79,134)
```
#86474f
```
#86474f rgb(134,71,79)
```
#867e47
```
#867e47 rgb(134,126,71)
```

Tetradic Color

#2d3254
```
#2d3254 rgb(45,50,84)
```
#353b65
```
#353b65 rgb(53,59,101)
```
#3e4575
```
#3e4575 rgb(62,69,117)
```
#474f86
```
#474f86 rgb(71,79,134)
```
#505997
```
#505997 rgb(80,89,151)
```
#5963a7
```
#5963a7 rgb(89,99,167)
```
#6a73b0
```
#6a73b0 rgb(106,115,176)
```

Monochromatic Color

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

#475f86
```
#475f86 rgb(71,95,134)
```
#475a86
```
#475a86 rgb(71,90,134)
```
#475486
```
#475486 rgb(71,84,134)
```
#474f86
```
#474f86 rgb(71,79,134)
```
#474a86
```
#474a86 rgb(71,74,134)
```
#4a4786
```
#4a4786 rgb(74,71,134)
```
#4f4786
```
#4f4786 rgb(79,71,134)
```

Similar Colors

Text with hexadecimal color #474f86

This text has a font color of #474f86.

<span style="color:#474f86;">Text here</span>

#474f86 background color

This paragraph has a background color of #474f86.

<p style="background-color:#474f86;">Content here</p>

#474f86 border color

This element has a border color of #474f86.

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

CSS codes

.text {color:#474f86;}

.background {background-color:#474f86;}

.border {border:1px solid #474f86;}

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

#030306
```
#030306 rgb(3,3,6)
```
#0a0b13
```
#0a0b13 rgb(10,11,19)
```
#11131f
```
#11131f rgb(17,19,31)
```
#171a2c
```
#171a2c rgb(23,26,44)
```
#1e2239
```
#1e2239 rgb(30,34,57)
```
#252946
```
#252946 rgb(37,41,70)
```
#2c3153
```
#2c3153 rgb(44,49,83)
```
#333860
```
#333860 rgb(51,56,96)
```
#39406c
```
#39406c rgb(57,64,108)
```
#404779
```
#404779 rgb(64,71,121)
```
#474f86
```
#474f86 rgb(71,79,134)
```
#4e5793
```
#4e5793 rgb(78,87,147)
```
#555ea0
```
#555ea0 rgb(85,94,160)
```

Shade Color Variation

#5e68aa
```
#5e68aa rgb(94,104,170)
```
#6b74b1
```
#6b74b1 rgb(107,116,177)
```
#7880b7
```
#7880b7 rgb(120,128,183)
```
#858cbe
```
#858cbe rgb(133,140,190)
```
#9198c5
```
#9198c5 rgb(145,152,197)
```
#9ea4cc
```
#9ea4cc rgb(158,164,204)
```
#abb0d3
```
#abb0d3 rgb(171,176,211)
```
#b8bcd9
```
#b8bcd9 rgb(184,188,217)
```
#c5c8e0
```
#c5c8e0 rgb(197,200,224)
```
#d1d4e7
```
#d1d4e7 rgb(209,212,231)
```
#dee0ee
```
#dee0ee rgb(222,224,238)
```
#ebecf4
```
#ebecf4 rgb(235,236,244)
```
#f8f8fb
```
#f8f8fb rgb(248,248,251)
```

Tint Color Variation

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

#5f616e
```
#5f616e rgb(95,97,110)
```
#575b76
```
#575b76 rgb(87,91,118)
```
#4f557e
```
#4f557e rgb(79,85,126)
```
#474f86
```
#474f86 rgb(71,79,134)
```
#3f498e
```
#3f498e rgb(63,73,142)
```
#374396
```
#374396 rgb(55,67,150)
```
#2f3d9e
```
#2f3d9e rgb(47,61,158)
```
#2737a6
```
#2737a6 rgb(39,55,166)
```
#2032ad
```
#2032ad rgb(32,50,173)
```
#182cb5
```
#182cb5 rgb(24,44,181)
```
#1026bd
```
#1026bd rgb(16,38,189)
```
#0820c5
```
#0820c5 rgb(8,32,197)
```
#001acd
```
#001acd rgb(0,26,205)
```

Tone Color Variation

Below, you can see how #474f86 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

#535353 Achromatopsia 0.005% of the population
#51525d Atypical Achromatopsia 0.001% of the population

Dichromacy

#465a8d Protanopia 1% of men
#405c8a Deuteranopia 1% of men
#436067 Tritanopia 0.001% of the population

Trichromacy

#46568b Protanomaly 1% of men, 0.01% of women
#425789 Deuteranomaly 6% of men, 0.4% of women
#445a72 Tritanomaly 0.01% of the population

#474f86 hex color

#474f86 Color Information

#474f86 Color Conversion

Color Schemes with #474f86

Alternatives to #474f86

#474f86 Preview

Shades and Tints of #474f86

Tones of #474f86

Color Blindness Simulator