#474d8e hex color

In a RGB color space, hex #474d8e is composed of 27.8% red, 30.2% green and 55.7% blue. Whereas in a CMYK color space, it is composed of 50% cyan, 45.8% magenta, 0% yellow and 44.3% black. It has a hue angle of 234.9 degrees, a saturation of 33.3% and a lightness of 41.8%. #474d8e color hex could be obtained by blending #8e9aff with #00001d. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 28
- G 30
- B 56
RGB color chart
- C 50
- M 46
- Y 0
- K 44
CMYK color chart

● #474d8e color description : Dark moderate blue.

The hexadecimal color #474d8e has RGB values of R:71, G:77, B:142 and CMYK values of C:0.5, M:0.46, Y:0, K:0.44. Its decimal value is 4672910.

Hex triplet	474d8e	`#474d8e`
RGB Decimal	71, 77, 142	`rgb(71,77,142)`
RGB Percent	27.8, 30.2, 55.7	`rgb(27.8%,30.2%,55.7%)`
CMYK	50, 46, 0, 44
HSL	234.9°, 33.3, 41.8	`hsl(234.9,33.3%,41.8%)`
HSV (or HSB)	234.9°, 50, 55.7
Web Safe	336699	`#336699`

CIE-LAB	35.202, 16.391, -36.928
XYZ	10.134, 8.6, 26.716
xyY	0.223, 0.189, 8.6
CIE-LCH	35.202, 40.402, 293.935
CIE-LUV	35.202, -5.941, -52.795
Hunter-Lab	29.326, 10.363, -33.485
Binary	01000111, 01001101, 10001110

#474d8e
```
#474d8e rgb(71,77,142)
```
#8e8847
```
#8e8847 rgb(142,136,71)
```

Complementary Color

#47718e
```
#47718e rgb(71,113,142)
```
#474d8e
```
#474d8e rgb(71,77,142)
```
#65478e
```
#65478e rgb(101,71,142)
```

Analogous Color

#718e47
```
#718e47 rgb(113,142,71)
```
#474d8e
```
#474d8e rgb(71,77,142)
```
#8e6547
```
#8e6547 rgb(142,101,71)
```

Split Complementary Color

#4d8e47
```
#4d8e47 rgb(77,142,71)
```
#474d8e
```
#474d8e rgb(71,77,142)
```
#8e474d
```
#8e474d rgb(142,71,77)
```

Triadic Color

#478e88
```
#478e88 rgb(71,142,136)
```
#474d8e
```
#474d8e rgb(71,77,142)
```
#8e474d
```
#8e474d rgb(142,71,77)
```
#8e8847
```
#8e8847 rgb(142,136,71)
```

Tetradic Color

#2e315b
```
#2e315b rgb(46,49,91)
```
#363b6c
```
#363b6c rgb(54,59,108)
```
#3f447d
```
#3f447d rgb(63,68,125)
```
#474d8e
```
#474d8e rgb(71,77,142)
```
#50569f
```
#50569f rgb(80,86,159)
```
#5b62ad
```
#5b62ad rgb(91,98,173)
```
#6c72b6
```
#6c72b6 rgb(108,114,182)
```

Monochromatic Color

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

#475f8e
```
#475f8e rgb(71,95,142)
```
#47598e
```
#47598e rgb(71,89,142)
```
#47538e
```
#47538e rgb(71,83,142)
```
#474d8e
```
#474d8e rgb(71,77,142)
```
#47478e
```
#47478e rgb(71,71,142)
```
#4d478e
```
#4d478e rgb(77,71,142)
```
#53478e
```
#53478e rgb(83,71,142)
```

Similar Colors

Text with hexadecimal color #474d8e

This text has a font color of #474d8e.

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

#474d8e background color

This paragraph has a background color of #474d8e.

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

#474d8e border color

This element has a border color of #474d8e.

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

CSS codes

.text {color:#474d8e;}

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

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

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, #06060b is the darkest color, while #fdfdfe is the lightest one.

#06060b
```
#06060b rgb(6,6,11)
```
#0c0d18
```
#0c0d18 rgb(12,13,24)
```
#131425
```
#131425 rgb(19,20,37)
```
#191b32
```
#191b32 rgb(25,27,50)
```
#202240
```
#202240 rgb(32,34,64)
```
#262a4d
```
#262a4d rgb(38,42,77)
```
#2d315a
```
#2d315a rgb(45,49,90)
```
#333867
```
#333867 rgb(51,56,103)
```
#3a3f74
```
#3a3f74 rgb(58,63,116)
```
#404681
```
#404681 rgb(64,70,129)
```
#474d8e
```
#474d8e rgb(71,77,142)
```
#4e549b
```
#4e549b rgb(78,84,155)
```
#545ba8
```
#545ba8 rgb(84,91,168)
```

Shade Color Variation

#6067b0
```
#6067b0 rgb(96,103,176)
```
#6d73b6
```
#6d73b6 rgb(109,115,182)
```
#7a80bd
```
#7a80bd rgb(122,128,189)
```
#878dc3
```
#878dc3 rgb(135,141,195)
```
#9599ca
```
#9599ca rgb(149,153,202)
```
#a2a6d0
```
#a2a6d0 rgb(162,166,208)
```
#afb2d7
```
#afb2d7 rgb(175,178,215)
```
#bcbfdd
```
#bcbfdd rgb(188,191,221)
```
#c9cbe4
```
#c9cbe4 rgb(201,203,228)
```
#d6d8ea
```
#d6d8ea rgb(214,216,234)
```
#e3e4f1
```
#e3e4f1 rgb(227,228,241)
```
#f0f1f8
```
#f0f1f8 rgb(240,241,248)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #68686d is the less saturated color, while #0517d0 is the most saturated one.

#68686d
```
#68686d rgb(104,104,109)
```
#606175
```
#606175 rgb(96,97,117)
```
#575b7e
```
#575b7e rgb(87,91,126)
```
#4f5486
```
#4f5486 rgb(79,84,134)
```
#474d8e
```
#474d8e rgb(71,77,142)
```
#3f4696
```
#3f4696 rgb(63,70,150)
```
#373f9e
```
#373f9e rgb(55,63,158)
```
#2e39a7
```
#2e39a7 rgb(46,57,167)
```
#2632af
```
#2632af rgb(38,50,175)
```
#1e2bb7
```
#1e2bb7 rgb(30,43,183)
```
#1624bf
```
#1624bf rgb(22,36,191)
```
#0e1dc7
```
#0e1dc7 rgb(14,29,199)
```
#0517d0
```
#0517d0 rgb(5,23,208)
```

Tone Color Variation

Below, you can see how #474d8e 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
#51525f Atypical Achromatopsia 0.001% of the population

Dichromacy

#3e5996 Protanopia 1% of men
#345c91 Deuteranopia 1% of men
#3f6067 Tritanopia 0.001% of the population

Trichromacy

#415593 Protanomaly 1% of men, 0.01% of women
#3b5690 Deuteranomaly 6% of men, 0.4% of women
#425975 Tritanomaly 0.01% of the population

#474d8e hex color

#474d8e Color Information

#474d8e Color Conversion

Color Schemes with #474d8e

Alternatives to #474d8e

#474d8e Preview

Shades and Tints of #474d8e

Tones of #474d8e

Color Blindness Simulator