colorhexa.com

#404fde hex color

In a RGB color space, hex #404fde is composed of 25.1% red, 31% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 71.2% cyan, 64.4% magenta, 0% yellow and 12.9% black. It has a hue angle of 234.3 degrees, a saturation of 70.5% and a lightness of 56.1%. #404fde color hex could be obtained by blending #809eff with #0000bd. Closest websafe color is: #3366cc.

- R 25
- G 31
- B 87
RGB color chart
- C 71
- M 64
- Y 0
- K 13
CMYK color chart

● #404fde color description : Bright blue.

The hexadecimal color #404fde has RGB values of R:64, G:79, B:222 and CMYK values of C:0.71, M:0.64, Y:0, K:0.13. Its decimal value is 4214750.

Hex triplet	404fde	`#404fde`
RGB Decimal	64, 79, 222	`rgb(64,79,222)`
RGB Percent	25.1, 31, 87.1	`rgb(25.1%,31%,87.1%)`
CMYK	71, 64, 0, 13
HSL	234.3°, 70.5, 56.1	`hsl(234.3,70.5%,56.1%)`
HSV (or HSB)	234.3°, 71.2, 87.1
Web Safe	3366cc	`#3366cc`

CIE-LAB	41.144, 41.312, -74.465
XYZ	18.092, 11.955, 70.457
xyY	0.18, 0.119, 11.955
CIE-LCH	41.144, 85.157, 299.021
CIE-LUV	41.144, -11.127, -109.721
Hunter-Lab	34.576, 32.897, -96.616
Binary	01000000, 01001111, 11011110

#404fde
```
#404fde rgb(64,79,222)
```
#decf40
```
#decf40 rgb(222,207,64)
```

Complementary Color

#409ede
```
#409ede rgb(64,158,222)
```
#404fde
```
#404fde rgb(64,79,222)
```
#8040de
```
#8040de rgb(128,64,222)
```

Analogous Color

#9ede40
```
#9ede40 rgb(158,222,64)
```
#404fde
```
#404fde rgb(64,79,222)
```
#de8040
```
#de8040 rgb(222,128,64)
```

Split Complementary Color

#4fde40
```
#4fde40 rgb(79,222,64)
```
#404fde
```
#404fde rgb(64,79,222)
```
#de404f
```
#de404f rgb(222,64,79)
```

Triadic Color

#40decf
```
#40decf rgb(64,222,207)
```
#404fde
```
#404fde rgb(64,79,222)
```
#de404f
```
#de404f rgb(222,64,79)
```
#decf40
```
#decf40 rgb(222,207,64)
```

Tetradic Color

#1f2db3
```
#1f2db3 rgb(31,45,179)
```
#2332c8
```
#2332c8 rgb(35,50,200)
```
#2a3bda
```
#2a3bda rgb(42,59,218)
```
#404fde
```
#404fde rgb(64,79,222)
```
#5663e2
```
#5663e2 rgb(86,99,226)
```
#6b77e6
```
#6b77e6 rgb(107,119,230)
```
#818be9
```
#818be9 rgb(129,139,233)
```

Monochromatic Color

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

#4077de
```
#4077de rgb(64,119,222)
```
#4069de
```
#4069de rgb(64,105,222)
```
#405cde
```
#405cde rgb(64,92,222)
```
#404fde
```
#404fde rgb(64,79,222)
```
#4042de
```
#4042de rgb(64,66,222)
```
#4b40de
```
#4b40de rgb(75,64,222)
```
#5840de
```
#5840de rgb(88,64,222)
```

Similar Colors

Text with hexadecimal color #404fde

This text has a font color of #404fde.

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

#404fde background color

This paragraph has a background color of #404fde.

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

#404fde border color

This element has a border color of #404fde.

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

CSS codes

.text {color:#404fde;}

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

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

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, #02020a is the darkest color, while #f8f9fe is the lightest one.

#02020a
```
#02020a rgb(2,2,10)
```
#05071a
```
#05071a rgb(5,7,26)
```
#070b2b
```
#070b2b rgb(7,11,43)
```
#0a0f3c
```
#0a0f3c rgb(10,15,60)
```
#0d134d
```
#0d134d rgb(13,19,77)
```
#10175d
```
#10175d rgb(16,23,93)
```
#131c6e
```
#131c6e rgb(19,28,110)
```
#16207f
```
#16207f rgb(22,32,127)
```
#192490
```
#192490 rgb(25,36,144)
```
#1c28a0
```
#1c28a0 rgb(28,40,160)
```
#1f2cb1
```
#1f2cb1 rgb(31,44,177)
```
#2131c2
```
#2131c2 rgb(33,49,194)
```
#2435d2
```
#2435d2 rgb(36,53,210)
```

Shade Color Variation

#2f40db
```
#2f40db rgb(47,64,219)
```
#404fde
```
#404fde rgb(64,79,222)
```
#515ee1
```
#515ee1 rgb(81,94,225)
```
#616ee4
```
#616ee4 rgb(97,110,228)
```
#727de7
```
#727de7 rgb(114,125,231)
```
#838dea
```
#838dea rgb(131,141,234)
```
#949cec
```
#949cec rgb(148,156,236)
```
#a4abef
```
#a4abef rgb(164,171,239)
```
#b5bbf2
```
#b5bbf2 rgb(181,187,242)
```
#c6caf5
```
#c6caf5 rgb(198,202,245)
```
#d7daf8
```
#d7daf8 rgb(215,218,248)
```
#e7e9fb
```
#e7e9fb rgb(231,233,251)
```
#f8f9fe
```
#f8f9fe rgb(248,249,254)
```

Tint Color Variation

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

#8e8e90
```
#8e8e90 rgb(142,142,144)
```
#858799
```
#858799 rgb(133,135,153)
```
#7c80a2
```
#7c80a2 rgb(124,128,162)
```
#7479aa
```
#7479aa rgb(116,121,170)
```
#6b72b3
```
#6b72b3 rgb(107,114,179)
```
#626bbc
```
#626bbc rgb(98,107,188)
```
#5a64c4
```
#5a64c4 rgb(90,100,196)
```
#515dcd
```
#515dcd rgb(81,93,205)
```
#4956d5
```
#4956d5 rgb(73,86,213)
```
#404fde
```
#404fde rgb(64,79,222)
```
#3748e7
```
#3748e7 rgb(55,72,231)
```
#2f41ef
```
#2f41ef rgb(47,65,239)
```
#263af8
```
#263af8 rgb(38,58,248)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#565975 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0066c7 Protanopia 1% of men
#006bad Deuteranopia 1% of men
#00737a Tritanopia 0.001% of the population

Trichromacy

#175dcf Protanomaly 1% of men, 0.01% of women
#1761bf Deuteranomaly 6% of men, 0.4% of women
#17669e Tritanomaly 0.01% of the population