#404bdd hex color

In a RGB color space, hex #404bdd is composed of 25.1% red, 29.4% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 71% cyan, 66.1% magenta, 0% yellow and 13.3% black. It has a hue angle of 235.8 degrees, a saturation of 69.8% and a lightness of 55.9%. #404bdd color hex could be obtained by blending #8096ff with #0000bb. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 25
- G 29
- B 87
RGB color chart
- C 71
- M 66
- Y 0
- K 13
CMYK color chart

● #404bdd color description : Bright blue.

The hexadecimal color #404bdd has RGB values of R:64, G:75, B:221 and CMYK values of C:0.71, M:0.66, Y:0, K:0.13. Its decimal value is 4213725.

Hex triplet	404bdd	`#404bdd`
RGB Decimal	64, 75, 221	`rgb(64,75,221)`
RGB Percent	25.1, 29.4, 86.7	`rgb(25.1%,29.4%,86.7%)`
CMYK	71, 66, 0, 13
HSL	235.8°, 69.8, 55.9	`hsl(235.8,69.8%,55.9%)`
HSV (or HSB)	235.8°, 71, 86.7
Web Safe	3333cc	`#3333cc`

CIE-LAB	40.15, 43.389, -75.524
XYZ	17.679, 11.342, 69.66
xyY	0.179, 0.115, 11.342
CIE-LCH	40.15, 87.1, 299.878
CIE-LUV	40.15, -10.239, -110.174
Hunter-Lab	33.677, 34.769, -99.065
Binary	01000000, 01001011, 11011101

#404bdd
```
#404bdd rgb(64,75,221)
```
#ddd240
```
#ddd240 rgb(221,210,64)
```

Complementary Color

#409add
```
#409add rgb(64,154,221)
```
#404bdd
```
#404bdd rgb(64,75,221)
```
#8440dd
```
#8440dd rgb(132,64,221)
```

Analogous Color

#9add40
```
#9add40 rgb(154,221,64)
```
#404bdd
```
#404bdd rgb(64,75,221)
```
#dd8440
```
#dd8440 rgb(221,132,64)
```

Split Complementary Color

#4bdd40
```
#4bdd40 rgb(75,221,64)
```
#404bdd
```
#404bdd rgb(64,75,221)
```
#dd404b
```
#dd404b rgb(221,64,75)
```

Triadic Color

#40ddd2
```
#40ddd2 rgb(64,221,210)
```
#404bdd
```
#404bdd rgb(64,75,221)
```
#dd404b
```
#dd404b rgb(221,64,75)
```
#ddd240
```
#ddd240 rgb(221,210,64)
```

Tetradic Color

#202ab1
```
#202ab1 rgb(32,42,177)
```
#232fc7
```
#232fc7 rgb(35,47,199)
```
#2a37d9
```
#2a37d9 rgb(42,55,217)
```
#404bdd
```
#404bdd rgb(64,75,221)
```
#565fe1
```
#565fe1 rgb(86,95,225)
```
#6b74e5
```
#6b74e5 rgb(107,116,229)
```
#8188e9
```
#8188e9 rgb(129,136,233)
```

Monochromatic Color

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

#4072dd
```
#4072dd rgb(64,114,221)
```
#4065dd
```
#4065dd rgb(64,101,221)
```
#4058dd
```
#4058dd rgb(64,88,221)
```
#404bdd
```
#404bdd rgb(64,75,221)
```
#4240dd
```
#4240dd rgb(66,64,221)
```
#4f40dd
```
#4f40dd rgb(79,64,221)
```
#5c40dd
```
#5c40dd rgb(92,64,221)
```

Similar Colors

Text with hexadecimal color #404bdd

This text has a font color of #404bdd.

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

#404bdd background color

This paragraph has a background color of #404bdd.

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

#404bdd border color

This element has a border color of #404bdd.

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

CSS codes

.text {color:#404bdd;}

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

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

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

#020209
```
#020209 rgb(2,2,9)
```
#050619
```
#050619 rgb(5,6,25)
```
#070a2a
```
#070a2a rgb(7,10,42)
```
#0a0e3b
```
#0a0e3b rgb(10,14,59)
```
#0d124b
```
#0d124b rgb(13,18,75)
```
#10165c
```
#10165c rgb(16,22,92)
```
#131a6d
```
#131a6d rgb(19,26,109)
```
#161e7d
```
#161e7d rgb(22,30,125)
```
#19218e
```
#19218e rgb(25,33,142)
```
#1c259f
```
#1c259f rgb(28,37,159)
```
#1f29af
```
#1f29af rgb(31,41,175)
```
#222dc0
```
#222dc0 rgb(34,45,192)
```
#2531d1
```
#2531d1 rgb(37,49,209)
```

Shade Color Variation

#2f3bda
```
#2f3bda rgb(47,59,218)
```
#404bdd
```
#404bdd rgb(64,75,221)
```
#515be0
```
#515be0 rgb(81,91,224)
```
#616ae3
```
#616ae3 rgb(97,106,227)
```
#727ae6
```
#727ae6 rgb(114,122,230)
```
#838ae9
```
#838ae9 rgb(131,138,233)
```
#9399ec
```
#9399ec rgb(147,153,236)
```
#a4a9ef
```
#a4a9ef rgb(164,169,239)
```
#b5b9f2
```
#b5b9f2 rgb(181,185,242)
```
#c5c9f5
```
#c5c9f5 rgb(197,201,245)
```
#d6d8f8
```
#d6d8f8 rgb(214,216,248)
```
#e7e8fb
```
#e7e8fb rgb(231,232,251)
```
#f7f8fe
```
#f7f8fe rgb(247,248,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8e8e8f is the less saturated color, while #2635f7 is the most saturated one.

#8e8e8f
```
#8e8e8f rgb(142,142,143)
```
#858798
```
#858798 rgb(133,135,152)
```
#7d7fa0
```
#7d7fa0 rgb(125,127,160)
```
#7478a9
```
#7478a9 rgb(116,120,169)
```
#6b70b2
```
#6b70b2 rgb(107,112,178)
```
#6369ba
```
#6369ba rgb(99,105,186)
```
#5a61c3
```
#5a61c3 rgb(90,97,195)
```
#515acc
```
#515acc rgb(81,90,204)
```
#4952d4
```
#4952d4 rgb(73,82,212)
```
#404bdd
```
#404bdd rgb(64,75,221)
```
#3744e6
```
#3744e6 rgb(55,68,230)
```
#2f3cee
```
#2f3cee rgb(47,60,238)
```
#2635f7
```
#2635f7 rgb(38,53,247)
```

Tone Color Variation

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

Dichromacy

#0063c2 Protanopia 1% of men
#0069a9 Deuteranopia 1% of men
#007177 Tritanopia 0.001% of the population

Trichromacy

#175acc Protanomaly 1% of men, 0.01% of women
#175ebc Deuteranomaly 6% of men, 0.4% of women
#17639c Tritanomaly 0.01% of the population

#404bdd hex color

#404bdd Color Information

#404bdd Color Conversion

Color Schemes with #404bdd

Alternatives to #404bdd

#404bdd Preview

Shades and Tints of #404bdd

Tones of #404bdd

Color Blindness Simulator