#474bf4 hex color

In a RGB color space, hex #474bf4 is composed of 27.8% red, 29.4% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 70.9% cyan, 69.3% magenta, 0% yellow and 4.3% black. It has a hue angle of 238.6 degrees, a saturation of 88.7% and a lightness of 61.8%. #474bf4 color hex could be obtained by blending #8e96ff with #0000e9. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 28
- G 29
- B 96
RGB color chart
- C 71
- M 69
- Y 0
- K 4
CMYK color chart

● #474bf4 color description : Bright blue.

The hexadecimal color #474bf4 has RGB values of R:71, G:75, B:244 and CMYK values of C:0.71, M:0.69, Y:0, K:0.04. Its decimal value is 4672500.

Hex triplet	474bf4	`#474bf4`
RGB Decimal	71, 75, 244	`rgb(71,75,244)`
RGB Percent	27.8, 29.4, 95.7	`rgb(27.8%,29.4%,95.7%)`
CMYK	71, 69, 0, 4
HSL	238.6°, 88.7, 61.8	`hsl(238.6,88.7%,61.8%)`
HSV (or HSB)	238.6°, 70.9, 95.7
Web Safe	3333ff	`#3333ff`

CIE-LAB	42.615, 51.717, -84.487
XYZ	21.44, 12.902, 86.943
xyY	0.177, 0.106, 12.902
CIE-LCH	42.615, 99.059, 301.472
CIE-LUV	42.615, -9.747, -124.255
Hunter-Lab	35.92, 43.688, -118.368
Binary	01000111, 01001011, 11110100

#474bf4
```
#474bf4 rgb(71,75,244)
```
#f4f047
```
#f4f047 rgb(244,240,71)
```

Complementary Color

#47a2f4
```
#47a2f4 rgb(71,162,244)
```
#474bf4
```
#474bf4 rgb(71,75,244)
```
#9a47f4
```
#9a47f4 rgb(154,71,244)
```

Analogous Color

#a2f447
```
#a2f447 rgb(162,244,71)
```
#474bf4
```
#474bf4 rgb(71,75,244)
```
#f49a47
```
#f49a47 rgb(244,154,71)
```

Split Complementary Color

#4bf447
```
#4bf447 rgb(75,244,71)
```
#474bf4
```
#474bf4 rgb(71,75,244)
```
#f4474b
```
#f4474b rgb(244,71,75)
```

Triadic Color

#47f4f0
```
#47f4f0 rgb(71,244,240)
```
#474bf4
```
#474bf4 rgb(71,75,244)
```
#f4474b
```
#f4474b rgb(244,71,75)
```
#f4f047
```
#f4f047 rgb(244,240,71)
```

Tetradic Color

#0d12e1
```
#0d12e1 rgb(13,18,225)
```
#171cf1
```
#171cf1 rgb(23,28,241)
```
#2f33f3
```
#2f33f3 rgb(47,51,243)
```
#474bf4
```
#474bf4 rgb(71,75,244)
```
#5f63f5
```
#5f63f5 rgb(95,99,245)
```
#777af7
```
#777af7 rgb(119,122,247)
```
#8f92f8
```
#8f92f8 rgb(143,146,248)
```

Monochromatic Color

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

#4776f4
```
#4776f4 rgb(71,118,244)
```
#4768f4
```
#4768f4 rgb(71,104,244)
```
#4759f4
```
#4759f4 rgb(71,89,244)
```
#474bf4
```
#474bf4 rgb(71,75,244)
```
#5147f4
```
#5147f4 rgb(81,71,244)
```
#6047f4
```
#6047f4 rgb(96,71,244)
```
#6e47f4
```
#6e47f4 rgb(110,71,244)
```

Similar Colors

Text with hexadecimal color #474bf4

This text has a font color of #474bf4.

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

#474bf4 background color

This paragraph has a background color of #474bf4.

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

#474bf4 border color

This element has a border color of #474bf4.

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

CSS codes

.text {color:#474bf4;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#010214
```
#010214 rgb(1,2,20)
```
#020326
```
#020326 rgb(2,3,38)
```
#030539
```
#030539 rgb(3,5,57)
```
#04064b
```
#04064b rgb(4,6,75)
```
#06085e
```
#06085e rgb(6,8,94)
```
#070970
```
#070970 rgb(7,9,112)
```
#080b83
```
#080b83 rgb(8,11,131)
```
#090c95
```
#090c95 rgb(9,12,149)
```
#0a0ea8
```
#0a0ea8 rgb(10,14,168)
```
#0b0fba
```
#0b0fba rgb(11,15,186)
```
#0c11cd
```
#0c11cd rgb(12,17,205)
```
#0d12df
```
#0d12df rgb(13,18,223)
```

Shade Color Variation

#0f15f1
```
#0f15f1 rgb(15,21,241)
```
#2227f2
```
#2227f2 rgb(34,39,242)
```
#3439f3
```
#3439f3 rgb(52,57,243)
```
#474bf4
```
#474bf4 rgb(71,75,244)
```
#5a5df5
```
#5a5df5 rgb(90,93,245)
```
#6c6ff6
```
#6c6ff6 rgb(108,111,246)
```
#7f81f7
```
#7f81f7 rgb(127,129,247)
```
#9193f8
```
#9193f8 rgb(145,147,248)
```
#a4a6fa
```
#a4a6fa rgb(164,166,250)
```
#b6b8fb
```
#b6b8fb rgb(182,184,251)
```
#c9cafc
```
#c9cafc rgb(201,202,252)
```
#dbdcfd
```
#dbdcfd rgb(219,220,253)
```
#eeeefe
```
#eeeefe rgb(238,238,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9a9aa2 is the less saturated color, while #4044fc is the most saturated one.

#9a9aa2
```
#9a9aa2 rgb(154,154,162)
```
#9293a9
```
#9293a9 rgb(146,147,169)
```
#8b8bb1
```
#8b8bb1 rgb(139,139,177)
```
#8384b8
```
#8384b8 rgb(131,132,184)
```
#7c7dc0
```
#7c7dc0 rgb(124,125,192)
```
#7476c7
```
#7476c7 rgb(116,118,199)
```
#6d6fcf
```
#6d6fcf rgb(109,111,207)
```
#6568d6
```
#6568d6 rgb(101,104,214)
```
#5e60de
```
#5e60de rgb(94,96,222)
```
#5659e5
```
#5659e5 rgb(86,89,229)
```
#4f52ed
```
#4f52ed rgb(79,82,237)
```
#474bf4
```
#474bf4 rgb(71,75,244)
```
#4044fc
```
#4044fc rgb(64,68,252)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#59597b Atypical Achromatopsia 0.001% of the population

Dichromacy

#0069cd Protanopia 1% of men
#006fb2 Deuteranopia 1% of men
#00777e Tritanopia 0.001% of the population

Trichromacy

#195edb Protanomaly 1% of men, 0.01% of women
#1962ca Deuteranomaly 6% of men, 0.4% of women
#1967a8 Tritanomaly 0.01% of the population

#474bf4 hex color

#474bf4 Color Information

#474bf4 Color Conversion

Color Schemes with #474bf4

Alternatives to #474bf4

#474bf4 Preview

Shades and Tints of #474bf4

Tones of #474bf4

Color Blindness Simulator