#404fb8 hex color

In a RGB color space, hex #404fb8 is composed of 25.1% red, 31% green and 72.2% blue. Whereas in a CMYK color space, it is composed of 65.2% cyan, 57.1% magenta, 0% yellow and 27.8% black. It has a hue angle of 232.5 degrees, a saturation of 48.4% and a lightness of 48.6%. #404fb8 color hex could be obtained by blending #809eff with #000071. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 25
- G 31
- B 72
RGB color chart
- C 65
- M 57
- Y 0
- K 28
CMYK color chart

● #404fb8 color description : Moderate blue.

The hexadecimal color #404fb8 has RGB values of R:64, G:79, B:184 and CMYK values of C:0.65, M:0.57, Y:0, K:0.28. Its decimal value is 4214712.

Hex triplet	404fb8	`#404fb8`
RGB Decimal	64, 79, 184	`rgb(64,79,184)`
RGB Percent	25.1, 31, 72.2	`rgb(25.1%,31%,72.2%)`
CMYK	65, 57, 0, 28
HSL	232.5°, 48.4, 48.6	`hsl(232.5,48.4%,48.6%)`
HSV (or HSB)	232.5°, 65.2, 72.2
Web Safe	3366cc	`#3366cc`

CIE-LAB	38.096, 28.092, -57.438
XYZ	13.56, 10.142, 46.588
xyY	0.193, 0.144, 10.142
CIE-LCH	38.096, 63.94, 296.063
CIE-LUV	38.096, -10.035, -83.949
Hunter-Lab	31.846, 20.275, -64.442
Binary	01000000, 01001111, 10111000

#404fb8
```
#404fb8 rgb(64,79,184)
```
#b8a940
```
#b8a940 rgb(184,169,64)
```

Complementary Color

#408bb8
```
#408bb8 rgb(64,139,184)
```
#404fb8
```
#404fb8 rgb(64,79,184)
```
#6d40b8
```
#6d40b8 rgb(109,64,184)
```

Analogous Color

#8bb840
```
#8bb840 rgb(139,184,64)
```
#404fb8
```
#404fb8 rgb(64,79,184)
```
#b86d40
```
#b86d40 rgb(184,109,64)
```

Split Complementary Color

#4fb840
```
#4fb840 rgb(79,184,64)
```
#404fb8
```
#404fb8 rgb(64,79,184)
```
#b8404f
```
#b8404f rgb(184,64,79)
```

Triadic Color

#40b8a9
```
#40b8a9 rgb(64,184,169)
```
#404fb8
```
#404fb8 rgb(64,79,184)
```
#b8404f
```
#b8404f rgb(184,64,79)
```
#b8a940
```
#b8a940 rgb(184,169,64)
```

Tetradic Color

#2c377f
```
#2c377f rgb(44,55,127)
```
#333f92
```
#333f92 rgb(51,63,146)
```
#3947a5
```
#3947a5 rgb(57,71,165)
```
#404fb8
```
#404fb8 rgb(64,79,184)
```
#505ec2
```
#505ec2 rgb(80,94,194)
```
#626fc9
```
#626fc9 rgb(98,111,201)
```
#7581cf
```
#7581cf rgb(117,129,207)
```

Monochromatic Color

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

#406db8
```
#406db8 rgb(64,109,184)
```
#4063b8
```
#4063b8 rgb(64,99,184)
```
#4059b8
```
#4059b8 rgb(64,89,184)
```
#404fb8
```
#404fb8 rgb(64,79,184)
```
#4045b8
```
#4045b8 rgb(64,69,184)
```
#4540b8
```
#4540b8 rgb(69,64,184)
```
#4f40b8
```
#4f40b8 rgb(79,64,184)
```

Similar Colors

Text with hexadecimal color #404fb8

This text has a font color of #404fb8.

<span style="color:#404fb8;">Text here</span>

#404fb8 background color

This paragraph has a background color of #404fb8.

<p style="background-color:#404fb8;">Content here</p>

#404fb8 border color

This element has a border color of #404fb8.

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

CSS codes

.text {color:#404fb8;}

.background {background-color:#404fb8;}

.border {border:1px solid #404fb8;}

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

#030409
```
#030409 rgb(3,4,9)
```
#080a18
```
#080a18 rgb(8,10,24)
```
#0d1126
```
#0d1126 rgb(13,17,38)
```
#121735
```
#121735 rgb(18,23,53)
```
#181d44
```
#181d44 rgb(24,29,68)
```
#1d2352
```
#1d2352 rgb(29,35,82)
```
#222a61
```
#222a61 rgb(34,42,97)
```
#27306f
```
#27306f rgb(39,48,111)
```
#2c367e
```
#2c367e rgb(44,54,126)
```
#313c8c
```
#313c8c rgb(49,60,140)
```
#36439b
```
#36439b rgb(54,67,155)
```
#3b49a9
```
#3b49a9 rgb(59,73,169)
```
#404fb8
```
#404fb8 rgb(64,79,184)
```

Shade Color Variation

#4b5ac0
```
#4b5ac0 rgb(75,90,192)
```
#5a67c6
```
#5a67c6 rgb(90,103,198)
```
#6875cb
```
#6875cb rgb(104,117,203)
```
#7782d0
```
#7782d0 rgb(119,130,208)
```
#858fd5
```
#858fd5 rgb(133,143,213)
```
#949dda
```
#949dda rgb(148,157,218)
```
#a2aadf
```
#a2aadf rgb(162,170,223)
```
#b1b7e4
```
#b1b7e4 rgb(177,183,228)
```
#c0c5e9
```
#c0c5e9 rgb(192,197,233)
```
#ced2ee
```
#ced2ee rgb(206,210,238)
```
#dddff3
```
#dddff3 rgb(221,223,243)
```
#ebedf8
```
#ebedf8 rgb(235,237,248)
```
#fafafd
```
#fafafd rgb(250,250,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #797a7f is the less saturated color, while #0724f1 is the most saturated one.

#797a7f
```
#797a7f rgb(121,122,127)
```
#707388
```
#707388 rgb(112,115,136)
```
#666c92
```
#666c92 rgb(102,108,146)
```
#5d649b
```
#5d649b rgb(93,100,155)
```
#535da5
```
#535da5 rgb(83,93,165)
```
#4a56ae
```
#4a56ae rgb(74,86,174)
```
#404fb8
```
#404fb8 rgb(64,79,184)
```
#3648c2
```
#3648c2 rgb(54,72,194)
```
#2d41cb
```
#2d41cb rgb(45,65,203)
```
#233ad5
```
#233ad5 rgb(35,58,213)
```
#1a32de
```
#1a32de rgb(26,50,222)
```
#102be8
```
#102be8 rgb(16,43,232)
```
#0724f1
```
#0724f1 rgb(7,36,241)
```

Tone Color Variation

Below, you can see how #404fb8 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

#565656 Achromatopsia 0.005% of the population
#52556a Atypical Achromatopsia 0.001% of the population

Dichromacy

#005fba Protanopia 1% of men
#0064a4 Deuteranopia 1% of men
#006b73 Tritanopia 0.001% of the population

Trichromacy

#1759b9 Protanomaly 1% of men, 0.01% of women
#175cab Deuteranomaly 6% of men, 0.4% of women
#17618c Tritanomaly 0.01% of the population

#404fb8 hex color

#404fb8 Color Information

#404fb8 Color Conversion

Color Schemes with #404fb8

Alternatives to #404fb8

#404fb8 Preview

Shades and Tints of #404fb8

Tones of #404fb8

Color Blindness Simulator