#404afd hex color

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

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

● #404afd color description : Bright blue.

The hexadecimal color #404afd has RGB values of R:64, G:74, B:253 and CMYK values of C:0.75, M:0.71, Y:0, K:0.01. Its decimal value is 4213501.

Hex triplet	404afd	`#404afd`
RGB Decimal	64, 74, 253	`rgb(64,74,253)`
RGB Percent	25.1, 29, 99.2	`rgb(25.1%,29%,99.2%)`
CMYK	75, 71, 0, 1
HSL	236.8°, 97.9, 62.2	`hsl(236.8,97.9%,62.2%)`
HSV (or HSB)	236.8°, 74.7, 99.2
Web Safe	3333ff	`#3333ff`

CIE-LAB	42.881, 54.539, -89.103
XYZ	22.289, 13.078, 94.273
xyY	0.172, 0.101, 13.078
CIE-LCH	42.881, 104.47, 301.47
CIE-LUV	42.881, -11.138, -130.182
Hunter-Lab	36.163, 46.732, -129.246
Binary	01000000, 01001010, 11111101

#404afd
```
#404afd rgb(64,74,253)
```
#fdf340
```
#fdf340 rgb(253,243,64)
```

Complementary Color

#40a9fd
```
#40a9fd rgb(64,169,253)
```
#404afd
```
#404afd rgb(64,74,253)
```
#9540fd
```
#9540fd rgb(149,64,253)
```

Analogous Color

#a9fd40
```
#a9fd40 rgb(169,253,64)
```
#404afd
```
#404afd rgb(64,74,253)
```
#fd9540
```
#fd9540 rgb(253,149,64)
```

Split Complementary Color

#4afd40
```
#4afd40 rgb(74,253,64)
```
#404afd
```
#404afd rgb(64,74,253)
```
#fd404a
```
#fd404a rgb(253,64,74)
```

Triadic Color

#40fdf3
```
#40fdf3 rgb(64,253,243)
```
#404afd
```
#404afd rgb(64,74,253)
```
#fd404a
```
#fd404a rgb(253,64,74)
```
#fdf340
```
#fdf340 rgb(253,243,64)
```

Tetradic Color

#020fee
```
#020fee rgb(2,15,238)
```
#0e1afc
```
#0e1afc rgb(14,26,252)
```
#2732fd
```
#2732fd rgb(39,50,253)
```
#404afd
```
#404afd rgb(64,74,253)
```
#5962fd
```
#5962fd rgb(89,98,253)
```
#727afe
```
#727afe rgb(114,122,254)
```
#8c92fe
```
#8c92fe rgb(140,146,254)
```

Monochromatic Color

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

#4079fd
```
#4079fd rgb(64,121,253)
```
#406afd
```
#406afd rgb(64,106,253)
```
#405afd
```
#405afd rgb(64,90,253)
```
#404afd
```
#404afd rgb(64,74,253)
```
#4640fd
```
#4640fd rgb(70,64,253)
```
#5540fd
```
#5540fd rgb(85,64,253)
```
#6540fd
```
#6540fd rgb(101,64,253)
```

Similar Colors

Text with hexadecimal color #404afd

This text has a font color of #404afd.

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

#404afd background color

This paragraph has a background color of #404afd.

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

#404afd border color

This element has a border color of #404afd.

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

CSS codes

.text {color:#404afd;}

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

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

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)
```
#000117
```
#000117 rgb(0,1,23)
```
#00032a
```
#00032a rgb(0,3,42)
```
#01043d
```
#01043d rgb(1,4,61)
```
#010551
```
#010551 rgb(1,5,81)
```
#010664
```
#010664 rgb(1,6,100)
```
#010878
```
#010878 rgb(1,8,120)
```
#01098b
```
#01098b rgb(1,9,139)
```
#020a9e
```
#020a9e rgb(2,10,158)
```
#020bb2
```
#020bb2 rgb(2,11,178)
```
#020cc5
```
#020cc5 rgb(2,12,197)
```
#020ed9
```
#020ed9 rgb(2,14,217)
```
#020fec
```
#020fec rgb(2,15,236)
```

Shade Color Variation

#0613fc
```
#0613fc rgb(6,19,252)
```
#1925fd
```
#1925fd rgb(25,37,253)
```
#2d38fd
```
#2d38fd rgb(45,56,253)
```
#404afd
```
#404afd rgb(64,74,253)
```
#535cfd
```
#535cfd rgb(83,92,253)
```
#676ffd
```
#676ffd rgb(103,111,253)
```
#7a81fe
```
#7a81fe rgb(122,129,254)
```
#8e94fe
```
#8e94fe rgb(142,148,254)
```
#a1a6fe
```
#a1a6fe rgb(161,166,254)
```
#b4b8fe
```
#b4b8fe rgb(180,184,254)
```
#c8cbfe
```
#c8cbfe rgb(200,203,254)
```
#dbddff
```
#dbddff rgb(219,221,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 #404afd is the most saturated one.

#999aa4
```
#999aa4 rgb(153,154,164)
```
#9293ab
```
#9293ab rgb(146,147,171)
```
#8a8cb3
```
#8a8cb3 rgb(138,140,179)
```
#8386ba
```
#8386ba rgb(131,134,186)
```
#7b7fc2
```
#7b7fc2 rgb(123,127,194)
```
#7478c9
```
#7478c9 rgb(116,120,201)
```
#6d72d0
```
#6d72d0 rgb(109,114,208)
```
#656bd8
```
#656bd8 rgb(101,107,216)
```
#5e65df
```
#5e65df rgb(94,101,223)
```
#565ee7
```
#565ee7 rgb(86,94,231)
```
#4f57ee
```
#4f57ee rgb(79,87,238)
```
#4751f6
```
#4751f6 rgb(71,81,246)
```
#404afd
```
#404afd rgb(64,74,253)
```

Tone Color Variation

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

#175edf Protanomaly 1% of men, 0.01% of women
#1762cd Deuteranomaly 6% of men, 0.4% of women
#1767ac Tritanomaly 0.01% of the population

#404afd hex color

#404afd Color Information

#404afd Color Conversion

Color Schemes with #404afd

Alternatives to #404afd

#404afd Preview

Shades and Tints of #404afd

Tones of #404afd

Color Blindness Simulator