#406ca6 hex color

In a RGB color space, hex #406ca6 is composed of 25.1% red, 42.4% green and 65.1% blue. Whereas in a CMYK color space, it is composed of 61.4% cyan, 34.9% magenta, 0% yellow and 34.9% black. It has a hue angle of 214.1 degrees, a saturation of 44.3% and a lightness of 45.1%. #406ca6 color hex could be obtained by blending #80d8ff with #00004d. Closest websafe color is: #336699.

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

● #406ca6 color description : Dark moderate blue.

The hexadecimal color #406ca6 has RGB values of R:64, G:108, B:166 and CMYK values of C:0.61, M:0.35, Y:0, K:0.35. Its decimal value is 4222118.

Hex triplet	406ca6	`#406ca6`
RGB Decimal	64, 108, 166	`rgb(64,108,166)`
RGB Percent	25.1, 42.4, 65.1	`rgb(25.1%,42.4%,65.1%)`
CMYK	61, 35, 0, 35
HSL	214.1°, 44.3, 45.1	`hsl(214.1,44.3%,45.1%)`
HSV (or HSB)	214.1°, 61.4, 65.1
Web Safe	336699	`#336699`

CIE-LAB	45.036, 3.206, -35.737
XYZ	14.358, 14.567, 38.129
xyY	0.214, 0.217, 14.567
CIE-LCH	45.036, 35.88, 275.127
CIE-LUV	45.036, -18.998, -53.153
Hunter-Lab	38.167, 0.358, -32.514
Binary	01000000, 01101100, 10100110

#406ca6
```
#406ca6 rgb(64,108,166)
```
#a67a40
```
#a67a40 rgb(166,122,64)
```

Complementary Color

#409fa6
```
#409fa6 rgb(64,159,166)
```
#406ca6
```
#406ca6 rgb(64,108,166)
```
#4740a6
```
#4740a6 rgb(71,64,166)
```

Analogous Color

#9fa640
```
#9fa640 rgb(159,166,64)
```
#406ca6
```
#406ca6 rgb(64,108,166)
```
#a64740
```
#a64740 rgb(166,71,64)
```

Split Complementary Color

#6ca640
```
#6ca640 rgb(108,166,64)
```
#406ca6
```
#406ca6 rgb(64,108,166)
```
#a6406c
```
#a6406c rgb(166,64,108)
```

Triadic Color

#40a67a
```
#40a67a rgb(64,166,122)
```
#406ca6
```
#406ca6 rgb(64,108,166)
```
#a6406c
```
#a6406c rgb(166,64,108)
```
#a67a40
```
#a67a40 rgb(166,122,64)
```

Tetradic Color

#2b486f
```
#2b486f rgb(43,72,111)
```
#325481
```
#325481 rgb(50,84,129)
```
#396094
```
#396094 rgb(57,96,148)
```
#406ca6
```
#406ca6 rgb(64,108,166)
```
#4778b8
```
#4778b8 rgb(71,120,184)
```
#5a86bf
```
#5a86bf rgb(90,134,191)
```
#6c93c6
```
#6c93c6 rgb(108,147,198)
```

Monochromatic Color

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

#4086a6
```
#4086a6 rgb(64,134,166)
```
#407da6
```
#407da6 rgb(64,125,166)
```
#4075a6
```
#4075a6 rgb(64,117,166)
```
#406ca6
```
#406ca6 rgb(64,108,166)
```
#4064a6
```
#4064a6 rgb(64,100,166)
```
#405ba6
```
#405ba6 rgb(64,91,166)
```
#4052a6
```
#4052a6 rgb(64,82,166)
```

Similar Colors

Text with hexadecimal color #406ca6

This text has a font color of #406ca6.

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

#406ca6 background color

This paragraph has a background color of #406ca6.

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

#406ca6 border color

This element has a border color of #406ca6.

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

CSS codes

.text {color:#406ca6;}

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

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

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

#04070a
```
#04070a rgb(4,7,10)
```
#091018
```
#091018 rgb(9,16,24)
```
#0f1927
```
#0f1927 rgb(15,25,39)
```
#142235
```
#142235 rgb(20,34,53)
```
#1a2c43
```
#1a2c43 rgb(26,44,67)
```
#1f3551
```
#1f3551 rgb(31,53,81)
```
#253e5f
```
#253e5f rgb(37,62,95)
```
#2a476d
```
#2a476d rgb(42,71,109)
```
#30507c
```
#30507c rgb(48,80,124)
```
#355a8a
```
#355a8a rgb(53,90,138)
```
#3b6398
```
#3b6398 rgb(59,99,152)
```
#406ca6
```
#406ca6 rgb(64,108,166)
```
#4575b4
```
#4575b4 rgb(69,117,180)
```

Shade Color Variation

#517fbc
```
#517fbc rgb(81,127,188)
```
#5f8ac1
```
#5f8ac1 rgb(95,138,193)
```
#6e94c7
```
#6e94c7 rgb(110,148,199)
```
#7c9fcc
```
#7c9fcc rgb(124,159,204)
```
#8aa9d2
```
#8aa9d2 rgb(138,169,210)
```
#98b3d7
```
#98b3d7 rgb(152,179,215)
```
#a6bedd
```
#a6bedd rgb(166,190,221)
```
#b4c8e2
```
#b4c8e2 rgb(180,200,226)
```
#c2d3e8
```
#c2d3e8 rgb(194,211,232)
```
#d1dded
```
#d1dded rgb(209,221,237)
```
#dfe7f3
```
#dfe7f3 rgb(223,231,243)
```
#edf2f8
```
#edf2f8 rgb(237,242,248)
```
#fbfcfe
```
#fbfcfe rgb(251,252,254)
```

Tint Color Variation

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

#6c727a
```
#6c727a rgb(108,114,122)
```
#637183
```
#637183 rgb(99,113,131)
```
#5b708b
```
#5b708b rgb(91,112,139)
```
#526e94
```
#526e94 rgb(82,110,148)
```
#496d9d
```
#496d9d rgb(73,109,157)
```
#406ca6
```
#406ca6 rgb(64,108,166)
```
#376baf
```
#376baf rgb(55,107,175)
```
#2e6ab8
```
#2e6ab8 rgb(46,106,184)
```
#2568c1
```
#2568c1 rgb(37,104,193)
```
#1d67c9
```
#1d67c9 rgb(29,103,201)
```
#1466d2
```
#1466d2 rgb(20,102,210)
```
#0b65db
```
#0b65db rgb(11,101,219)
```
#0264e4
```
#0264e4 rgb(2,100,228)
```

Tone Color Variation

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

Dichromacy

#5c70a8 Protanopia 1% of men
#5172ab Deuteranopia 1% of men
#327b84 Tritanopia 0.001% of the population

Trichromacy

#526ea7 Protanomaly 1% of men, 0.01% of women
#4b6fa9 Deuteranomaly 6% of men, 0.4% of women
#377690 Tritanomaly 0.01% of the population

#406ca6 hex color

#406ca6 Color Information

#406ca6 Color Conversion

Color Schemes with #406ca6

Alternatives to #406ca6

#406ca6 Preview

Shades and Tints of #406ca6

Tones of #406ca6

Color Blindness Simulator