#405aff hex color

In a RGB color space, hex #405aff is composed of 25.1% red, 35.3% green and 100% blue. Whereas in a CMYK color space, it is composed of 74.9% cyan, 64.7% magenta, 0% yellow and 0% black. It has a hue angle of 231.8 degrees, a saturation of 100% and a lightness of 62.5%. #405aff color hex could be obtained by blending #80b4ff with #0000ff. Closest websafe color is: #3366ff.

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

● #405aff color description : Light blue.

The hexadecimal color #405aff has RGB values of R:64, G:90, B:255 and CMYK values of C:0.75, M:0.65, Y:0, K:0. Its decimal value is 4217599.

Hex triplet	405aff	`#405aff`
RGB Decimal	64, 90, 255	`rgb(64,90,255)`
RGB Percent	25.1, 35.3, 100	`rgb(25.1%,35.3%,100%)`
CMYK	75, 65, 0, 0
HSL	231.8°, 100, 62.5	`hsl(231.8,100%,62.5%)`
HSV (or HSB)	231.8°, 74.9, 100
Web Safe	3366ff	`#3366ff`

CIE-LAB	46.473, 45.944, -84.308
XYZ	23.817, 15.621, 96.362
xyY	0.175, 0.115, 15.621
CIE-LCH	46.473, 96.013, 298.588
CIE-LUV	46.473, -14.345, -127.731
Hunter-Lab	39.523, 38.4, -116.89
Binary	01000000, 01011010, 11111111

#405aff
```
#405aff rgb(64,90,255)
```
#ffe540
```
#ffe540 rgb(255,229,64)
```

Complementary Color

#40baff
```
#40baff rgb(64,186,255)
```
#405aff
```
#405aff rgb(64,90,255)
```
#8640ff
```
#8640ff rgb(134,64,255)
```

Analogous Color

#baff40
```
#baff40 rgb(186,255,64)
```
#405aff
```
#405aff rgb(64,90,255)
```
#ff8640
```
#ff8640 rgb(255,134,64)
```

Split Complementary Color

#5aff40
```
#5aff40 rgb(90,255,64)
```
#405aff
```
#405aff rgb(64,90,255)
```
#ff405a
```
#ff405a rgb(255,64,90)
```

Triadic Color

#40ffe5
```
#40ffe5 rgb(64,255,229)
```
#405aff
```
#405aff rgb(64,90,255)
```
#ff405a
```
#ff405a rgb(255,64,90)
```
#ffe540
```
#ffe540 rgb(255,229,64)
```

Tetradic Color

#0021f3
```
#0021f3 rgb(0,33,243)
```
#0d2eff
```
#0d2eff rgb(13,46,255)
```
#2744ff
```
#2744ff rgb(39,68,255)
```
#405aff
```
#405aff rgb(64,90,255)
```
#5a70ff
```
#5a70ff rgb(90,112,255)
```
#7386ff
```
#7386ff rgb(115,134,255)
```
#8d9cff
```
#8d9cff rgb(141,156,255)
```

Monochromatic Color

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

#408aff
```
#408aff rgb(64,138,255)
```
#407aff
```
#407aff rgb(64,122,255)
```
#406aff
```
#406aff rgb(64,106,255)
```
#405aff
```
#405aff rgb(64,90,255)
```
#404aff
```
#404aff rgb(64,74,255)
```
#4640ff
```
#4640ff rgb(70,64,255)
```
#5640ff
```
#5640ff rgb(86,64,255)
```

Similar Colors

Text with hexadecimal color #405aff

This text has a font color of #405aff.

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

#405aff background color

This paragraph has a background color of #405aff.

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

#405aff border color

This element has a border color of #405aff.

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

CSS codes

.text {color:#405aff;}

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

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

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

#000105
```
#000105 rgb(0,1,5)
```
#000319
```
#000319 rgb(0,3,25)
```
#00062c
```
#00062c rgb(0,6,44)
```
#000940
```
#000940 rgb(0,9,64)
```
#000b54
```
#000b54 rgb(0,11,84)
```
#000e67
```
#000e67 rgb(0,14,103)
```
#00117b
```
#00117b rgb(0,17,123)
```
#00138e
```
#00138e rgb(0,19,142)
```
#0016a2
```
#0016a2 rgb(0,22,162)
```
#0019b6
```
#0019b6 rgb(0,25,182)
```
#001bc9
```
#001bc9 rgb(0,27,201)
```
#001edd
```
#001edd rgb(0,30,221)
```
#0021f1
```
#0021f1 rgb(0,33,241)
```

Shade Color Variation

#0527ff
```
#0527ff rgb(5,39,255)
```
#1938ff
```
#1938ff rgb(25,56,255)
```
#2c49ff
```
#2c49ff rgb(44,73,255)
```
#405aff
```
#405aff rgb(64,90,255)
```
#546bff
```
#546bff rgb(84,107,255)
```
#677cff
```
#677cff rgb(103,124,255)
```
#7b8dff
```
#7b8dff rgb(123,141,255)
```
#8e9eff
```
#8e9eff rgb(142,158,255)
```
#a2afff
```
#a2afff rgb(162,175,255)
```
#b6c0ff
```
#b6c0ff rgb(182,192,255)
```
#c9d1ff
```
#c9d1ff rgb(201,209,255)
```
#dde2ff
```
#dde2ff rgb(221,226,255)
```
#f1f3ff
```
#f1f3ff rgb(241,243,255)
```

Tint Color Variation

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

#989aa7
```
#989aa7 rgb(152,154,167)
```
#9195ae
```
#9195ae rgb(145,149,174)
```
#898fb6
```
#898fb6 rgb(137,143,182)
```
#828abd
```
#828abd rgb(130,138,189)
```
#7b85c4
```
#7b85c4 rgb(123,133,196)
```
#737fcc
```
#737fcc rgb(115,127,204)
```
#6c7ad3
```
#6c7ad3 rgb(108,122,211)
```
#6575da
```
#6575da rgb(101,117,218)
```
#5d6fe2
```
#5d6fe2 rgb(93,111,226)
```
#566ae9
```
#566ae9 rgb(86,106,233)
```
#4f65f0
```
#4f65f0 rgb(79,101,240)
```
#475ff8
```
#475ff8 rgb(71,95,248)
```
#405aff
```
#405aff rgb(64,90,255)
```

Tone Color Variation

Below, you can see how #405aff 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
#5e6384 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0072de Protanopia 1% of men
#0078c1 Deuteranopia 1% of men
#008188 Tritanopia 0.001% of the population

Trichromacy

#1769ea Protanomaly 1% of men, 0.01% of women
#176dd8 Deuteranomaly 6% of men, 0.4% of women
#1773b3 Tritanomaly 0.01% of the population

#405aff hex color

#405aff Color Information

#405aff Color Conversion

Color Schemes with #405aff

Alternatives to #405aff

#405aff Preview

Shades and Tints of #405aff

Tones of #405aff

Color Blindness Simulator