#404ec5 hex color

In a RGB color space, hex #404ec5 is composed of 25.1% red, 30.6% green and 77.3% blue. Whereas in a CMYK color space, it is composed of 67.5% cyan, 60.4% magenta, 0% yellow and 22.7% black. It has a hue angle of 233.7 degrees, a saturation of 53.4% and a lightness of 51.2%. #404ec5 color hex could be obtained by blending #809cff with #00008b. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 25
- G 31
- B 77
RGB color chart
- C 68
- M 60
- Y 0
- K 23
CMYK color chart

● #404ec5 color description : Moderate blue.

The hexadecimal color #404ec5 has RGB values of R:64, G:78, B:197 and CMYK values of C:0.68, M:0.6, Y:0, K:0.23. Its decimal value is 4214469.

Hex triplet	404ec5	`#404ec5`
RGB Decimal	64, 78, 197	`rgb(64,78,197)`
RGB Percent	25.1, 30.6, 77.3	`rgb(25.1%,30.6%,77.3%)`
CMYK	68, 60, 0, 23
HSL	233.7°, 53.4, 51.2	`hsl(233.7,53.4%,51.2%)`
HSV (or HSB)	233.7°, 67.5, 77.3
Web Safe	3366cc	`#3366cc`

CIE-LAB	38.845, 33.287, -63.822
XYZ	14.915, 10.569, 54.074
xyY	0.187, 0.133, 10.569
CIE-LCH	38.845, 71.981, 297.545
CIE-LUV	38.845, -10.156, -93.402
Hunter-Lab	32.51, 24.998, -75.86
Binary	01000000, 01001110, 11000101

#404ec5
```
#404ec5 rgb(64,78,197)
```
#c5b740
```
#c5b740 rgb(197,183,64)
```

Complementary Color

#4091c5
```
#4091c5 rgb(64,145,197)
```
#404ec5
```
#404ec5 rgb(64,78,197)
```
#7540c5
```
#7540c5 rgb(117,64,197)
```

Analogous Color

#91c540
```
#91c540 rgb(145,197,64)
```
#404ec5
```
#404ec5 rgb(64,78,197)
```
#c57540
```
#c57540 rgb(197,117,64)
```

Split Complementary Color

#4ec540
```
#4ec540 rgb(78,197,64)
```
#404ec5
```
#404ec5 rgb(64,78,197)
```
#c5404e
```
#c5404e rgb(197,64,78)
```

Triadic Color

#40c5b7
```
#40c5b7 rgb(64,197,183)
```
#404ec5
```
#404ec5 rgb(64,78,197)
```
#c5404e
```
#c5404e rgb(197,64,78)
```
#c5b740
```
#c5b740 rgb(197,183,64)
```

Tetradic Color

#2b358e
```
#2b358e rgb(43,53,142)
```
#313da1
```
#313da1 rgb(49,61,161)
```
#3744b5
```
#3744b5 rgb(55,68,181)
```
#404ec5
```
#404ec5 rgb(64,78,197)
```
#5460cb
```
#5460cb rgb(84,96,203)
```
#6772d1
```
#6772d1 rgb(103,114,209)
```
#7b84d7
```
#7b84d7 rgb(123,132,215)
```

Monochromatic Color

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

#406fc5
```
#406fc5 rgb(64,111,197)
```
#4064c5
```
#4064c5 rgb(64,100,197)
```
#4059c5
```
#4059c5 rgb(64,89,197)
```
#404ec5
```
#404ec5 rgb(64,78,197)
```
#4043c5
```
#4043c5 rgb(64,67,197)
```
#4840c5
```
#4840c5 rgb(72,64,197)
```
#5340c5
```
#5340c5 rgb(83,64,197)
```

Similar Colors

Text with hexadecimal color #404ec5

This text has a font color of #404ec5.

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

#404ec5 background color

This paragraph has a background color of #404ec5.

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

#404ec5 border color

This element has a border color of #404ec5.

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

CSS codes

.text {color:#404ec5;}

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

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

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

#010205
```
#010205 rgb(1,2,5)
```
#060714
```
#060714 rgb(6,7,20)
```
#0b0d23
```
#0b0d23 rgb(11,13,35)
```
#0f1332
```
#0f1332 rgb(15,19,50)
```
#141841
```
#141841 rgb(20,24,65)
```
#181e50
```
#181e50 rgb(24,30,80)
```
#1d245f
```
#1d245f rgb(29,36,95)
```
#21296e
```
#21296e rgb(33,41,110)
```
#262f7d
```
#262f7d rgb(38,47,125)
```
#2b358c
```
#2b358c rgb(43,53,140)
```
#2f3a9b
```
#2f3a9b rgb(47,58,155)
```
#3440aa
```
#3440aa rgb(52,64,170)
```
#3846b9
```
#3846b9 rgb(56,70,185)
```

Shade Color Variation

#404ec5
```
#404ec5 rgb(64,78,197)
```
#4f5cca
```
#4f5cca rgb(79,92,202)
```
#5e6ace
```
#5e6ace rgb(94,106,206)
```
#6d78d3
```
#6d78d3 rgb(109,120,211)
```
#7c86d7
```
#7c86d7 rgb(124,134,215)
```
#8b94dc
```
#8b94dc rgb(139,148,220)
```
#9aa2e0
```
#9aa2e0 rgb(154,162,224)
```
#a9b0e5
```
#a9b0e5 rgb(169,176,229)
```
#b8beea
```
#b8beea rgb(184,190,234)
```
#c7cbee
```
#c7cbee rgb(199,203,238)
```
#d6d9f3
```
#d6d9f3 rgb(214,217,243)
```
#e6e7f7
```
#e6e7f7 rgb(230,231,247)
```
#f5f5fc
```
#f5f5fc rgb(245,245,252)
```

Tint Color Variation

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

#797b8c
```
#797b8c rgb(121,123,140)
```
#707495
```
#707495 rgb(112,116,149)
```
#666c9f
```
#666c9f rgb(102,108,159)
```
#5d65a8
```
#5d65a8 rgb(93,101,168)
```
#535db2
```
#535db2 rgb(83,93,178)
```
#4a56bb
```
#4a56bb rgb(74,86,187)
```
#404ec5
```
#404ec5 rgb(64,78,197)
```
#3646cf
```
#3646cf rgb(54,70,207)
```
#2d3fd8
```
#2d3fd8 rgb(45,63,216)
```
#2337e2
```
#2337e2 rgb(35,55,226)
```
#1a30eb
```
#1a30eb rgb(26,48,235)
```
#1028f5
```
#1028f5 rgb(16,40,245)
```
#0721fe
```
#0721fe rgb(7,33,254)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#52556d Atypical Achromatopsia 0.001% of the population

Dichromacy

#0060bd Protanopia 1% of men
#0066a5 Deuteranopia 1% of men
#006d74 Tritanopia 0.001% of the population

Trichromacy

#175ac0 Protanomaly 1% of men, 0.01% of women
#175db1 Deuteranomaly 6% of men, 0.4% of women
#176292 Tritanomaly 0.01% of the population

#404ec5 hex color

#404ec5 Color Information

#404ec5 Color Conversion

Color Schemes with #404ec5

Alternatives to #404ec5

#404ec5 Preview

Shades and Tints of #404ec5

Tones of #404ec5

Color Blindness Simulator