colorhexa.com

#474d98 hex color

In a RGB color space, hex #474d98 is composed of 27.8% red, 30.2% green and 59.6% blue. Whereas in a CMYK color space, it is composed of 53.3% cyan, 49.3% magenta, 0% yellow and 40.4% black. It has a hue angle of 235.6 degrees, a saturation of 36.3% and a lightness of 43.7%. #474d98 color hex could be obtained by blending #8e9aff with #000031. Closest websafe color is: #336699.

- R 28
- G 30
- B 60
RGB color chart
- C 53
- M 49
- Y 0
- K 40
CMYK color chart

● #474d98 color description : Dark moderate blue.

The hexadecimal color #474d98 has RGB values of R:71, G:77, B:152 and CMYK values of C:0.53, M:0.49, Y:0, K:0.4. Its decimal value is 4672920.

Hex triplet	474d98	`#474d98`
RGB Decimal	71, 77, 152	`rgb(71,77,152)`
RGB Percent	27.8, 30.2, 59.6	`rgb(27.8%,30.2%,59.6%)`
CMYK	53, 49, 0, 40
HSL	235.6°, 36.3, 43.7	`hsl(235.6,36.3%,43.7%)`
HSV (or HSB)	235.6°, 53.3, 59.6
Web Safe	336699	`#336699`

CIE-LAB	35.818, 19.707, -42.017
XYZ	10.919, 8.914, 30.849
xyY	0.215, 0.176, 8.914
CIE-LCH	35.818, 46.409, 295.128
CIE-LUV	35.818, -6.376, -60.571
Hunter-Lab	29.856, 13.031, -40.363
Binary	01000111, 01001101, 10011000

#474d98
```
#474d98 rgb(71,77,152)
```
#989247
```
#989247 rgb(152,146,71)
```

Complementary Color

#477698
```
#477698 rgb(71,118,152)
```
#474d98
```
#474d98 rgb(71,77,152)
```
#6a4798
```
#6a4798 rgb(106,71,152)
```

Analogous Color

#769847
```
#769847 rgb(118,152,71)
```
#474d98
```
#474d98 rgb(71,77,152)
```
#986a47
```
#986a47 rgb(152,106,71)
```

Split Complementary Color

#4d9847
```
#4d9847 rgb(77,152,71)
```
#474d98
```
#474d98 rgb(71,77,152)
```
#98474d
```
#98474d rgb(152,71,77)
```

Triadic Color

#479892
```
#479892 rgb(71,152,146)
```
#474d98
```
#474d98 rgb(71,77,152)
```
#98474d
```
#98474d rgb(152,71,77)
```
#989247
```
#989247 rgb(152,146,71)
```

Tetradic Color

#2f3364
```
#2f3364 rgb(47,51,100)
```
#373b75
```
#373b75 rgb(55,59,117)
```
#3f4487
```
#3f4487 rgb(63,68,135)
```
#474d98
```
#474d98 rgb(71,77,152)
```
#4f56a9
```
#4f56a9 rgb(79,86,169)
```
#5e64b4
```
#5e64b4 rgb(94,100,180)
```
#7075bc
```
#7075bc rgb(112,117,188)
```

Monochromatic Color

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

#476198
```
#476198 rgb(71,97,152)
```
#475b98
```
#475b98 rgb(71,91,152)
```
#475498
```
#475498 rgb(71,84,152)
```
#474d98
```
#474d98 rgb(71,77,152)
```
#484798
```
#484798 rgb(72,71,152)
```
#4e4798
```
#4e4798 rgb(78,71,152)
```
#554798
```
#554798 rgb(85,71,152)
```

Similar Colors

Text with hexadecimal color #474d98

This text has a font color of #474d98.

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

#474d98 background color

This paragraph has a background color of #474d98.

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

#474d98 border color

This element has a border color of #474d98.

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

CSS codes

.text {color:#474d98;}

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

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

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

#020205
```
#020205 rgb(2,2,5)
```
#090912
```
#090912 rgb(9,9,18)
```
#0f1020
```
#0f1020 rgb(15,16,32)
```
#15172d
```
#15172d rgb(21,23,45)
```
#1b1e3a
```
#1b1e3a rgb(27,30,58)
```
#222448
```
#222448 rgb(34,36,72)
```
#282b55
```
#282b55 rgb(40,43,85)
```
#2e3263
```
#2e3263 rgb(46,50,99)
```
#343970
```
#343970 rgb(52,57,112)
```
#3b3f7d
```
#3b3f7d rgb(59,63,125)
```
#41468b
```
#41468b rgb(65,70,139)
```
#474d98
```
#474d98 rgb(71,77,152)
```
#4d54a5
```
#4d54a5 rgb(77,84,165)
```

Shade Color Variation

#565db0
```
#565db0 rgb(86,93,176)
```
#636ab6
```
#636ab6 rgb(99,106,182)
```
#7176bd
```
#7176bd rgb(113,118,189)
```
#7e83c3
```
#7e83c3 rgb(126,131,195)
```
#8c90c9
```
#8c90c9 rgb(140,144,201)
```
#999dcf
```
#999dcf rgb(153,157,207)
```
#a6aad6
```
#a6aad6 rgb(166,170,214)
```
#b4b7dc
```
#b4b7dc rgb(180,183,220)
```
#c1c4e2
```
#c1c4e2 rgb(193,196,226)
```
#ced0e8
```
#ced0e8 rgb(206,208,232)
```
#dcddef
```
#dcddef rgb(220,221,239)
```
#e9eaf5
```
#e9eaf5 rgb(233,234,245)
```
#f7f7fb
```
#f7f7fb rgb(247,247,251)
```

Tint Color Variation

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

#696a76
```
#696a76 rgb(105,106,118)
```
#61637e
```
#61637e rgb(97,99,126)
```
#585c87
```
#585c87 rgb(88,92,135)
```
#50548f
```
#50548f rgb(80,84,143)
```
#474d98
```
#474d98 rgb(71,77,152)
```
#3e46a1
```
#3e46a1 rgb(62,70,161)
```
#363ea9
```
#363ea9 rgb(54,62,169)
```
#2d37b2
```
#2d37b2 rgb(45,55,178)
```
#2530ba
```
#2530ba rgb(37,48,186)
```
#1c28c3
```
#1c28c3 rgb(28,40,195)
```
#1421cb
```
#1421cb rgb(20,33,203)
```
#0b1ad4
```
#0b1ad4 rgb(11,26,212)
```
#0213dd
```
#0213dd rgb(2,19,221)
```

Tone Color Variation

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

#355aa1 Protanopia 1% of men
#235e9a Deuteranopia 1% of men
#3a636a Tritanopia 0.001% of the population

Trichromacy

#3c559d Protanomaly 1% of men, 0.01% of women
#305899 Deuteranomaly 6% of men, 0.4% of women
#3f5b7a Tritanomaly 0.01% of the population