#404ef4 hex color

In a RGB color space, hex #404ef4 is composed of 25.1% red, 30.6% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 73.8% cyan, 68% magenta, 0% yellow and 4.3% black. It has a hue angle of 235.3 degrees, a saturation of 89.1% and a lightness of 60.4%. #404ef4 color hex could be obtained by blending #809cff with #0000e9. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 25
- G 31
- B 96
RGB color chart
- C 74
- M 68
- Y 0
- K 4
CMYK color chart

● #404ef4 color description : Bright blue.

The hexadecimal color #404ef4 has RGB values of R:64, G:78, B:244 and CMYK values of C:0.74, M:0.68, Y:0, K:0.04. Its decimal value is 4214516.

Hex triplet	404ef4	`#404ef4`
RGB Decimal	64, 78, 244	`rgb(64,78,244)`
RGB Percent	25.1, 30.6, 95.7	`rgb(25.1%,30.6%,95.7%)`
CMYK	74, 68, 0, 4
HSL	235.3°, 89.1, 60.4	`hsl(235.3,89.1%,60.4%)`
HSV (or HSB)	235.3°, 73.8, 95.7
Web Safe	3366ff	`#3366ff`

CIE-LAB	42.867, 49.321, -84.086
XYZ	21.165, 13.069, 86.99
xyY	0.175, 0.108, 13.069
CIE-LCH	42.867, 97.483, 300.394
CIE-LUV	42.867, -11.588, -123.912
Hunter-Lab	36.151, 41.238, -117.363
Binary	01000000, 01001110, 11110100

#404ef4
```
#404ef4 rgb(64,78,244)
```
#f4e640
```
#f4e640 rgb(244,230,64)
```

Complementary Color

#40a8f4
```
#40a8f4 rgb(64,168,244)
```
#404ef4
```
#404ef4 rgb(64,78,244)
```
#8c40f4
```
#8c40f4 rgb(140,64,244)
```

Analogous Color

#a8f440
```
#a8f440 rgb(168,244,64)
```
#404ef4
```
#404ef4 rgb(64,78,244)
```
#f48c40
```
#f48c40 rgb(244,140,64)
```

Split Complementary Color

#4ef440
```
#4ef440 rgb(78,244,64)
```
#404ef4
```
#404ef4 rgb(64,78,244)
```
#f4404e
```
#f4404e rgb(244,64,78)
```

Triadic Color

#40f4e6
```
#40f4e6 rgb(64,244,230)
```
#404ef4
```
#404ef4 rgb(64,78,244)
```
#f4404e
```
#f4404e rgb(244,64,78)
```
#f4e640
```
#f4e640 rgb(244,230,64)
```

Tetradic Color

#0d1ddb
```
#0d1ddb rgb(13,29,219)
```
#1021f1
```
#1021f1 rgb(16,33,241)
```
#2838f3
```
#2838f3 rgb(40,56,243)
```
#404ef4
```
#404ef4 rgb(64,78,244)
```
#5864f5
```
#5864f5 rgb(88,100,245)
```
#707bf7
```
#707bf7 rgb(112,123,247)
```
#8891f8
```
#8891f8 rgb(136,145,248)
```

Monochromatic Color

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

#407bf4
```
#407bf4 rgb(64,123,244)
```
#406cf4
```
#406cf4 rgb(64,108,244)
```
#405df4
```
#405df4 rgb(64,93,244)
```
#404ef4
```
#404ef4 rgb(64,78,244)
```
#4140f4
```
#4140f4 rgb(65,64,244)
```
#5040f4
```
#5040f4 rgb(80,64,244)
```
#5f40f4
```
#5f40f4 rgb(95,64,244)
```

Similar Colors

Text with hexadecimal color #404ef4

This text has a font color of #404ef4.

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

#404ef4 background color

This paragraph has a background color of #404ef4.

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

#404ef4 border color

This element has a border color of #404ef4.

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

CSS codes

.text {color:#404ef4;}

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

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

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, #01020d is the darkest color, while #f9faff is the lightest one.

#01020d
```
#01020d rgb(1,2,13)
```
#020420
```
#020420 rgb(2,4,32)
```
#030732
```
#030732 rgb(3,7,50)
```
#040945
```
#040945 rgb(4,9,69)
```
#050b57
```
#050b57 rgb(5,11,87)
```
#060e6a
```
#060e6a rgb(6,14,106)
```
#07107c
```
#07107c rgb(7,16,124)
```
#08138f
```
#08138f rgb(8,19,143)
```
#0915a1
```
#0915a1 rgb(9,21,161)
```
#0a18b4
```
#0a18b4 rgb(10,24,180)
```
#0b1ac6
```
#0b1ac6 rgb(11,26,198)
```
#0c1cd9
```
#0c1cd9 rgb(12,28,217)
```
#0e1fec
```
#0e1fec rgb(14,31,236)
```

Shade Color Variation

#1b2cf2
```
#1b2cf2 rgb(27,44,242)
```
#2d3df3
```
#2d3df3 rgb(45,61,243)
```
#404ef4
```
#404ef4 rgb(64,78,244)
```
#535ff5
```
#535ff5 rgb(83,95,245)
```
#6570f6
```
#6570f6 rgb(101,112,246)
```
#7882f7
```
#7882f7 rgb(120,130,247)
```
#8a93f8
```
#8a93f8 rgb(138,147,248)
```
#9da4f9
```
#9da4f9 rgb(157,164,249)
```
#afb5fa
```
#afb5fa rgb(175,181,250)
```
#c2c6fb
```
#c2c6fb rgb(194,198,251)
```
#d4d8fd
```
#d4d8fd rgb(212,216,253)
```
#e7e9fe
```
#e7e9fe rgb(231,233,254)
```
#f9faff
```
#f9faff rgb(249,250,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #95969f is the less saturated color, while #3847fc is the most saturated one.

#95969f
```
#95969f rgb(149,150,159)
```
#8e90a6
```
#8e90a6 rgb(142,144,166)
```
#8689ae
```
#8689ae rgb(134,137,174)
```
#7e82b6
```
#7e82b6 rgb(126,130,182)
```
#767cbe
```
#767cbe rgb(118,124,190)
```
#6f75c5
```
#6f75c5 rgb(111,117,197)
```
#676fcd
```
#676fcd rgb(103,111,205)
```
#5f68d5
```
#5f68d5 rgb(95,104,213)
```
#5762dd
```
#5762dd rgb(87,98,221)
```
#505be4
```
#505be4 rgb(80,91,228)
```
#4855ec
```
#4855ec rgb(72,85,236)
```
#404ef4
```
#404ef4 rgb(64,78,244)
```
#3847fc
```
#3847fc rgb(56,71,252)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#575a7b Atypical Achromatopsia 0.001% of the population

Dichromacy

#006ace Protanopia 1% of men
#0070b3 Deuteranopia 1% of men
#00787e Tritanopia 0.001% of the population

Trichromacy

#175fdc Protanomaly 1% of men, 0.01% of women
#1763ca Deuteranomaly 6% of men, 0.4% of women
#1768a9 Tritanomaly 0.01% of the population

#404ef4 hex color

#404ef4 Color Information

#404ef4 Color Conversion

Color Schemes with #404ef4

Alternatives to #404ef4

#404ef4 Preview

Shades and Tints of #404ef4

Tones of #404ef4

Color Blindness Simulator