#474fb4 hex color

In a RGB color space, hex #474fb4 is composed of 27.8% red, 31% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 60.6% cyan, 56.1% magenta, 0% yellow and 29.4% black. It has a hue angle of 235.6 degrees, a saturation of 43.4% and a lightness of 49.2%. #474fb4 color hex could be obtained by blending #8e9eff with #000069. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 28
- G 31
- B 71
RGB color chart
- C 61
- M 56
- Y 0
- K 29
CMYK color chart

● #474fb4 color description : Moderate blue.

The hexadecimal color #474fb4 has RGB values of R:71, G:79, B:180 and CMYK values of C:0.61, M:0.56, Y:0, K:0.29. Its decimal value is 4673460.

Hex triplet	474fb4	`#474fb4`
RGB Decimal	71, 79, 180	`rgb(71,79,180)`
RGB Percent	27.8, 31, 70.6	`rgb(27.8%,31%,70.6%)`
CMYK	61, 56, 0, 29
HSL	235.6°, 43.4, 49.2	`hsl(235.6,43.4%,49.2%)`
HSV (or HSB)	235.6°, 60.6, 70.6
Web Safe	3366cc	`#3366cc`

CIE-LAB	38.245, 27.902, -54.82
XYZ	13.631, 10.226, 44.433
xyY	0.2, 0.15, 10.226
CIE-LCH	38.245, 61.513, 296.975
CIE-LUV	38.245, -8.098, -80.485
Hunter-Lab	31.978, 20.125, -59.997
Binary	01000111, 01001111, 10110100

#474fb4
```
#474fb4 rgb(71,79,180)
```
#b4ac47
```
#b4ac47 rgb(180,172,71)
```

Complementary Color

#4786b4
```
#4786b4 rgb(71,134,180)
```
#474fb4
```
#474fb4 rgb(71,79,180)
```
#7647b4
```
#7647b4 rgb(118,71,180)
```

Analogous Color

#86b447
```
#86b447 rgb(134,180,71)
```
#474fb4
```
#474fb4 rgb(71,79,180)
```
#b47647
```
#b47647 rgb(180,118,71)
```

Split Complementary Color

#4fb447
```
#4fb447 rgb(79,180,71)
```
#474fb4
```
#474fb4 rgb(71,79,180)
```
#b4474f
```
#b4474f rgb(180,71,79)
```

Triadic Color

#47b4ac
```
#47b4ac rgb(71,180,172)
```
#474fb4
```
#474fb4 rgb(71,79,180)
```
#b4474f
```
#b4474f rgb(180,71,79)
```
#b4ac47
```
#b4ac47 rgb(180,172,71)
```

Tetradic Color

#31377d
```
#31377d rgb(49,55,125)
```
#393f8f
```
#393f8f rgb(57,63,143)
```
#4047a2
```
#4047a2 rgb(64,71,162)
```
#474fb4
```
#474fb4 rgb(71,79,180)
```
#585fbd
```
#585fbd rgb(88,95,189)
```
#6a70c4
```
#6a70c4 rgb(106,112,196)
```
#7c82cb
```
#7c82cb rgb(124,130,203)
```

Monochromatic Color

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

#476ab4
```
#476ab4 rgb(71,106,180)
```
#4761b4
```
#4761b4 rgb(71,97,180)
```
#4758b4
```
#4758b4 rgb(71,88,180)
```
#474fb4
```
#474fb4 rgb(71,79,180)
```
#4847b4
```
#4847b4 rgb(72,71,180)
```
#5147b4
```
#5147b4 rgb(81,71,180)
```
#5a47b4
```
#5a47b4 rgb(90,71,180)
```

Similar Colors

Text with hexadecimal color #474fb4

This text has a font color of #474fb4.

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

#474fb4 background color

This paragraph has a background color of #474fb4.

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

#474fb4 border color

This element has a border color of #474fb4.

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

CSS codes

.text {color:#474fb4;}

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

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

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

#04050b
```
#04050b rgb(4,5,11)
```
#0a0b19
```
#0a0b19 rgb(10,11,25)
```
#101127
```
#101127 rgb(16,17,39)
```
#151735
```
#151735 rgb(21,23,53)
```
#1b1e43
```
#1b1e43 rgb(27,30,67)
```
#202452
```
#202452 rgb(32,36,82)
```
#262a60
```
#262a60 rgb(38,42,96)
```
#2b306e
```
#2b306e rgb(43,48,110)
```
#31367c
```
#31367c rgb(49,54,124)
```
#363c8a
```
#363c8a rgb(54,60,138)
```
#3c4398
```
#3c4398 rgb(60,67,152)
```
#4149a6
```
#4149a6 rgb(65,73,166)
```
#474fb4
```
#474fb4 rgb(71,79,180)
```

Shade Color Variation

#535bbb
```
#535bbb rgb(83,91,187)
```
#6168c1
```
#6168c1 rgb(97,104,193)
```
#6f76c6
```
#6f76c6 rgb(111,118,198)
```
#7e83cc
```
#7e83cc rgb(126,131,204)
```
#8c91d1
```
#8c91d1 rgb(140,145,209)
```
#9a9ed7
```
#9a9ed7 rgb(154,158,215)
```
#a8acdd
```
#a8acdd rgb(168,172,221)
```
#b6b9e2
```
#b6b9e2 rgb(182,185,226)
```
#c4c6e8
```
#c4c6e8 rgb(196,198,232)
```
#d2d4ed
```
#d2d4ed rgb(210,212,237)
```
#e0e1f3
```
#e0e1f3 rgb(224,225,243)
```
#eeeff8
```
#eeeff8 rgb(238,239,248)
```
#fcfcfe
```
#fcfcfe rgb(252,252,254)
```

Tint Color Variation

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

#777884
```
#777884 rgb(119,120,132)
```
#6e708d
```
#6e708d rgb(110,112,141)
```
#646897
```
#646897 rgb(100,104,151)
```
#5a5fa1
```
#5a5fa1 rgb(90,95,161)
```
#5157aa
```
#5157aa rgb(81,87,170)
```
#474fb4
```
#474fb4 rgb(71,79,180)
```
#3d47be
```
#3d47be rgb(61,71,190)
```
#343fc7
```
#343fc7 rgb(52,63,199)
```
#2a36d1
```
#2a36d1 rgb(42,54,209)
```
#202edb
```
#202edb rgb(32,46,219)
```
#1726e4
```
#1726e4 rgb(23,38,228)
```
#0d1eee
```
#0d1eee rgb(13,30,238)
```
#0315f8
```
#0315f8 rgb(3,21,248)
```

Tone Color Variation

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

#585858 Achromatopsia 0.005% of the population
#55566a Atypical Achromatopsia 0.001% of the population

Dichromacy

#005fbb Protanopia 1% of men
#0064a5 Deuteranopia 1% of men
#236b73 Tritanopia 0.001% of the population

Trichromacy

#1959b8 Protanomaly 1% of men, 0.01% of women
#195caa Deuteranomaly 6% of men, 0.4% of women
#30618a Tritanomaly 0.01% of the population

#474fb4 hex color

#474fb4 Color Information

#474fb4 Color Conversion

Color Schemes with #474fb4

Alternatives to #474fb4

#474fb4 Preview

Shades and Tints of #474fb4

Tones of #474fb4

Color Blindness Simulator