#474d99 hex color

In a RGB color space, hex #474d99 is composed of 27.8% red, 30.2% green and 60% blue. Whereas in a CMYK color space, it is composed of 53.6% cyan, 49.7% magenta, 0% yellow and 40% black. It has a hue angle of 235.6 degrees, a saturation of 36.6% and a lightness of 43.9%. #474d99 color hex could be obtained by blending #8e9aff with #000033. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 28
- G 30
- B 60
RGB color chart
- C 54
- M 50
- Y 0
- K 40
CMYK color chart

● #474d99 color description : Dark moderate blue.

The hexadecimal color #474d99 has RGB values of R:71, G:77, B:153 and CMYK values of C:0.54, M:0.5, Y:0, K:0.4. Its decimal value is 4672921.

Hex triplet	474d99	`#474d99`
RGB Decimal	71, 77, 153	`rgb(71,77,153)`
RGB Percent	27.8, 30.2, 60	`rgb(27.8%,30.2%,60%)`
CMYK	54, 50, 0, 40
HSL	235.6°, 36.6, 43.9	`hsl(235.6,36.6%,43.9%)`
HSV (or HSB)	235.6°, 53.6, 60
Web Safe	336699	`#336699`

CIE-LAB	35.882, 20.042, -42.519
XYZ	11.001, 8.947, 31.282
xyY	0.215, 0.175, 8.947
CIE-LCH	35.882, 47.006, 295.237
CIE-LUV	35.882, -6.419, -61.339
Hunter-Lab	29.911, 13.306, -41.07
Binary	01000111, 01001101, 10011001

#474d99
```
#474d99 rgb(71,77,153)
```
#999347
```
#999347 rgb(153,147,71)
```

Complementary Color

#477699
```
#477699 rgb(71,118,153)
```
#474d99
```
#474d99 rgb(71,77,153)
```
#6a4799
```
#6a4799 rgb(106,71,153)
```

Analogous Color

#769947
```
#769947 rgb(118,153,71)
```
#474d99
```
#474d99 rgb(71,77,153)
```
#996a47
```
#996a47 rgb(153,106,71)
```

Split Complementary Color

#4d9947
```
#4d9947 rgb(77,153,71)
```
#474d99
```
#474d99 rgb(71,77,153)
```
#99474d
```
#99474d rgb(153,71,77)
```

Triadic Color

#479993
```
#479993 rgb(71,153,147)
```
#474d99
```
#474d99 rgb(71,77,153)
```
#99474d
```
#99474d rgb(153,71,77)
```
#999347
```
#999347 rgb(153,147,71)
```

Tetradic Color

#2f3365
```
#2f3365 rgb(47,51,101)
```
#373b76
```
#373b76 rgb(55,59,118)
```
#3f4488
```
#3f4488 rgb(63,68,136)
```
#474d99
```
#474d99 rgb(71,77,153)
```
#4f56aa
```
#4f56aa rgb(79,86,170)
```
#5e65b5
```
#5e65b5 rgb(94,101,181)
```
#7076bd
```
#7076bd rgb(112,118,189)
```

Monochromatic Color

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

#476299
```
#476299 rgb(71,98,153)
```
#475b99
```
#475b99 rgb(71,91,153)
```
#475499
```
#475499 rgb(71,84,153)
```
#474d99
```
#474d99 rgb(71,77,153)
```
#484799
```
#484799 rgb(72,71,153)
```
#4f4799
```
#4f4799 rgb(79,71,153)
```
#554799
```
#554799 rgb(85,71,153)
```

Similar Colors

Text with hexadecimal color #474d99

This text has a font color of #474d99.

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

#474d99 background color

This paragraph has a background color of #474d99.

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

#474d99 border color

This element has a border color of #474d99.

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

CSS codes

.text {color:#474d99;}

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

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

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 #f7f8fb is the lightest one.

#030306
```
#030306 rgb(3,3,6)
```
#090a13
```
#090a13 rgb(9,10,19)
```
#0f1020
```
#0f1020 rgb(15,16,32)
```
#15172e
```
#15172e rgb(21,23,46)
```
#1b1e3b
```
#1b1e3b rgb(27,30,59)
```
#222549
```
#222549 rgb(34,37,73)
```
#282b56
```
#282b56 rgb(40,43,86)
```
#2e3263
```
#2e3263 rgb(46,50,99)
```
#343971
```
#343971 rgb(52,57,113)
```
#3b407e
```
#3b407e rgb(59,64,126)
```
#41468c
```
#41468c rgb(65,70,140)
```
#474d99
```
#474d99 rgb(71,77,153)
```
#4d54a6
```
#4d54a6 rgb(77,84,166)
```

Shade Color Variation

#565db1
```
#565db1 rgb(86,93,177)
```
#646ab7
```
#646ab7 rgb(100,106,183)
```
#7177bd
```
#7177bd rgb(113,119,189)
```
#7f84c3
```
#7f84c3 rgb(127,132,195)
```
#8c91ca
```
#8c91ca rgb(140,145,202)
```
#999dd0
```
#999dd0 rgb(153,157,208)
```
#a7aad6
```
#a7aad6 rgb(167,170,214)
```
#b4b7dc
```
#b4b7dc rgb(180,183,220)
```
#c2c4e3
```
#c2c4e3 rgb(194,196,227)
```
#cfd1e9
```
#cfd1e9 rgb(207,209,233)
```
#dcdeef
```
#dcdeef rgb(220,222,239)
```
#eaebf5
```
#eaebf5 rgb(234,235,245)
```
#f7f8fb
```
#f7f8fb rgb(247,248,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #696a77 is the less saturated color, while #0212de is the most saturated one.

#696a77
```
#696a77 rgb(105,106,119)
```
#61637f
```
#61637f rgb(97,99,127)
```
#585c88
```
#585c88 rgb(88,92,136)
```
#505490
```
#505490 rgb(80,84,144)
```
#474d99
```
#474d99 rgb(71,77,153)
```
#3e46a2
```
#3e46a2 rgb(62,70,162)
```
#363eaa
```
#363eaa rgb(54,62,170)
```
#2d37b3
```
#2d37b3 rgb(45,55,179)
```
#2530bb
```
#2530bb rgb(37,48,187)
```
#1c28c4
```
#1c28c4 rgb(28,40,196)
```
#1321cd
```
#1321cd rgb(19,33,205)
```
#0b1ad5
```
#0b1ad5 rgb(11,26,213)
```
#0212de
```
#0212de rgb(2,18,222)
```

Tone Color Variation

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

#545454 Achromatopsia 0.005% of the population
#515362 Atypical Achromatopsia 0.001% of the population

Dichromacy

#345aa2 Protanopia 1% of men
#215e9a Deuteranopia 1% of men
#3a636a Tritanopia 0.001% of the population

Trichromacy

#3b559e Protanomaly 1% of men, 0.01% of women
#2f589a Deuteranomaly 6% of men, 0.4% of women
#3e5b7b Tritanomaly 0.01% of the population

#474d99 hex color

#474d99 Color Information

#474d99 Color Conversion

Color Schemes with #474d99

Alternatives to #474d99

#474d99 Preview

Shades and Tints of #474d99

Tones of #474d99

Color Blindness Simulator