#406c8a hex color

In a RGB color space, hex #406c8a is composed of 25.1% red, 42.4% green and 54.1% blue. Whereas in a CMYK color space, it is composed of 53.6% cyan, 21.7% magenta, 0% yellow and 45.9% black. It has a hue angle of 204.3 degrees, a saturation of 36.6% and a lightness of 39.6%. #406c8a color hex could be obtained by blending #80d8ff with #000015. Closest websafe color is: #336699.

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

● #406c8a color description : Dark moderate blue.

The hexadecimal color #406c8a has RGB values of R:64, G:108, B:138 and CMYK values of C:0.54, M:0.22, Y:0, K:0.46. Its decimal value is 4222090.

Hex triplet	406c8a	`#406c8a`
RGB Decimal	64, 108, 138	`rgb(64,108,138)`
RGB Percent	25.1, 42.4, 54.1	`rgb(25.1%,42.4%,54.1%)`
CMYK	54, 22, 0, 46
HSL	204.3°, 36.6, 39.6	`hsl(204.3,36.6%,39.6%)`
HSV (or HSB)	204.3°, 53.6, 54.1
Web Safe	336699	`#336699`

CIE-LAB	43.726, -6.166, -21.171
XYZ	12.063, 13.649, 26.042
xyY	0.233, 0.264, 13.649
CIE-LCH	43.726, 22.051, 253.762
CIE-LUV	43.726, -19.459, -29.455
Hunter-Lab	36.945, -6.37, -15.931
Binary	01000000, 01101100, 10001010

#406c8a
```
#406c8a rgb(64,108,138)
```
#8a5e40
```
#8a5e40 rgb(138,94,64)
```

Complementary Color

#408a83
```
#408a83 rgb(64,138,131)
```
#406c8a
```
#406c8a rgb(64,108,138)
```
#40478a
```
#40478a rgb(64,71,138)
```

Analogous Color

#8a8340
```
#8a8340 rgb(138,131,64)
```
#406c8a
```
#406c8a rgb(64,108,138)
```
#8a4047
```
#8a4047 rgb(138,64,71)
```

Split Complementary Color

#6c8a40
```
#6c8a40 rgb(108,138,64)
```
#406c8a
```
#406c8a rgb(64,108,138)
```
#8a406c
```
#8a406c rgb(138,64,108)
```

Triadic Color

#408a5e
```
#408a5e rgb(64,138,94)
```
#406c8a
```
#406c8a rgb(64,108,138)
```
#8a406c
```
#8a406c rgb(138,64,108)
```
#8a5e40
```
#8a5e40 rgb(138,94,64)
```

Tetradic Color

#284356
```
#284356 rgb(40,67,86)
```
#305167
```
#305167 rgb(48,81,103)
```
#385e79
```
#385e79 rgb(56,94,121)
```
#406c8a
```
#406c8a rgb(64,108,138)
```
#487a9b
```
#487a9b rgb(72,122,155)
```
#5087ad
```
#5087ad rgb(80,135,173)
```
#6193b6
```
#6193b6 rgb(97,147,182)
```

Monochromatic Color

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

#407f8a
```
#407f8a rgb(64,127,138)
```
#40788a
```
#40788a rgb(64,120,138)
```
#40728a
```
#40728a rgb(64,114,138)
```
#406c8a
```
#406c8a rgb(64,108,138)
```
#40668a
```
#40668a rgb(64,102,138)
```
#40608a
```
#40608a rgb(64,96,138)
```
#405a8a
```
#405a8a rgb(64,90,138)
```

Similar Colors

Text with hexadecimal color #406c8a

This text has a font color of #406c8a.

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

#406c8a background color

This paragraph has a background color of #406c8a.

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

#406c8a border color

This element has a border color of #406c8a.

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

CSS codes

.text {color:#406c8a;}

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

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

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

#020304
```
#020304 rgb(2,3,4)
```
#080e11
```
#080e11 rgb(8,14,17)
```
#0e181f
```
#0e181f rgb(14,24,31)
```
#14232c
```
#14232c rgb(20,35,44)
```
#1b2d3a
```
#1b2d3a rgb(27,45,58)
```
#213847
```
#213847 rgb(33,56,71)
```
#274254
```
#274254 rgb(39,66,84)
```
#2d4d62
```
#2d4d62 rgb(45,77,98)
```
#34576f
```
#34576f rgb(52,87,111)
```
#3a627d
```
#3a627d rgb(58,98,125)
```
#406c8a
```
#406c8a rgb(64,108,138)
```
#467697
```
#467697 rgb(70,118,151)
```
#4c81a5
```
#4c81a5 rgb(76,129,165)
```

Shade Color Variation

#558bb0
```
#558bb0 rgb(85,139,176)
```
#6294b6
```
#6294b6 rgb(98,148,182)
```
#709dbc
```
#709dbc rgb(112,157,188)
```
#7da6c3
```
#7da6c3 rgb(125,166,195)
```
#8ab0c9
```
#8ab0c9 rgb(138,176,201)
```
#98b9cf
```
#98b9cf rgb(152,185,207)
```
#a5c2d5
```
#a5c2d5 rgb(165,194,213)
```
#b3cbdc
```
#b3cbdc rgb(179,203,220)
```
#c0d4e2
```
#c0d4e2 rgb(192,212,226)
```
#cddde8
```
#cddde8 rgb(205,221,232)
```
#dbe6ee
```
#dbe6ee rgb(219,230,238)
```
#e8eff4
```
#e8eff4 rgb(232,239,244)
```
#f6f9fb
```
#f6f9fb rgb(246,249,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5f666b is the less saturated color, while #0278c8 is the most saturated one.

#5f666b
```
#5f666b rgb(95,102,107)
```
#576873
```
#576873 rgb(87,104,115)
```
#50697a
```
#50697a rgb(80,105,122)
```
#486b82
```
#486b82 rgb(72,107,130)
```
#406c8a
```
#406c8a rgb(64,108,138)
```
#386d92
```
#386d92 rgb(56,109,146)
```
#306f9a
```
#306f9a rgb(48,111,154)
```
#2970a1
```
#2970a1 rgb(41,112,161)
```
#2172a9
```
#2172a9 rgb(33,114,169)
```
#1973b1
```
#1973b1 rgb(25,115,177)
```
#1175b9
```
#1175b9 rgb(17,117,185)
```
#0a76c0
```
#0a76c0 rgb(10,118,192)
```
#0278c8
```
#0278c8 rgb(2,120,200)
```

Tone Color Variation

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

#626262 Achromatopsia 0.005% of the population
#5b646a Atypical Achromatopsia 0.001% of the population

Dichromacy

#666e8c Protanopia 1% of men
#646d92 Deuteranopia 1% of men
#42767f Tritanopia 0.001% of the population

Trichromacy

#586d8b Protanomaly 1% of men, 0.01% of women
#576d8f Deuteranomaly 6% of men, 0.4% of women
#417283 Tritanomaly 0.01% of the population

#406c8a hex color

#406c8a Color Information

#406c8a Color Conversion

Color Schemes with #406c8a

Alternatives to #406c8a

#406c8a Preview

Shades and Tints of #406c8a

Tones of #406c8a

Color Blindness Simulator