#405afd hex color

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

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

● #405afd color description : Bright blue.

The hexadecimal color #405afd has RGB values of R:64, G:90, B:253 and CMYK values of C:0.75, M:0.64, Y:0, K:0.01. Its decimal value is 4217597.

Hex triplet	405afd	`#405afd`
RGB Decimal	64, 90, 253	`rgb(64,90,253)`
RGB Percent	25.1, 35.3, 99.2	`rgb(25.1%,35.3%,99.2%)`
CMYK	75, 64, 0, 1
HSL	231.7°, 97.9, 62.2	`hsl(231.7,97.9%,62.2%)`
HSV (or HSB)	231.7°, 74.7, 99.2
Web Safe	3366ff	`#3366ff`

CIE-LAB	46.302, 45.262, -83.476
XYZ	23.497, 15.493, 94.675
xyY	0.176, 0.116, 15.493
CIE-LCH	46.302, 94.957, 298.467
CIE-LUV	46.302, -14.303, -126.454
Hunter-Lab	39.361, 37.675, -115.059
Binary	01000000, 01011010, 11111101

#405afd
```
#405afd rgb(64,90,253)
```
#fde340
```
#fde340 rgb(253,227,64)
```

Complementary Color

#40b9fd
```
#40b9fd rgb(64,185,253)
```
#405afd
```
#405afd rgb(64,90,253)
```
#8540fd
```
#8540fd rgb(133,64,253)
```

Analogous Color

#b9fd40
```
#b9fd40 rgb(185,253,64)
```
#405afd
```
#405afd rgb(64,90,253)
```
#fd8540
```
#fd8540 rgb(253,133,64)
```

Split Complementary Color

#5afd40
```
#5afd40 rgb(90,253,64)
```
#405afd
```
#405afd rgb(64,90,253)
```
#fd405a
```
#fd405a rgb(253,64,90)
```

Triadic Color

#40fde3
```
#40fde3 rgb(64,253,227)
```
#405afd
```
#405afd rgb(64,90,253)
```
#fd405a
```
#fd405a rgb(253,64,90)
```
#fde340
```
#fde340 rgb(253,227,64)
```

Tetradic Color

#0223ee
```
#0223ee rgb(2,35,238)
```
#0e2efc
```
#0e2efc rgb(14,46,252)
```
#2744fd
```
#2744fd rgb(39,68,253)
```
#405afd
```
#405afd rgb(64,90,253)
```
#5970fd
```
#5970fd rgb(89,112,253)
```
#7286fe
```
#7286fe rgb(114,134,254)
```
#8c9bfe
```
#8c9bfe rgb(140,155,254)
```

Monochromatic Color

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

#4089fd
```
#4089fd rgb(64,137,253)
```
#407afd
```
#407afd rgb(64,122,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)
```

Similar Colors

Text with hexadecimal color #405afd

This text has a font color of #405afd.

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

#405afd background color

This paragraph has a background color of #405afd.

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

#405afd border color

This element has a border color of #405afd.

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

CSS codes

.text {color:#405afd;}

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

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

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 #eff1ff is the lightest one.

#000003
```
#000003 rgb(0,0,3)
```
#000317
```
#000317 rgb(0,3,23)
```
#00062a
```
#00062a rgb(0,6,42)
```
#01093d
```
#01093d rgb(1,9,61)
```
#010c51
```
#010c51 rgb(1,12,81)
```
#010f64
```
#010f64 rgb(1,15,100)
```
#011278
```
#011278 rgb(1,18,120)
```
#01148b
```
#01148b rgb(1,20,139)
```
#02179e
```
#02179e rgb(2,23,158)
```
#021ab2
```
#021ab2 rgb(2,26,178)
```
#021dc5
```
#021dc5 rgb(2,29,197)
```
#0220d9
```
#0220d9 rgb(2,32,217)
```
#0223ec
```
#0223ec rgb(2,35,236)
```

Shade Color Variation

#0628fc
```
#0628fc rgb(6,40,252)
```
#1938fd
```
#1938fd rgb(25,56,253)
```
#2d49fd
```
#2d49fd rgb(45,73,253)
```
#405afd
```
#405afd rgb(64,90,253)
```
#536bfd
```
#536bfd rgb(83,107,253)
```
#677cfd
```
#677cfd rgb(103,124,253)
```
#7a8cfe
```
#7a8cfe rgb(122,140,254)
```
#8e9dfe
```
#8e9dfe rgb(142,157,254)
```
#a1aefe
```
#a1aefe rgb(161,174,254)
```
#b4bffe
```
#b4bffe rgb(180,191,254)
```
#c8cffe
```
#c8cffe rgb(200,207,254)
```
#dbe0ff
```
#dbe0ff rgb(219,224,255)
```
#eff1ff
```
#eff1ff rgb(239,241,255)
```

Tint Color Variation

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

#999ba4
```
#999ba4 rgb(153,155,164)
```
#9295ab
```
#9295ab rgb(146,149,171)
```
#8a90b3
```
#8a90b3 rgb(138,144,179)
```
#838aba
```
#838aba rgb(131,138,186)
```
#7b85c2
```
#7b85c2 rgb(123,133,194)
```
#7480c9
```
#7480c9 rgb(116,128,201)
```
#6d7ad0
```
#6d7ad0 rgb(109,122,208)
```
#6575d8
```
#6575d8 rgb(101,117,216)
```
#5e70df
```
#5e70df rgb(94,112,223)
```
#566ae7
```
#566ae7 rgb(86,106,231)
```
#4f65ee
```
#4f65ee rgb(79,101,238)
```
#475ff6
```
#475ff6 rgb(71,95,246)
```
#405afd
```
#405afd rgb(64,90,253)
```

Tone Color Variation

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

#656565 Achromatopsia 0.005% of the population
#5e6383 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0071dd Protanopia 1% of men
#0078c1 Deuteranopia 1% of men
#008087 Tritanopia 0.001% of the population

Trichromacy

#1769e9 Protanomaly 1% of men, 0.01% of women
#176dd6 Deuteranomaly 6% of men, 0.4% of women
#1772b2 Tritanomaly 0.01% of the population

#405afd hex color

#405afd Color Information

#405afd Color Conversion

Color Schemes with #405afd

Alternatives to #405afd

#405afd Preview

Shades and Tints of #405afd

Tones of #405afd

Color Blindness Simulator