#406ae5 hex color

In a RGB color space, hex #406ae5 is composed of 25.1% red, 41.6% green and 89.8% blue. Whereas in a CMYK color space, it is composed of 72.1% cyan, 53.7% magenta, 0% yellow and 10.2% black. It has a hue angle of 224.7 degrees, a saturation of 76% and a lightness of 57.5%. #406ae5 color hex could be obtained by blending #80d4ff with #0000cb. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 25
- G 42
- B 90
RGB color chart
- C 72
- M 54
- Y 0
- K 10
CMYK color chart

● #406ae5 color description : Bright blue.

The hexadecimal color #406ae5 has RGB values of R:64, G:106, B:229 and CMYK values of C:0.72, M:0.54, Y:0, K:0.1. Its decimal value is 4221669.

Hex triplet	406ae5	`#406ae5`
RGB Decimal	64, 106, 229	`rgb(64,106,229)`
RGB Percent	25.1, 41.6, 89.8	`rgb(25.1%,41.6%,89.8%)`
CMYK	72, 54, 0, 10
HSL	224.7°, 76, 57.5	`hsl(224.7,76%,57.5%)`
HSV (or HSB)	224.7°, 72.1, 89.8
Web Safe	3366cc	`#3366cc`

CIE-LAB	48.328, 26.943, -66.725
XYZ	21.408, 17.054, 76.288
xyY	0.187, 0.149, 17.054
CIE-LCH	48.328, 71.96, 291.988
CIE-LUV	48.328, -17.988, -103.698
Hunter-Lab	41.296, 20.267, -80.621
Binary	01000000, 01101010, 11100101

#406ae5
```
#406ae5 rgb(64,106,229)
```
#e5bb40
```
#e5bb40 rgb(229,187,64)
```

Complementary Color

#40bde5
```
#40bde5 rgb(64,189,229)
```
#406ae5
```
#406ae5 rgb(64,106,229)
```
#6940e5
```
#6940e5 rgb(105,64,229)
```

Analogous Color

#bde540
```
#bde540 rgb(189,229,64)
```
#406ae5
```
#406ae5 rgb(64,106,229)
```
#e56940
```
#e56940 rgb(229,105,64)
```

Split Complementary Color

#6ae540
```
#6ae540 rgb(106,229,64)
```
#406ae5
```
#406ae5 rgb(64,106,229)
```
#e5406a
```
#e5406a rgb(229,64,106)
```

Triadic Color

#40e5bb
```
#40e5bb rgb(64,229,187)
```
#406ae5
```
#406ae5 rgb(64,106,229)
```
#e5406a
```
#e5406a rgb(229,64,106)
```
#e5bb40
```
#e5bb40 rgb(229,187,64)
```

Tetradic Color

#1a44bf
```
#1a44bf rgb(26,68,191)
```
#1d4cd5
```
#1d4cd5 rgb(29,76,213)
```
#2a58e2
```
#2a58e2 rgb(42,88,226)
```
#406ae5
```
#406ae5 rgb(64,106,229)
```
#567ce8
```
#567ce8 rgb(86,124,232)
```
#6d8deb
```
#6d8deb rgb(109,141,235)
```
#839fee
```
#839fee rgb(131,159,238)
```

Monochromatic Color

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

#4093e5
```
#4093e5 rgb(64,147,229)
```
#4086e5
```
#4086e5 rgb(64,134,229)
```
#4078e5
```
#4078e5 rgb(64,120,229)
```
#406ae5
```
#406ae5 rgb(64,106,229)
```
#405ce5
```
#405ce5 rgb(64,92,229)
```
#404fe5
```
#404fe5 rgb(64,79,229)
```
#4041e5
```
#4041e5 rgb(64,65,229)
```

Similar Colors

Text with hexadecimal color #406ae5

This text has a font color of #406ae5.

<span style="color:#406ae5;">Text here</span>

#406ae5 background color

This paragraph has a background color of #406ae5.

<p style="background-color:#406ae5;">Content here</p>

#406ae5 border color

This element has a border color of #406ae5.

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

CSS codes

.text {color:#406ae5;}

.background {background-color:#406ae5;}

.border {border:1px solid #406ae5;}

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

#020610
```
#020610 rgb(2,6,16)
```
#050c21
```
#050c21 rgb(5,12,33)
```
#071233
```
#071233 rgb(7,18,51)
```
#091844
```
#091844 rgb(9,24,68)
```
#0c1e55
```
#0c1e55 rgb(12,30,85)
```
#0e2467
```
#0e2467 rgb(14,36,103)
```
#102b78
```
#102b78 rgb(16,43,120)
```
#133189
```
#133189 rgb(19,49,137)
```
#15379a
```
#15379a rgb(21,55,154)
```
#173dac
```
#173dac rgb(23,61,172)
```
#1a43bd
```
#1a43bd rgb(26,67,189)
```
#1c49ce
```
#1c49ce rgb(28,73,206)
```
#1e50df
```
#1e50df rgb(30,80,223)
```

Shade Color Variation

#2f5de3
```
#2f5de3 rgb(47,93,227)
```
#406ae5
```
#406ae5 rgb(64,106,229)
```
#5177e7
```
#5177e7 rgb(81,119,231)
```
#6385ea
```
#6385ea rgb(99,133,234)
```
#7492ec
```
#7492ec rgb(116,146,236)
```
#85a0ee
```
#85a0ee rgb(133,160,238)
```
#96adf1
```
#96adf1 rgb(150,173,241)
```
#a8bbf3
```
#a8bbf3 rgb(168,187,243)
```
#b9c8f5
```
#b9c8f5 rgb(185,200,245)
```
#cad6f8
```
#cad6f8 rgb(202,214,248)
```
#dbe3fa
```
#dbe3fa rgb(219,227,250)
```
#edf1fd
```
#edf1fd rgb(237,241,253)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8b8f9a is the less saturated color, while #275efe is the most saturated one.

#8b8f9a
```
#8b8f9a rgb(139,143,154)
```
#838ba2
```
#838ba2 rgb(131,139,162)
```
#7a87ab
```
#7a87ab rgb(122,135,171)
```
#7283b3
```
#7283b3 rgb(114,131,179)
```
#6a7ebb
```
#6a7ebb rgb(106,126,187)
```
#617ac4
```
#617ac4 rgb(97,122,196)
```
#5976cc
```
#5976cc rgb(89,118,204)
```
#5172d4
```
#5172d4 rgb(81,114,212)
```
#486edd
```
#486edd rgb(72,110,221)
```
#406ae5
```
#406ae5 rgb(64,106,229)
```
#3866ed
```
#3866ed rgb(56,102,237)
```
#2f62f6
```
#2f62f6 rgb(47,98,246)
```
#275efe
```
#275efe rgb(39,94,254)
```

Tone Color Variation

Below, you can see how #406ae5 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

#6b6b6b Achromatopsia 0.005% of the population
#626b83 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0076e8 Protanopia 1% of men
#007ccb Deuteranopia 1% of men
#00868e Tritanopia 0.001% of the population

Trichromacy

#1771e6 Protanomaly 1% of men, 0.01% of women
#1775d4 Deuteranomaly 6% of men, 0.4% of women
#177bad Tritanomaly 0.01% of the population

#406ae5 hex color

#406ae5 Color Information

#406ae5 Color Conversion

Color Schemes with #406ae5

Alternatives to #406ae5

#406ae5 Preview

Shades and Tints of #406ae5

Tones of #406ae5

Color Blindness Simulator