#404ddd hex color

In a RGB color space, hex #404ddd is composed of 25.1% red, 30.2% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 71% cyan, 65.2% magenta, 0% yellow and 13.3% black. It has a hue angle of 235 degrees, a saturation of 69.8% and a lightness of 55.9%. #404ddd color hex could be obtained by blending #809aff with #0000bb. Closest websafe color is: #3366cc.

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

● #404ddd color description : Bright blue.

The hexadecimal color #404ddd has RGB values of R:64, G:77, B:221 and CMYK values of C:0.71, M:0.65, Y:0, K:0.13. Its decimal value is 4214237.

Hex triplet	404ddd	`#404ddd`
RGB Decimal	64, 77, 221	`rgb(64,77,221)`
RGB Percent	25.1, 30.2, 86.7	`rgb(25.1%,30.2%,86.7%)`
CMYK	71, 65, 0, 13
HSL	235°, 69.8, 55.9	`hsl(235,69.8%,55.9%)`
HSV (or HSB)	235°, 71, 86.7
Web Safe	3366cc	`#3366cc`

CIE-LAB	40.601, 42.184, -74.784
XYZ	17.817, 11.617, 69.706
xyY	0.18, 0.117, 11.617
CIE-LCH	40.601, 85.861, 299.426
CIE-LUV	40.601, -10.663, -109.641
Hunter-Lab	34.084, 33.661, -97.397
Binary	01000000, 01001101, 11011101

#404ddd
```
#404ddd rgb(64,77,221)
```
#ddd040
```
#ddd040 rgb(221,208,64)
```

Complementary Color

#409cdd
```
#409cdd rgb(64,156,221)
```
#404ddd
```
#404ddd rgb(64,77,221)
```
#8240dd
```
#8240dd rgb(130,64,221)
```

Analogous Color

#9cdd40
```
#9cdd40 rgb(156,221,64)
```
#404ddd
```
#404ddd rgb(64,77,221)
```
#dd8240
```
#dd8240 rgb(221,130,64)
```

Split Complementary Color

#4ddd40
```
#4ddd40 rgb(77,221,64)
```
#404ddd
```
#404ddd rgb(64,77,221)
```
#dd404d
```
#dd404d rgb(221,64,77)
```

Triadic Color

#40ddd0
```
#40ddd0 rgb(64,221,208)
```
#404ddd
```
#404ddd rgb(64,77,221)
```
#dd404d
```
#dd404d rgb(221,64,77)
```
#ddd040
```
#ddd040 rgb(221,208,64)
```

Tetradic Color

#202cb1
```
#202cb1 rgb(32,44,177)
```
#2331c7
```
#2331c7 rgb(35,49,199)
```
#2a39d9
```
#2a39d9 rgb(42,57,217)
```
#404ddd
```
#404ddd rgb(64,77,221)
```
#5661e1
```
#5661e1 rgb(86,97,225)
```
#6b75e5
```
#6b75e5 rgb(107,117,229)
```
#818ae9
```
#818ae9 rgb(129,138,233)
```

Monochromatic Color

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

#4074dd
```
#4074dd rgb(64,116,221)
```
#4067dd
```
#4067dd rgb(64,103,221)
```
#405add
```
#405add rgb(64,90,221)
```
#404ddd
```
#404ddd rgb(64,77,221)
```
#4040dd
```
#4040dd rgb(64,64,221)
```
#4d40dd
```
#4d40dd rgb(77,64,221)
```
#5a40dd
```
#5a40dd rgb(90,64,221)
```

Similar Colors

Text with hexadecimal color #404ddd

This text has a font color of #404ddd.

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

#404ddd background color

This paragraph has a background color of #404ddd.

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

#404ddd border color

This element has a border color of #404ddd.

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

CSS codes

.text {color:#404ddd;}

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

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

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)
```
#0d134b
```
#0d134b rgb(13,19,75)
```
#10175c
```
#10175c rgb(16,23,92)
```
#131b6d
```
#131b6d rgb(19,27,109)
```
#161f7d
```
#161f7d rgb(22,31,125)
```
#19238e
```
#19238e rgb(25,35,142)
```
#1c279f
```
#1c279f rgb(28,39,159)
```
#1f2baf
```
#1f2baf rgb(31,43,175)
```
#222fc0
```
#222fc0 rgb(34,47,192)
```
#2533d1
```
#2533d1 rgb(37,51,209)
```

Shade Color Variation

#2f3dda
```
#2f3dda rgb(47,61,218)
```
#404ddd
```
#404ddd rgb(64,77,221)
```
#515de0
```
#515de0 rgb(81,93,224)
```
#616ce3
```
#616ce3 rgb(97,108,227)
```
#727ce6
```
#727ce6 rgb(114,124,230)
```
#838be9
```
#838be9 rgb(131,139,233)
```
#939bec
```
#939bec rgb(147,155,236)
```
#a4aaef
```
#a4aaef rgb(164,170,239)
```
#b5baf2
```
#b5baf2 rgb(181,186,242)
```
#c5c9f5
```
#c5c9f5 rgb(197,201,245)
```
#d6d9f8
```
#d6d9f8 rgb(214,217,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 #2637f7 is the most saturated one.

#8e8e8f
```
#8e8e8f rgb(142,142,143)
```
#858798
```
#858798 rgb(133,135,152)
```
#7d80a0
```
#7d80a0 rgb(125,128,160)
```
#7478a9
```
#7478a9 rgb(116,120,169)
```
#6b71b2
```
#6b71b2 rgb(107,113,178)
```
#636aba
```
#636aba rgb(99,106,186)
```
#5a63c3
```
#5a63c3 rgb(90,99,195)
```
#515bcc
```
#515bcc rgb(81,91,204)
```
#4954d4
```
#4954d4 rgb(73,84,212)
```
#404ddd
```
#404ddd rgb(64,77,221)
```
#3746e6
```
#3746e6 rgb(55,70,230)
```
#2f3fee
```
#2f3fee rgb(47,63,238)
```
#2637f7
```
#2637f7 rgb(38,55,247)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#555774 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0064c4 Protanopia 1% of men
#006aab Deuteranopia 1% of men
#007278 Tritanopia 0.001% of the population

Trichromacy

#175ccd Protanomaly 1% of men, 0.01% of women
#175fbd Deuteranomaly 6% of men, 0.4% of women
#17649d Tritanomaly 0.01% of the population

#404ddd hex color

#404ddd Color Information

#404ddd Color Conversion

Color Schemes with #404ddd

Alternatives to #404ddd

#404ddd Preview

Shades and Tints of #404ddd

Tones of #404ddd

Color Blindness Simulator