#474e87 hex color

In a RGB color space, hex #474e87 is composed of 27.8% red, 30.6% green and 52.9% blue. Whereas in a CMYK color space, it is composed of 47.4% cyan, 42.2% magenta, 0% yellow and 47.1% black. It has a hue angle of 233.4 degrees, a saturation of 31.1% and a lightness of 40.4%. #474e87 color hex could be obtained by blending #8e9cff with #00000f. Closest websafe color is: #336699.

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

● #474e87 color description : Dark moderate blue.

The hexadecimal color #474e87 has RGB values of R:71, G:78, B:135 and CMYK values of C:0.47, M:0.42, Y:0, K:0.47. Its decimal value is 4673159.

Hex triplet	474e87	`#474e87`
RGB Decimal	71, 78, 135	`rgb(71,78,135)`
RGB Percent	27.8, 30.6, 52.9	`rgb(27.8%,30.6%,52.9%)`
CMYK	47, 42, 0, 47
HSL	233.4°, 31.1, 40.4	`hsl(233.4,31.1%,40.4%)`
HSV (or HSB)	233.4°, 47.4, 52.9
Web Safe	336699	`#336699`

CIE-LAB	35.078, 13.457, -32.844
XYZ	9.695, 8.537, 24.057
xyY	0.229, 0.202, 8.537
CIE-LCH	35.078, 35.494, 292.28
CIE-LUV	35.078, -5.976, -46.661
Hunter-Lab	29.219, 8.096, -28.364
Binary	01000111, 01001110, 10000111

#474e87
```
#474e87 rgb(71,78,135)
```
#878047
```
#878047 rgb(135,128,71)
```

Complementary Color

#476e87
```
#476e87 rgb(71,110,135)
```
#474e87
```
#474e87 rgb(71,78,135)
```
#604787
```
#604787 rgb(96,71,135)
```

Analogous Color

#6e8747
```
#6e8747 rgb(110,135,71)
```
#474e87
```
#474e87 rgb(71,78,135)
```
#876047
```
#876047 rgb(135,96,71)
```

Split Complementary Color

#4e8747
```
#4e8747 rgb(78,135,71)
```
#474e87
```
#474e87 rgb(71,78,135)
```
#87474e
```
#87474e rgb(135,71,78)
```

Triadic Color

#478780
```
#478780 rgb(71,135,128)
```
#474e87
```
#474e87 rgb(71,78,135)
```
#87474e
```
#87474e rgb(135,71,78)
```
#878047
```
#878047 rgb(135,128,71)
```

Tetradic Color

#2d3155
```
#2d3155 rgb(45,49,85)
```
#353b66
```
#353b66 rgb(53,59,102)
```
#3e4476
```
#3e4476 rgb(62,68,118)
```
#474e87
```
#474e87 rgb(71,78,135)
```
#505898
```
#505898 rgb(80,88,152)
```
#5962a8
```
#5962a8 rgb(89,98,168)
```
#6a72b1
```
#6a72b1 rgb(106,114,177)
```

Monochromatic Color

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

#475e87
```
#475e87 rgb(71,94,135)
```
#475987
```
#475987 rgb(71,89,135)
```
#475387
```
#475387 rgb(71,83,135)
```
#474e87
```
#474e87 rgb(71,78,135)
```
#474987
```
#474987 rgb(71,73,135)
```
#4b4787
```
#4b4787 rgb(75,71,135)
```
#504787
```
#504787 rgb(80,71,135)
```

Similar Colors

Text with hexadecimal color #474e87

This text has a font color of #474e87.

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

#474e87 background color

This paragraph has a background color of #474e87.

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

#474e87 border color

This element has a border color of #474e87.

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

CSS codes

.text {color:#474e87;}

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

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

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

#030406
```
#030406 rgb(3,4,6)
```
#0a0b13
```
#0a0b13 rgb(10,11,19)
```
#111320
```
#111320 rgb(17,19,32)
```
#181a2d
```
#181a2d rgb(24,26,45)
```
#1e213a
```
#1e213a rgb(30,33,58)
```
#252947
```
#252947 rgb(37,41,71)
```
#2c3054
```
#2c3054 rgb(44,48,84)
```
#333860
```
#333860 rgb(51,56,96)
```
#393f6d
```
#393f6d rgb(57,63,109)
```
#40477a
```
#40477a rgb(64,71,122)
```
#474e87
```
#474e87 rgb(71,78,135)
```
#4e5594
```
#4e5594 rgb(78,85,148)
```
#555da1
```
#555da1 rgb(85,93,161)
```

Shade Color Variation

#5e67ab
```
#5e67ab rgb(94,103,171)
```
#6b73b1
```
#6b73b1 rgb(107,115,177)
```
#787fb8
```
#787fb8 rgb(120,127,184)
```
#858bbf
```
#858bbf rgb(133,139,191)
```
#9297c6
```
#9297c6 rgb(146,151,198)
```
#9fa4cc
```
#9fa4cc rgb(159,164,204)
```
#abb0d3
```
#abb0d3 rgb(171,176,211)
```
#b8bcda
```
#b8bcda rgb(184,188,218)
```
#c5c8e1
```
#c5c8e1 rgb(197,200,225)
```
#d2d4e7
```
#d2d4e7 rgb(210,212,231)
```
#dfe1ee
```
#dfe1ee rgb(223,225,238)
```
#ecedf5
```
#ecedf5 rgb(236,237,245)
```
#f9f9fc
```
#f9f9fc rgb(249,249,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #676767 is the less saturated color, while #081cc6 is the most saturated one.

#676767
```
#676767 rgb(103,103,103)
```
#5f616f
```
#5f616f rgb(95,97,111)
```
#575a77
```
#575a77 rgb(87,90,119)
```
#4f547f
```
#4f547f rgb(79,84,127)
```
#474e87
```
#474e87 rgb(71,78,135)
```
#3f488f
```
#3f488f rgb(63,72,143)
```
#374297
```
#374297 rgb(55,66,151)
```
#2f3b9f
```
#2f3b9f rgb(47,59,159)
```
#2735a7
```
#2735a7 rgb(39,53,167)
```
#1f2faf
```
#1f2faf rgb(31,47,175)
```
#1729b7
```
#1729b7 rgb(23,41,183)
```
#1023be
```
#1023be rgb(16,35,190)
```
#081cc6
```
#081cc6 rgb(8,28,198)
```

Tone Color Variation

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

#525252 Achromatopsia 0.005% of the population
#50515d Atypical Achromatopsia 0.001% of the population

Dichromacy

#44598f Protanopia 1% of men
#3d5b8b Deuteranopia 1% of men
#426066 Tritanopia 0.001% of the population

Trichromacy

#45558c Protanomaly 1% of men, 0.01% of women
#415689 Deuteranomaly 6% of men, 0.4% of women
#445972 Tritanomaly 0.01% of the population

#474e87 hex color

#474e87 Color Information

#474e87 Color Conversion

Color Schemes with #474e87

Alternatives to #474e87

#474e87 Preview

Shades and Tints of #474e87

Tones of #474e87

Color Blindness Simulator