#406ba6 hex color

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

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

● #406ba6 color description : Dark moderate blue.

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

Hex triplet	406ba6	`#406ba6`
RGB Decimal	64, 107, 166	`rgb(64,107,166)`
RGB Percent	25.1, 42, 65.1	`rgb(25.1%,42%,65.1%)`
CMYK	61, 36, 0, 35
HSL	214.7°, 44.3, 45.1	`hsl(214.7,44.3%,45.1%)`
HSV (or HSB)	214.7°, 61.4, 65.1
Web Safe	336699	`#336699`

CIE-LAB	44.742, 3.825, -36.201
XYZ	14.253, 14.358, 38.094
xyY	0.214, 0.215, 14.358
CIE-LCH	44.742, 36.403, 276.031
CIE-LUV	44.742, -18.645, -53.855
Hunter-Lab	37.892, 0.835, -33.084
Binary	01000000, 01101011, 10100110

#406ba6
```
#406ba6 rgb(64,107,166)
```
#a67b40
```
#a67b40 rgb(166,123,64)
```

Complementary Color

#409ea6
```
#409ea6 rgb(64,158,166)
```
#406ba6
```
#406ba6 rgb(64,107,166)
```
#4840a6
```
#4840a6 rgb(72,64,166)
```

Analogous Color

#9ea640
```
#9ea640 rgb(158,166,64)
```
#406ba6
```
#406ba6 rgb(64,107,166)
```
#a64840
```
#a64840 rgb(166,72,64)
```

Split Complementary Color

#6ba640
```
#6ba640 rgb(107,166,64)
```
#406ba6
```
#406ba6 rgb(64,107,166)
```
#a6406b
```
#a6406b rgb(166,64,107)
```

Triadic Color

#40a67b
```
#40a67b rgb(64,166,123)
```
#406ba6
```
#406ba6 rgb(64,107,166)
```
#a6406b
```
#a6406b rgb(166,64,107)
```
#a67b40
```
#a67b40 rgb(166,123,64)
```

Tetradic Color

#2b476f
```
#2b476f rgb(43,71,111)
```
#325381
```
#325381 rgb(50,83,129)
```
#395f94
```
#395f94 rgb(57,95,148)
```
#406ba6
```
#406ba6 rgb(64,107,166)
```
#4777b8
```
#4777b8 rgb(71,119,184)
```
#5a85bf
```
#5a85bf rgb(90,133,191)
```
#6c92c6
```
#6c92c6 rgb(108,146,198)
```

Monochromatic Color

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

#4085a6
```
#4085a6 rgb(64,133,166)
```
#407ca6
```
#407ca6 rgb(64,124,166)
```
#4074a6
```
#4074a6 rgb(64,116,166)
```
#406ba6
```
#406ba6 rgb(64,107,166)
```
#4063a6
```
#4063a6 rgb(64,99,166)
```
#405aa6
```
#405aa6 rgb(64,90,166)
```
#4052a6
```
#4052a6 rgb(64,82,166)
```

Similar Colors

Text with hexadecimal color #406ba6

This text has a font color of #406ba6.

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

#406ba6 background color

This paragraph has a background color of #406ba6.

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

#406ba6 border color

This element has a border color of #406ba6.

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

CSS codes

.text {color:#406ba6;}

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

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

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)
```
#1a2b43
```
#1a2b43 rgb(26,43,67)
```
#1f3451
```
#1f3451 rgb(31,52,81)
```
#253d5f
```
#253d5f rgb(37,61,95)
```
#2a466d
```
#2a466d rgb(42,70,109)
```
#30507c
```
#30507c rgb(48,80,124)
```
#35598a
```
#35598a rgb(53,89,138)
```
#3b6298
```
#3b6298 rgb(59,98,152)
```
#406ba6
```
#406ba6 rgb(64,107,166)
```
#4574b4
```
#4574b4 rgb(69,116,180)
```

Shade Color Variation

#517ebc
```
#517ebc rgb(81,126,188)
```
#5f89c1
```
#5f89c1 rgb(95,137,193)
```
#6e93c7
```
#6e93c7 rgb(110,147,199)
```
#7c9ecc
```
#7c9ecc rgb(124,158,204)
```
#8aa8d2
```
#8aa8d2 rgb(138,168,210)
```
#98b3d7
```
#98b3d7 rgb(152,179,215)
```
#a6bddd
```
#a6bddd rgb(166,189,221)
```
#b4c8e2
```
#b4c8e2 rgb(180,200,226)
```
#c2d2e8
```
#c2d2e8 rgb(194,210,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 #0261e4 is the most saturated one.

#6c727a
```
#6c727a rgb(108,114,122)
```
#637183
```
#637183 rgb(99,113,131)
```
#5b6f8b
```
#5b6f8b rgb(91,111,139)
```
#526e94
```
#526e94 rgb(82,110,148)
```
#496c9d
```
#496c9d rgb(73,108,157)
```
#406ba6
```
#406ba6 rgb(64,107,166)
```
#376aaf
```
#376aaf rgb(55,106,175)
```
#2e68b8
```
#2e68b8 rgb(46,104,184)
```
#2567c1
```
#2567c1 rgb(37,103,193)
```
#1d65c9
```
#1d65c9 rgb(29,101,201)
```
#1464d2
```
#1464d2 rgb(20,100,210)
```
#0b63db
```
#0b63db rgb(11,99,219)
```
#0261e4
```
#0261e4 rgb(2,97,228)
```

Tone Color Variation

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

#5b6fa8 Protanopia 1% of men
#4f71ab Deuteranopia 1% of men
#327b84 Tritanopia 0.001% of the population

Trichromacy

#516ea7 Protanomaly 1% of men, 0.01% of women
#496fa9 Deuteranomaly 6% of men, 0.4% of women
#377590 Tritanomaly 0.01% of the population

#406ba6 hex color

#406ba6 Color Information

#406ba6 Color Conversion

Color Schemes with #406ba6

Alternatives to #406ba6

#406ba6 Preview

Shades and Tints of #406ba6

Tones of #406ba6

Color Blindness Simulator