#406aae hex color

In a RGB color space, hex #406aae is composed of 25.1% red, 41.6% green and 68.2% blue. Whereas in a CMYK color space, it is composed of 63.2% cyan, 39.1% magenta, 0% yellow and 31.8% black. It has a hue angle of 217.1 degrees, a saturation of 46.2% and a lightness of 46.7%. #406aae color hex could be obtained by blending #80d4ff with #00005d. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 25
- G 42
- B 68
RGB color chart
- C 63
- M 39
- Y 0
- K 32
CMYK color chart

● #406aae color description : Dark moderate blue.

The hexadecimal color #406aae has RGB values of R:64, G:106, B:174 and CMYK values of C:0.63, M:0.39, Y:0, K:0.32. Its decimal value is 4221614.

Hex triplet	406aae	`#406aae`
RGB Decimal	64, 106, 174	`rgb(64,106,174)`
RGB Percent	25.1, 41.6, 68.2	`rgb(25.1%,41.6%,68.2%)`
CMYK	63, 39, 0, 32
HSL	217.1°, 46.2, 46.7	`hsl(217.1,46.2%,46.7%)`
HSV (or HSB)	217.1°, 63.2, 68.2
Web Safe	336699	`#336699`

CIE-LAB	44.876, 7.244, -40.683
XYZ	14.907, 14.453, 42.046
xyY	0.209, 0.202, 14.453
CIE-LCH	44.876, 41.323, 280.096
CIE-LUV	44.876, -18.208, -61.156
Hunter-Lab	38.017, 3.46, -38.961
Binary	01000000, 01101010, 10101110

#406aae
```
#406aae rgb(64,106,174)
```
#ae8440
```
#ae8440 rgb(174,132,64)
```

Complementary Color

#40a1ae
```
#40a1ae rgb(64,161,174)
```
#406aae
```
#406aae rgb(64,106,174)
```
#4d40ae
```
#4d40ae rgb(77,64,174)
```

Analogous Color

#a1ae40
```
#a1ae40 rgb(161,174,64)
```
#406aae
```
#406aae rgb(64,106,174)
```
#ae4d40
```
#ae4d40 rgb(174,77,64)
```

Split Complementary Color

#6aae40
```
#6aae40 rgb(106,174,64)
```
#406aae
```
#406aae rgb(64,106,174)
```
#ae406a
```
#ae406a rgb(174,64,106)
```

Triadic Color

#40ae84
```
#40ae84 rgb(64,174,132)
```
#406aae
```
#406aae rgb(64,106,174)
```
#ae406a
```
#ae406a rgb(174,64,106)
```
#ae8440
```
#ae8440 rgb(174,132,64)
```

Tetradic Color

#2b4876
```
#2b4876 rgb(43,72,118)
```
#325389
```
#325389 rgb(50,83,137)
```
#395f9b
```
#395f9b rgb(57,95,155)
```
#406aae
```
#406aae rgb(64,106,174)
```
#4b76bd
```
#4b76bd rgb(75,118,189)
```
#5d84c4
```
#5d84c4 rgb(93,132,196)
```
#7093ca
```
#7093ca rgb(112,147,202)
```

Monochromatic Color

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

#4086ae
```
#4086ae rgb(64,134,174)
```
#407cae
```
#407cae rgb(64,124,174)
```
#4073ae
```
#4073ae rgb(64,115,174)
```
#406aae
```
#406aae rgb(64,106,174)
```
#4061ae
```
#4061ae rgb(64,97,174)
```
#4058ae
```
#4058ae rgb(64,88,174)
```
#404fae
```
#404fae rgb(64,79,174)
```

Similar Colors

Text with hexadecimal color #406aae

This text has a font color of #406aae.

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

#406aae background color

This paragraph has a background color of #406aae.

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

#406aae border color

This element has a border color of #406aae.

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

CSS codes

.text {color:#406aae;}

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

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

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

#010102
```
#010102 rgb(1,1,2)
```
#060a10
```
#060a10 rgb(6,10,16)
```
#0b131f
```
#0b131f rgb(11,19,31)
```
#111b2d
```
#111b2d rgb(17,27,45)
```
#16243b
```
#16243b rgb(22,36,59)
```
#1b2d4a
```
#1b2d4a rgb(27,45,74)
```
#203658
```
#203658 rgb(32,54,88)
```
#263e66
```
#263e66 rgb(38,62,102)
```
#2b4775
```
#2b4775 rgb(43,71,117)
```
#305083
```
#305083 rgb(48,80,131)
```
#355991
```
#355991 rgb(53,89,145)
```
#3b61a0
```
#3b61a0 rgb(59,97,160)
```
#406aae
```
#406aae rgb(64,106,174)
```

Shade Color Variation

#4673bb
```
#4673bb rgb(70,115,187)
```
#557ec0
```
#557ec0 rgb(85,126,192)
```
#6389c6
```
#6389c6 rgb(99,137,198)
```
#7294cb
```
#7294cb rgb(114,148,203)
```
#809fd0
```
#809fd0 rgb(128,159,208)
```
#8ea9d6
```
#8ea9d6 rgb(142,169,214)
```
#9db4db
```
#9db4db rgb(157,180,219)
```
#abbfe0
```
#abbfe0 rgb(171,191,224)
```
#b9cae5
```
#b9cae5 rgb(185,202,229)
```
#c8d5eb
```
#c8d5eb rgb(200,213,235)
```
#d6e0f0
```
#d6e0f0 rgb(214,224,240)
```
#e4ebf5
```
#e4ebf5 rgb(228,235,245)
```
#f3f6fa
```
#f3f6fa rgb(243,246,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #777777 is the less saturated color, while #095de5 is the most saturated one.

#777777
```
#777777 rgb(119,119,119)
```
#6e7580
```
#6e7580 rgb(110,117,128)
```
#657389
```
#657389 rgb(101,115,137)
```
#5b7093
```
#5b7093 rgb(91,112,147)
```
#526e9c
```
#526e9c rgb(82,110,156)
```
#496ca5
```
#496ca5 rgb(73,108,165)
```
#406aae
```
#406aae rgb(64,106,174)
```
#3768b7
```
#3768b7 rgb(55,104,183)
```
#2e66c0
```
#2e66c0 rgb(46,102,192)
```
#2564c9
```
#2564c9 rgb(37,100,201)
```
#1b61d3
```
#1b61d3 rgb(27,97,211)
```
#125fdc
```
#125fdc rgb(18,95,220)
```
#095de5
```
#095de5 rgb(9,93,229)
```

Tone Color Variation

Below, you can see how #406aae 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
#5e6674 Atypical Achromatopsia 0.001% of the population

Dichromacy

#566fb0 Protanopia 1% of men
#4572b1 Deuteranopia 1% of men
#2a7b84 Tritanopia 0.001% of the population

Trichromacy

#4e6daf Protanomaly 1% of men, 0.01% of women
#436fb0 Deuteranomaly 6% of men, 0.4% of women
#327593 Tritanomaly 0.01% of the population

#406aae hex color

#406aae Color Information

#406aae Color Conversion

Color Schemes with #406aae

Alternatives to #406aae

#406aae Preview

Shades and Tints of #406aae

Tones of #406aae

Color Blindness Simulator