#404fd5 hex color

In a RGB color space, hex #404fd5 is composed of 25.1% red, 31% green and 83.5% blue. Whereas in a CMYK color space, it is composed of 70% cyan, 62.9% magenta, 0% yellow and 16.5% black. It has a hue angle of 234 degrees, a saturation of 63.9% and a lightness of 54.3%. #404fd5 color hex could be obtained by blending #809eff with #0000ab. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 25
- G 31
- B 84
RGB color chart
- C 70
- M 63
- Y 0
- K 16
CMYK color chart

● #404fd5 color description : Moderate blue.

The hexadecimal color #404fd5 has RGB values of R:64, G:79, B:213 and CMYK values of C:0.7, M:0.63, Y:0, K:0.16. Its decimal value is 4214741.

Hex triplet	404fd5	`#404fd5`
RGB Decimal	64, 79, 213	`rgb(64,79,213)`
RGB Percent	25.1, 31, 83.5	`rgb(25.1%,31%,83.5%)`
CMYK	70, 63, 0, 16
HSL	234°, 63.9, 54.3	`hsl(234,63.9%,54.3%)`
HSV (or HSB)	234°, 70, 83.5
Web Safe	3366cc	`#3366cc`

CIE-LAB	40.386, 38.218, -70.555
XYZ	16.918, 11.485, 64.272
xyY	0.183, 0.124, 11.485
CIE-LCH	40.386, 80.241, 298.444
CIE-LUV	40.386, -10.863, -103.824
Hunter-Lab	33.89, 29.803, -88.722
Binary	01000000, 01001111, 11010101

#404fd5
```
#404fd5 rgb(64,79,213)
```
#d5c640
```
#d5c640 rgb(213,198,64)
```

Complementary Color

#409ad5
```
#409ad5 rgb(64,154,213)
```
#404fd5
```
#404fd5 rgb(64,79,213)
```
#7c40d5
```
#7c40d5 rgb(124,64,213)
```

Analogous Color

#9ad540
```
#9ad540 rgb(154,213,64)
```
#404fd5
```
#404fd5 rgb(64,79,213)
```
#d57c40
```
#d57c40 rgb(213,124,64)
```

Split Complementary Color

#4fd540
```
#4fd540 rgb(79,213,64)
```
#404fd5
```
#404fd5 rgb(64,79,213)
```
#d5404f
```
#d5404f rgb(213,64,79)
```

Triadic Color

#40d5c6
```
#40d5c6 rgb(64,213,198)
```
#404fd5
```
#404fd5 rgb(64,79,213)
```
#d5404f
```
#d5404f rgb(213,64,79)
```
#d5c640
```
#d5c640 rgb(213,198,64)
```

Tetradic Color

#2431a4
```
#2431a4 rgb(36,49,164)
```
#2937b9
```
#2937b9 rgb(41,55,185)
```
#2d3ece
```
#2d3ece rgb(45,62,206)
```
#404fd5
```
#404fd5 rgb(64,79,213)
```
#5562da
```
#5562da rgb(85,98,218)
```
#6a76de
```
#6a76de rgb(106,118,222)
```
#7f89e3
```
#7f89e3 rgb(127,137,227)
```

Monochromatic Color

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

#4074d5
```
#4074d5 rgb(64,116,213)
```
#4068d5
```
#4068d5 rgb(64,104,213)
```
#405bd5
```
#405bd5 rgb(64,91,213)
```
#404fd5
```
#404fd5 rgb(64,79,213)
```
#4043d5
```
#4043d5 rgb(64,67,213)
```
#4a40d5
```
#4a40d5 rgb(74,64,213)
```
#5640d5
```
#5640d5 rgb(86,64,213)
```

Similar Colors

Text with hexadecimal color #404fd5

This text has a font color of #404fd5.

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

#404fd5 background color

This paragraph has a background color of #404fd5.

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

#404fd5 border color

This element has a border color of #404fd5.

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

CSS codes

.text {color:#404fd5;}

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

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

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

#000102
```
#000102 rgb(0,1,2)
```
#040512
```
#040512 rgb(4,5,18)
```
#080a22
```
#080a22 rgb(8,10,34)
```
#0b0f32
```
#0b0f32 rgb(11,15,50)
```
#0f1442
```
#0f1442 rgb(15,20,66)
```
#121952
```
#121952 rgb(18,25,82)
```
#161d62
```
#161d62 rgb(22,29,98)
```
#192273
```
#192273 rgb(25,34,115)
```
#1d2783
```
#1d2783 rgb(29,39,131)
```
#202c93
```
#202c93 rgb(32,44,147)
```
#2431a3
```
#2431a3 rgb(36,49,163)
```
#2735b3
```
#2735b3 rgb(39,53,179)
```
#2b3ac3
```
#2b3ac3 rgb(43,58,195)
```

Shade Color Variation

#3040d1
```
#3040d1 rgb(48,64,209)
```
#404fd5
```
#404fd5 rgb(64,79,213)
```
#505ed9
```
#505ed9 rgb(80,94,217)
```
#606ddc
```
#606ddc rgb(96,109,220)
```
#707be0
```
#707be0 rgb(112,123,224)
```
#808ae3
```
#808ae3 rgb(128,138,227)
```
#9099e7
```
#9099e7 rgb(144,153,231)
```
#a0a8ea
```
#a0a8ea rgb(160,168,234)
```
#b1b7ee
```
#b1b7ee rgb(177,183,238)
```
#c1c6f1
```
#c1c6f1 rgb(193,198,241)
```
#d1d4f5
```
#d1d4f5 rgb(209,212,245)
```
#e1e3f8
```
#e1e3f8 rgb(225,227,248)
```
#f1f2fc
```
#f1f2fc rgb(241,242,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #88888d is the less saturated color, while #1c32f9 is the most saturated one.

#88888d
```
#88888d rgb(136,136,141)
```
#7f8196
```
#7f8196 rgb(127,129,150)
```
#767a9f
```
#767a9f rgb(118,122,159)
```
#6d73a8
```
#6d73a8 rgb(109,115,168)
```
#646cb1
```
#646cb1 rgb(100,108,177)
```
#5b64ba
```
#5b64ba rgb(91,100,186)
```
#525dc3
```
#525dc3 rgb(82,93,195)
```
#4956cc
```
#4956cc rgb(73,86,204)
```
#404fd5
```
#404fd5 rgb(64,79,213)
```
#3748de
```
#3748de rgb(55,72,222)
```
#2e41e7
```
#2e41e7 rgb(46,65,231)
```
#253af0
```
#253af0 rgb(37,58,240)
```
#1c32f9
```
#1c32f9 rgb(28,50,249)
```

Tone Color Variation

Below, you can see how #404fd5 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
#555873 Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

#175cca Protanomaly 1% of men, 0.01% of women
#1760ba Deuteranomaly 6% of men, 0.4% of women
#17659a Tritanomaly 0.01% of the population

#404fd5 hex color

#404fd5 Color Information

#404fd5 Color Conversion

Color Schemes with #404fd5

Alternatives to #404fd5

#404fd5 Preview

Shades and Tints of #404fd5

Tones of #404fd5

Color Blindness Simulator