#406ea5 hex color

In a RGB color space, hex #406ea5 is composed of 25.1% red, 43.1% green and 64.7% blue. Whereas in a CMYK color space, it is composed of 61.2% cyan, 33.3% magenta, 0% yellow and 35.3% black. It has a hue angle of 212.7 degrees, a saturation of 44.1% and a lightness of 44.9%. #406ea5 color hex could be obtained by blending #80dcff with #00004b. Closest websafe color is: #336699.

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

● #406ea5 color description : Dark moderate blue.

The hexadecimal color #406ea5 has RGB values of R:64, G:110, B:165 and CMYK values of C:0.61, M:0.33, Y:0, K:0.35. Its decimal value is 4222629.

Hex triplet	406ea5	`#406ea5`
RGB Decimal	64, 110, 165	`rgb(64,110,165)`
RGB Percent	25.1, 43.1, 64.7	`rgb(25.1%,43.1%,64.7%)`
CMYK	61, 33, 0, 35
HSL	212.7°, 44.1, 44.9	`hsl(212.7,44.1%,44.9%)`
HSV (or HSB)	212.7°, 61.2, 64.7
Web Safe	336699	`#336699`

CIE-LAB	45.576, 1.63, -34.298
XYZ	14.48, 14.958, 37.719
xyY	0.216, 0.223, 14.958
CIE-LCH	45.576, 34.337, 272.721
CIE-LUV	45.576, -19.725, -50.895
Hunter-Lab	38.675, -0.849, -30.752
Binary	01000000, 01101110, 10100101

#406ea5
```
#406ea5 rgb(64,110,165)
```
#a57740
```
#a57740 rgb(165,119,64)
```

Complementary Color

#40a1a5
```
#40a1a5 rgb(64,161,165)
```
#406ea5
```
#406ea5 rgb(64,110,165)
```
#4540a5
```
#4540a5 rgb(69,64,165)
```

Analogous Color

#a1a540
```
#a1a540 rgb(161,165,64)
```
#406ea5
```
#406ea5 rgb(64,110,165)
```
#a54540
```
#a54540 rgb(165,69,64)
```

Split Complementary Color

#6ea540
```
#6ea540 rgb(110,165,64)
```
#406ea5
```
#406ea5 rgb(64,110,165)
```
#a5406e
```
#a5406e rgb(165,64,110)
```

Triadic Color

#40a577
```
#40a577 rgb(64,165,119)
```
#406ea5
```
#406ea5 rgb(64,110,165)
```
#a5406e
```
#a5406e rgb(165,64,110)
```
#a57740
```
#a57740 rgb(165,119,64)
```

Tetradic Color

#2b496e
```
#2b496e rgb(43,73,110)
```
#325680
```
#325680 rgb(50,86,128)
```
#396293
```
#396293 rgb(57,98,147)
```
#406ea5
```
#406ea5 rgb(64,110,165)
```
#477ab7
```
#477ab7 rgb(71,122,183)
```
#5987bf
```
#5987bf rgb(89,135,191)
```
#6c95c6
```
#6c95c6 rgb(108,149,198)
```

Monochromatic Color

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

#4087a5
```
#4087a5 rgb(64,135,165)
```
#407fa5
```
#407fa5 rgb(64,127,165)
```
#4076a5
```
#4076a5 rgb(64,118,165)
```
#406ea5
```
#406ea5 rgb(64,110,165)
```
#4066a5
```
#4066a5 rgb(64,102,165)
```
#405da5
```
#405da5 rgb(64,93,165)
```
#4055a5
```
#4055a5 rgb(64,85,165)
```

Similar Colors

Text with hexadecimal color #406ea5

This text has a font color of #406ea5.

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

#406ea5 background color

This paragraph has a background color of #406ea5.

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

#406ea5 border color

This element has a border color of #406ea5.

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

CSS codes

.text {color:#406ea5;}

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

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

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, #04060a is the darkest color, while #fafcfd is the lightest one.

#04060a
```
#04060a rgb(4,6,10)
```
#091018
```
#091018 rgb(9,16,24)
```
#0f1926
```
#0f1926 rgb(15,25,38)
```
#142334
```
#142334 rgb(20,35,52)
```
#1a2c42
```
#1a2c42 rgb(26,44,66)
```
#1f3550
```
#1f3550 rgb(31,53,80)
```
#253f5e
```
#253f5e rgb(37,63,94)
```
#2a486c
```
#2a486c rgb(42,72,108)
```
#30527b
```
#30527b rgb(48,82,123)
```
#355b89
```
#355b89 rgb(53,91,137)
```
#3b6597
```
#3b6597 rgb(59,101,151)
```
#406ea5
```
#406ea5 rgb(64,110,165)
```
#4577b3
```
#4577b3 rgb(69,119,179)
```

Shade Color Variation

#5181bb
```
#5181bb rgb(81,129,187)
```
#5f8cc1
```
#5f8cc1 rgb(95,140,193)
```
#6d96c6
```
#6d96c6 rgb(109,150,198)
```
#7ba0cc
```
#7ba0cc rgb(123,160,204)
```
#89aad1
```
#89aad1 rgb(137,170,209)
```
#97b4d7
```
#97b4d7 rgb(151,180,215)
```
#a6bfdc
```
#a6bfdc rgb(166,191,220)
```
#b4c9e2
```
#b4c9e2 rgb(180,201,226)
```
#c2d3e7
```
#c2d3e7 rgb(194,211,231)
```
#d0dded
```
#d0dded rgb(208,221,237)
```
#dee7f2
```
#dee7f2 rgb(222,231,242)
```
#ecf1f8
```
#ecf1f8 rgb(236,241,248)
```
#fafcfd
```
#fafcfd rgb(250,252,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6c7279 is the less saturated color, while #0269e3 is the most saturated one.

#6c7279
```
#6c7279 rgb(108,114,121)
```
#637182
```
#637182 rgb(99,113,130)
```
#5a708b
```
#5a708b rgb(90,112,139)
```
#527093
```
#527093 rgb(82,112,147)
```
#496f9c
```
#496f9c rgb(73,111,156)
```
#406ea5
```
#406ea5 rgb(64,110,165)
```
#376dae
```
#376dae rgb(55,109,174)
```
#2e6cb7
```
#2e6cb7 rgb(46,108,183)
```
#266cbf
```
#266cbf rgb(38,108,191)
```
#1d6bc8
```
#1d6bc8 rgb(29,107,200)
```
#146ad1
```
#146ad1 rgb(20,106,209)
```
#0b69da
```
#0b69da rgb(11,105,218)
```
#0269e3
```
#0269e3 rgb(2,105,227)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#5f6873 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5f71a6 Protanopia 1% of men
#5573aa Deuteranopia 1% of men
#347d86 Tritanopia 0.001% of the population

Trichromacy

#5470a6 Protanomaly 1% of men, 0.01% of women
#4d71a8 Deuteranomaly 6% of men, 0.4% of women
#387791 Tritanomaly 0.01% of the population

#406ea5 hex color

#406ea5 Color Information

#406ea5 Color Conversion

Color Schemes with #406ea5

Alternatives to #406ea5

#406ea5 Preview

Shades and Tints of #406ea5

Tones of #406ea5

Color Blindness Simulator