#404bd9 hex color

In a RGB color space, hex #404bd9 is composed of 25.1% red, 29.4% green and 85.1% blue. Whereas in a CMYK color space, it is composed of 70.5% cyan, 65.4% magenta, 0% yellow and 14.9% black. It has a hue angle of 235.7 degrees, a saturation of 66.8% and a lightness of 55.1%. #404bd9 color hex could be obtained by blending #8096ff with #0000b3. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 25
- G 29
- B 85
RGB color chart
- C 71
- M 65
- Y 0
- K 15
CMYK color chart

● #404bd9 color description : Bright blue.

The hexadecimal color #404bd9 has RGB values of R:64, G:75, B:217 and CMYK values of C:0.71, M:0.65, Y:0, K:0.15. Its decimal value is 4213721.

Hex triplet	404bd9	`#404bd9`
RGB Decimal	64, 75, 217	`rgb(64,75,217)`
RGB Percent	25.1, 29.4, 85.1	`rgb(25.1%,29.4%,85.1%)`
CMYK	71, 65, 0, 15
HSL	235.7°, 66.8, 55.1	`hsl(235.7,66.8%,55.1%)`
HSV (or HSB)	235.7°, 70.5, 85.1
Web Safe	3333cc	`#3333cc`

CIE-LAB	39.8, 42.034, -73.809
XYZ	17.152, 11.131, 66.886
xyY	0.18, 0.117, 11.131
CIE-LCH	39.8, 84.939, 299.662
CIE-LUV	39.8, -10.105, -107.61
Hunter-Lab	33.363, 33.384, -95.511
Binary	01000000, 01001011, 11011001

#404bd9
```
#404bd9 rgb(64,75,217)
```
#d9ce40
```
#d9ce40 rgb(217,206,64)
```

Complementary Color

#4098d9
```
#4098d9 rgb(64,152,217)
```
#404bd9
```
#404bd9 rgb(64,75,217)
```
#8240d9
```
#8240d9 rgb(130,64,217)
```

Analogous Color

#98d940
```
#98d940 rgb(152,217,64)
```
#404bd9
```
#404bd9 rgb(64,75,217)
```
#d98240
```
#d98240 rgb(217,130,64)
```

Split Complementary Color

#4bd940
```
#4bd940 rgb(75,217,64)
```
#404bd9
```
#404bd9 rgb(64,75,217)
```
#d9404b
```
#d9404b rgb(217,64,75)
```

Triadic Color

#40d9ce
```
#40d9ce rgb(64,217,206)
```
#404bd9
```
#404bd9 rgb(64,75,217)
```
#d9404b
```
#d9404b rgb(217,64,75)
```
#d9ce40
```
#d9ce40 rgb(217,206,64)
```

Tetradic Color

#222cab
```
#222cab rgb(34,44,171)
```
#2631c0
```
#2631c0 rgb(38,49,192)
```
#2b37d5
```
#2b37d5 rgb(43,55,213)
```
#404bd9
```
#404bd9 rgb(64,75,217)
```
#555fdd
```
#555fdd rgb(85,95,221)
```
#6b73e1
```
#6b73e1 rgb(107,115,225)
```
#8087e6
```
#8087e6 rgb(128,135,230)
```

Monochromatic Color

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

#4071d9
```
#4071d9 rgb(64,113,217)
```
#4065d9
```
#4065d9 rgb(64,101,217)
```
#4058d9
```
#4058d9 rgb(64,88,217)
```
#404bd9
```
#404bd9 rgb(64,75,217)
```
#4240d9
```
#4240d9 rgb(66,64,217)
```
#4f40d9
```
#4f40d9 rgb(79,64,217)
```
#5b40d9
```
#5b40d9 rgb(91,64,217)
```

Similar Colors

Text with hexadecimal color #404bd9

This text has a font color of #404bd9.

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

#404bd9 background color

This paragraph has a background color of #404bd9.

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

#404bd9 border color

This element has a border color of #404bd9.

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

CSS codes

.text {color:#404bd9;}

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

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

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

#010105
```
#010105 rgb(1,1,5)
```
#040616
```
#040616 rgb(4,6,22)
```
#080a26
```
#080a26 rgb(8,10,38)
```
#0b0e36
```
#0b0e36 rgb(11,14,54)
```
#0e1247
```
#0e1247 rgb(14,18,71)
```
#111657
```
#111657 rgb(17,22,87)
```
#151b67
```
#151b67 rgb(21,27,103)
```
#181f78
```
#181f78 rgb(24,31,120)
```
#1b2388
```
#1b2388 rgb(27,35,136)
```
#1e2799
```
#1e2799 rgb(30,39,153)
```
#222ba9
```
#222ba9 rgb(34,43,169)
```
#2530b9
```
#2530b9 rgb(37,48,185)
```
#2834ca
```
#2834ca rgb(40,52,202)
```

Shade Color Variation

#303cd6
```
#303cd6 rgb(48,60,214)
```
#404bd9
```
#404bd9 rgb(64,75,217)
```
#505adc
```
#505adc rgb(80,90,220)
```
#616ae0
```
#616ae0 rgb(97,106,224)
```
#7179e3
```
#7179e3 rgb(113,121,227)
```
#8189e6
```
#8189e6 rgb(129,137,230)
```
#9298e9
```
#9298e9 rgb(146,152,233)
```
#a2a8ed
```
#a2a8ed rgb(162,168,237)
```
#b3b7f0
```
#b3b7f0 rgb(179,183,240)
```
#c3c6f3
```
#c3c6f3 rgb(195,198,243)
```
#d3d6f6
```
#d3d6f6 rgb(211,214,246)
```
#e4e5fa
```
#e4e5fa rgb(228,229,250)
```
#f4f5fd
```
#f4f5fd rgb(244,245,253)
```

Tint Color Variation

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

#868793
```
#868793 rgb(134,135,147)
```
#7e809b
```
#7e809b rgb(126,128,155)
```
#7578a4
```
#7578a4 rgb(117,120,164)
```
#6c71ad
```
#6c71ad rgb(108,113,173)
```
#6369b6
```
#6369b6 rgb(99,105,182)
```
#5a62bf
```
#5a62bf rgb(90,98,191)
```
#525ac7
```
#525ac7 rgb(82,90,199)
```
#4953d0
```
#4953d0 rgb(73,83,208)
```
#404bd9
```
#404bd9 rgb(64,75,217)
```
#3743e2
```
#3743e2 rgb(55,67,226)
```
#2e3ceb
```
#2e3ceb rgb(46,60,235)
```
#2634f3
```
#2634f3 rgb(38,52,243)
```
#1d2dfc
```
#1d2dfc rgb(29,45,252)
```

Tone Color Variation

Below, you can see how #404bd9 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
#535572 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0063c1 Protanopia 1% of men
#0068a8 Deuteranopia 1% of men
#007076 Tritanopia 0.001% of the population

Trichromacy

#175ac9 Protanomaly 1% of men, 0.01% of women
#175dba Deuteranomaly 6% of men, 0.4% of women
#17629a Tritanomaly 0.01% of the population

#404bd9 hex color

#404bd9 Color Information

#404bd9 Color Conversion

Color Schemes with #404bd9

Alternatives to #404bd9

#404bd9 Preview

Shades and Tints of #404bd9

Tones of #404bd9

Color Blindness Simulator