#404dfd hex color

In a RGB color space, hex #404dfd is composed of 25.1% red, 30.2% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 74.7% cyan, 69.6% magenta, 0% yellow and 0.8% black. It has a hue angle of 235.9 degrees, a saturation of 97.9% and a lightness of 62.2%. #404dfd color hex could be obtained by blending #809aff with #0000fb. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 25
- G 30
- B 99
RGB color chart
- C 75
- M 70
- Y 0
- K 1
CMYK color chart

● #404dfd color description : Bright blue.

The hexadecimal color #404dfd has RGB values of R:64, G:77, B:253 and CMYK values of C:0.75, M:0.7, Y:0, K:0.01. Its decimal value is 4214269.

Hex triplet	404dfd	`#404dfd`
RGB Decimal	64, 77, 253	`rgb(64,77,253)`
RGB Percent	25.1, 30.2, 99.2	`rgb(25.1%,30.2%,99.2%)`
CMYK	75, 70, 0, 1
HSL	235.9°, 97.9, 62.2	`hsl(235.9,97.9%,62.2%)`
HSV (or HSB)	235.9°, 74.7, 99.2
Web Safe	3366ff	`#3366ff`

CIE-LAB	43.49, 52.856, -88.099
XYZ	22.494, 13.488, 94.341
xyY	0.173, 0.103, 13.488
CIE-LCH	43.49, 102.738, 300.962
CIE-LUV	43.49, -11.683, -129.637
Hunter-Lab	36.726, 45.058, -126.594
Binary	01000000, 01001101, 11111101

#404dfd
```
#404dfd rgb(64,77,253)
```
#fdf040
```
#fdf040 rgb(253,240,64)
```

Complementary Color

#40acfd
```
#40acfd rgb(64,172,253)
```
#404dfd
```
#404dfd rgb(64,77,253)
```
#9240fd
```
#9240fd rgb(146,64,253)
```

Analogous Color

#acfd40
```
#acfd40 rgb(172,253,64)
```
#404dfd
```
#404dfd rgb(64,77,253)
```
#fd9240
```
#fd9240 rgb(253,146,64)
```

Split Complementary Color

#4dfd40
```
#4dfd40 rgb(77,253,64)
```
#404dfd
```
#404dfd rgb(64,77,253)
```
#fd404d
```
#fd404d rgb(253,64,77)
```

Triadic Color

#40fdf0
```
#40fdf0 rgb(64,253,240)
```
#404dfd
```
#404dfd rgb(64,77,253)
```
#fd404d
```
#fd404d rgb(253,64,77)
```
#fdf040
```
#fdf040 rgb(253,240,64)
```

Tetradic Color

#0213ee
```
#0213ee rgb(2,19,238)
```
#0e1efc
```
#0e1efc rgb(14,30,252)
```
#2735fd
```
#2735fd rgb(39,53,253)
```
#404dfd
```
#404dfd rgb(64,77,253)
```
#5965fd
```
#5965fd rgb(89,101,253)
```
#727cfe
```
#727cfe rgb(114,124,254)
```
#8c94fe
```
#8c94fe rgb(140,148,254)
```

Monochromatic Color

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

#407cfd
```
#407cfd rgb(64,124,253)
```
#406dfd
```
#406dfd rgb(64,109,253)
```
#405dfd
```
#405dfd rgb(64,93,253)
```
#404dfd
```
#404dfd rgb(64,77,253)
```
#4340fd
```
#4340fd rgb(67,64,253)
```
#5340fd
```
#5340fd rgb(83,64,253)
```
#6240fd
```
#6240fd rgb(98,64,253)
```

Similar Colors

Text with hexadecimal color #404dfd

This text has a font color of #404dfd.

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

#404dfd background color

This paragraph has a background color of #404dfd.

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

#404dfd border color

This element has a border color of #404dfd.

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

CSS codes

.text {color:#404dfd;}

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

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

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

#000003
```
#000003 rgb(0,0,3)
```
#000217
```
#000217 rgb(0,2,23)
```
#00032a
```
#00032a rgb(0,3,42)
```
#01053d
```
#01053d rgb(1,5,61)
```
#010651
```
#010651 rgb(1,6,81)
```
#010864
```
#010864 rgb(1,8,100)
```
#010978
```
#010978 rgb(1,9,120)
```
#010b8b
```
#010b8b rgb(1,11,139)
```
#020c9e
```
#020c9e rgb(2,12,158)
```
#020eb2
```
#020eb2 rgb(2,14,178)
```
#020fc5
```
#020fc5 rgb(2,15,197)
```
#0211d9
```
#0211d9 rgb(2,17,217)
```
#0213ec
```
#0213ec rgb(2,19,236)
```

Shade Color Variation

#0617fc
```
#0617fc rgb(6,23,252)
```
#1929fd
```
#1929fd rgb(25,41,253)
```
#2d3bfd
```
#2d3bfd rgb(45,59,253)
```
#404dfd
```
#404dfd rgb(64,77,253)
```
#535ffd
```
#535ffd rgb(83,95,253)
```
#6771fd
```
#6771fd rgb(103,113,253)
```
#7a83fe
```
#7a83fe rgb(122,131,254)
```
#8e95fe
```
#8e95fe rgb(142,149,254)
```
#a1a7fe
```
#a1a7fe rgb(161,167,254)
```
#b4bafe
```
#b4bafe rgb(180,186,254)
```
#c8ccfe
```
#c8ccfe rgb(200,204,254)
```
#dbdeff
```
#dbdeff rgb(219,222,255)
```
#eff0ff
```
#eff0ff rgb(239,240,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #999aa4 is the less saturated color, while #404dfd is the most saturated one.

#999aa4
```
#999aa4 rgb(153,154,164)
```
#9293ab
```
#9293ab rgb(146,147,171)
```
#8a8db3
```
#8a8db3 rgb(138,141,179)
```
#8387ba
```
#8387ba rgb(131,135,186)
```
#7b80c2
```
#7b80c2 rgb(123,128,194)
```
#747ac9
```
#747ac9 rgb(116,122,201)
```
#6d73d0
```
#6d73d0 rgb(109,115,208)
```
#656dd8
```
#656dd8 rgb(101,109,216)
```
#5e67df
```
#5e67df rgb(94,103,223)
```
#5660e7
```
#5660e7 rgb(86,96,231)
```
#4f5aee
```
#4f5aee rgb(79,90,238)
```
#4753f6
```
#4753f6 rgb(71,83,246)
```
#404dfd
```
#404dfd rgb(64,77,253)
```

Tone Color Variation

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

Dichromacy

#006bd1 Protanopia 1% of men
#0071b5 Deuteranopia 1% of men
#007980 Tritanopia 0.001% of the population

Trichromacy

#1760e1 Protanomaly 1% of men, 0.01% of women
#1764cf Deuteranomaly 6% of men, 0.4% of women
#1769ad Tritanomaly 0.01% of the population

#404dfd hex color

#404dfd Color Information

#404dfd Color Conversion

Color Schemes with #404dfd

Alternatives to #404dfd

#404dfd Preview

Shades and Tints of #404dfd

Tones of #404dfd

Color Blindness Simulator