#404ea2 hex color

In a RGB color space, hex #404ea2 is composed of 25.1% red, 30.6% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 60.5% cyan, 51.9% magenta, 0% yellow and 36.5% black. It has a hue angle of 231.4 degrees, a saturation of 43.4% and a lightness of 44.3%. #404ea2 color hex could be obtained by blending #809cff with #000045. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 25
- G 31
- B 64
RGB color chart
- C 60
- M 52
- Y 0
- K 36
CMYK color chart

● #404ea2 color description : Dark moderate blue.

The hexadecimal color #404ea2 has RGB values of R:64, G:78, B:162 and CMYK values of C:0.6, M:0.52, Y:0, K:0.36. Its decimal value is 4214434.

Hex triplet	404ea2	`#404ea2`
RGB Decimal	64, 78, 162	`rgb(64,78,162)`
RGB Percent	25.1, 30.6, 63.5	`rgb(25.1%,30.6%,63.5%)`
CMYK	60, 52, 0, 36
HSL	231.4°, 43.4, 44.3	`hsl(231.4,43.4%,44.3%)`
HSV (or HSB)	231.4°, 60.5, 63.5
Web Safe	336699	`#336699`

CIE-LAB	36.266, 21.002, -47.343
XYZ	11.359, 9.147, 35.347
xyY	0.203, 0.164, 9.147
CIE-LCH	36.266, 51.792, 293.923
CIE-LUV	36.266, -9.138, -68.362
Hunter-Lab	30.244, 14.115, -48.125
Binary	01000000, 01001110, 10100010

#404ea2
```
#404ea2 rgb(64,78,162)
```
#a29440
```
#a29440 rgb(162,148,64)
```

Complementary Color

#407fa2
```
#407fa2 rgb(64,127,162)
```
#404ea2
```
#404ea2 rgb(64,78,162)
```
#6340a2
```
#6340a2 rgb(99,64,162)
```

Analogous Color

#7fa240
```
#7fa240 rgb(127,162,64)
```
#404ea2
```
#404ea2 rgb(64,78,162)
```
#a26340
```
#a26340 rgb(162,99,64)
```

Split Complementary Color

#4ea240
```
#4ea240 rgb(78,162,64)
```
#404ea2
```
#404ea2 rgb(64,78,162)
```
#a2404e
```
#a2404e rgb(162,64,78)
```

Triadic Color

#40a294
```
#40a294 rgb(64,162,148)
```
#404ea2
```
#404ea2 rgb(64,78,162)
```
#a2404e
```
#a2404e rgb(162,64,78)
```
#a29440
```
#a29440 rgb(162,148,64)
```

Tetradic Color

#2a346b
```
#2a346b rgb(42,52,107)
```
#323c7d
```
#323c7d rgb(50,60,125)
```
#394590
```
#394590 rgb(57,69,144)
```
#404ea2
```
#404ea2 rgb(64,78,162)
```
#4757b4
```
#4757b4 rgb(71,87,180)
```
#5866bd
```
#5866bd rgb(88,102,189)
```
#6a77c4
```
#6a77c4 rgb(106,119,196)
```

Monochromatic Color

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

#4067a2
```
#4067a2 rgb(64,103,162)
```
#405ea2
```
#405ea2 rgb(64,94,162)
```
#4056a2
```
#4056a2 rgb(64,86,162)
```
#404ea2
```
#404ea2 rgb(64,78,162)
```
#4046a2
```
#4046a2 rgb(64,70,162)
```
#4240a2
```
#4240a2 rgb(66,64,162)
```
#4b40a2
```
#4b40a2 rgb(75,64,162)
```

Similar Colors

Text with hexadecimal color #404ea2

This text has a font color of #404ea2.

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

#404ea2 background color

This paragraph has a background color of #404ea2.

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

#404ea2 border color

This element has a border color of #404ea2.

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

CSS codes

.text {color:#404ea2;}

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

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

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

#030407
```
#030407 rgb(3,4,7)
```
#080a15
```
#080a15 rgb(8,10,21)
```
#0e1123
```
#0e1123 rgb(14,17,35)
```
#141832
```
#141832 rgb(20,24,50)
```
#191f40
```
#191f40 rgb(25,31,64)
```
#1f254e
```
#1f254e rgb(31,37,78)
```
#242c5c
```
#242c5c rgb(36,44,92)
```
#2a336a
```
#2a336a rgb(42,51,106)
```
#2f3a78
```
#2f3a78 rgb(47,58,120)
```
#354086
```
#354086 rgb(53,64,134)
```
#3a4794
```
#3a4794 rgb(58,71,148)
```
#404ea2
```
#404ea2 rgb(64,78,162)
```
#4655b0
```
#4655b0 rgb(70,85,176)
```

Shade Color Variation

#505fba
```
#505fba rgb(80,95,186)
```
#5e6cbf
```
#5e6cbf rgb(94,108,191)
```
#6c78c5
```
#6c78c5 rgb(108,120,197)
```
#7a85ca
```
#7a85ca rgb(122,133,202)
```
#8892d0
```
#8892d0 rgb(136,146,208)
```
#969fd5
```
#969fd5 rgb(150,159,213)
```
#a4acdb
```
#a4acdb rgb(164,172,219)
```
#b2b9e1
```
#b2b9e1 rgb(178,185,225)
```
#c0c5e6
```
#c0c5e6 rgb(192,197,230)
```
#ced2ec
```
#ced2ec rgb(206,210,236)
```
#dcdff1
```
#dcdff1 rgb(220,223,241)
```
#eaecf7
```
#eaecf7 rgb(234,236,247)
```
#f8f9fc
```
#f8f9fc rgb(248,249,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6b6d77 is the less saturated color, while #0323df is the most saturated one.

#6b6d77
```
#6b6d77 rgb(107,109,119)
```
#63677f
```
#63677f rgb(99,103,127)
```
#5a6188
```
#5a6188 rgb(90,97,136)
```
#515a91
```
#515a91 rgb(81,90,145)
```
#495499
```
#495499 rgb(73,84,153)
```
#404ea2
```
#404ea2 rgb(64,78,162)
```
#3748ab
```
#3748ab rgb(55,72,171)
```
#2f42b3
```
#2f42b3 rgb(47,66,179)
```
#263bbc
```
#263bbc rgb(38,59,188)
```
#1d35c5
```
#1d35c5 rgb(29,53,197)
```
#152fcd
```
#152fcd rgb(21,47,205)
```
#0c29d6
```
#0c29d6 rgb(12,41,214)
```
#0323df
```
#0323df rgb(3,35,223)
```

Tone Color Variation

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

#535353 Achromatopsia 0.005% of the population
#4f5263 Atypical Achromatopsia 0.001% of the population

Dichromacy

#295baa Protanopia 1% of men
#005f9e Deuteranopia 1% of men
#26666d Tritanopia 0.001% of the population

Trichromacy

#3156a7 Protanomaly 1% of men, 0.01% of women
#1759a0 Deuteranomaly 6% of men, 0.4% of women
#305d80 Tritanomaly 0.01% of the population

#404ea2 hex color

#404ea2 Color Information

#404ea2 Color Conversion

Color Schemes with #404ea2

Alternatives to #404ea2

#404ea2 Preview

Shades and Tints of #404ea2

Tones of #404ea2

Color Blindness Simulator