#406d80 hex color

In a RGB color space, hex #406d80 is composed of 25.1% red, 42.7% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 50% cyan, 14.8% magenta, 0% yellow and 49.8% black. It has a hue angle of 197.8 degrees, a saturation of 33.3% and a lightness of 37.6%. #406d80 color hex could be obtained by blending #80daff with #000001. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 25
- G 43
- B 50
RGB color chart
- C 50
- M 15
- Y 0
- K 50
CMYK color chart

● #406d80 color description : Dark moderate blue.

The hexadecimal color #406d80 has RGB values of R:64, G:109, B:128 and CMYK values of C:0.5, M:0.15, Y:0, K:0.5. Its decimal value is 4222336.

Hex triplet	406d80	`#406d80`
RGB Decimal	64, 109, 128	`rgb(64,109,128)`
RGB Percent	25.1, 42.7, 50.2	`rgb(25.1%,42.7%,50.2%)`
CMYK	50, 15, 0, 50
HSL	197.8°, 33.3, 37.6	`hsl(197.8,33.3%,37.6%)`
HSV (or HSB)	197.8°, 50, 50.2
Web Safe	336699	`#336699`

CIE-LAB	43.632, -9.891, -15.32
XYZ	11.478, 13.585, 22.438
xyY	0.242, 0.286, 13.585
CIE-LCH	43.632, 18.235, 237.153
CIE-LUV	43.632, -20.054, -20.217
Hunter-Lab	36.858, -8.913, -10.294
Binary	01000000, 01101101, 10000000

#406d80
```
#406d80 rgb(64,109,128)
```
#805340
```
#805340 rgb(128,83,64)
```

Complementary Color

#408073
```
#408073 rgb(64,128,115)
```
#406d80
```
#406d80 rgb(64,109,128)
```
#404d80
```
#404d80 rgb(64,77,128)
```

Analogous Color

#807340
```
#807340 rgb(128,115,64)
```
#406d80
```
#406d80 rgb(64,109,128)
```
#80404d
```
#80404d rgb(128,64,77)
```

Split Complementary Color

#6d8040
```
#6d8040 rgb(109,128,64)
```
#406d80
```
#406d80 rgb(64,109,128)
```
#80406d
```
#80406d rgb(128,64,109)
```

Triadic Color

#408053
```
#408053 rgb(64,128,83)
```
#406d80
```
#406d80 rgb(64,109,128)
```
#80406d
```
#80406d rgb(128,64,109)
```
#805340
```
#805340 rgb(128,83,64)
```

Tetradic Color

#27424d
```
#27424d rgb(39,66,77)
```
#2f505e
```
#2f505e rgb(47,80,94)
```
#385f6f
```
#385f6f rgb(56,95,111)
```
#406d80
```
#406d80 rgb(64,109,128)
```
#497b91
```
#497b91 rgb(73,123,145)
```
#518aa2
```
#518aa2 rgb(81,138,162)
```
#5e97af
```
#5e97af rgb(94,151,175)
```

Monochromatic Color

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

#407d80
```
#407d80 rgb(64,125,128)
```
#407880
```
#407880 rgb(64,120,128)
```
#407280
```
#407280 rgb(64,114,128)
```
#406d80
```
#406d80 rgb(64,109,128)
```
#406880
```
#406880 rgb(64,104,128)
```
#406280
```
#406280 rgb(64,98,128)
```
#405d80
```
#405d80 rgb(64,93,128)
```

Similar Colors

Text with hexadecimal color #406d80

This text has a font color of #406d80.

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

#406d80 background color

This paragraph has a background color of #406d80.

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

#406d80 border color

This element has a border color of #406d80.

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

CSS codes

.text {color:#406d80;}

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

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

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

#05090a
```
#05090a rgb(5,9,10)
```
#0c1417
```
#0c1417 rgb(12,20,23)
```
#121f24
```
#121f24 rgb(18,31,36)
```
#192a32
```
#192a32 rgb(25,42,50)
```
#1f353f
```
#1f353f rgb(31,53,63)
```
#26404c
```
#26404c rgb(38,64,76)
```
#2c4c59
```
#2c4c59 rgb(44,76,89)
```
#335766
```
#335766 rgb(51,87,102)
```
#396273
```
#396273 rgb(57,98,115)
```
#406d80
```
#406d80 rgb(64,109,128)
```
#47788d
```
#47788d rgb(71,120,141)
```
#4d839a
```
#4d839a rgb(77,131,154)
```
#548ea7
```
#548ea7 rgb(84,142,167)
```

Shade Color Variation

#5f97af
```
#5f97af rgb(95,151,175)
```
#6ca0b6
```
#6ca0b6 rgb(108,160,182)
```
#79a8bc
```
#79a8bc rgb(121,168,188)
```
#87b1c3
```
#87b1c3 rgb(135,177,195)
```
#94b9c9
```
#94b9c9 rgb(148,185,201)
```
#a1c2d0
```
#a1c2d0 rgb(161,194,208)
```
#aecad6
```
#aecad6 rgb(174,202,214)
```
#bbd3dd
```
#bbd3dd rgb(187,211,221)
```
#c8dbe3
```
#c8dbe3 rgb(200,219,227)
```
#d5e4ea
```
#d5e4ea rgb(213,228,234)
```
#e2ecf1
```
#e2ecf1 rgb(226,236,241)
```
#eff5f7
```
#eff5f7 rgb(239,245,247)
```
#fcfdfe
```
#fcfdfe rgb(252,253,254)
```

Tint Color Variation

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

#5e6162
```
#5e6162 rgb(94,97,98)
```
#56646a
```
#56646a rgb(86,100,106)
```
#4f6771
```
#4f6771 rgb(79,103,113)
```
#476a79
```
#476a79 rgb(71,106,121)
```
#406d80
```
#406d80 rgb(64,109,128)
```
#397087
```
#397087 rgb(57,112,135)
```
#31738f
```
#31738f rgb(49,115,143)
```
#2a7696
```
#2a7696 rgb(42,118,150)
```
#22799e
```
#22799e rgb(34,121,158)
```
#1b7ca5
```
#1b7ca5 rgb(27,124,165)
```
#147fac
```
#147fac rgb(20,127,172)
```
#0c82b4
```
#0c82b4 rgb(12,130,180)
```
#0585bb
```
#0585bb rgb(5,133,187)
```

Tone Color Variation

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

Dichromacy

#6a6e82 Protanopia 1% of men
#6a6d89 Deuteranopia 1% of men
#46767e Tritanopia 0.001% of the population

Trichromacy

#5b6d81 Protanomaly 1% of men, 0.01% of women
#5b6d85 Deuteranomaly 6% of men, 0.4% of women
#44727f Tritanomaly 0.01% of the population

#406d80 hex color

#406d80 Color Information

#406d80 Color Conversion

Color Schemes with #406d80

Alternatives to #406d80

#406d80 Preview

Shades and Tints of #406d80

Tones of #406d80

Color Blindness Simulator