#406497 hex color

In a RGB color space, hex #406497 is composed of 25.1% red, 39.2% green and 59.2% blue. Whereas in a CMYK color space, it is composed of 57.6% cyan, 33.8% magenta, 0% yellow and 40.8% black. It has a hue angle of 215.2 degrees, a saturation of 40.5% and a lightness of 42.2%. #406497 color hex could be obtained by blending #80c8ff with #00002f. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 25
- G 39
- B 59
RGB color chart
- C 58
- M 34
- Y 0
- K 41
CMYK color chart

● #406497 color description : Dark moderate blue.

The hexadecimal color #406497 has RGB values of R:64, G:100, B:151 and CMYK values of C:0.58, M:0.34, Y:0, K:0.41. Its decimal value is 4220055.

Hex triplet	406497	`#406497`
RGB Decimal	64, 100, 151	`rgb(64,100,151)`
RGB Percent	25.1, 39.2, 59.2	`rgb(25.1%,39.2%,59.2%)`
CMYK	58, 34, 0, 41
HSL	215.2°, 40.5, 42.2	`hsl(215.2,40.5%,42.2%)`
HSV (or HSB)	215.2°, 57.6, 59.2
Web Safe	336699	`#336699`

CIE-LAB	41.904, 3.019, -31.782
XYZ	12.256, 12.438, 31.031
xyY	0.22, 0.223, 12.438
CIE-LCH	41.904, 31.925, 275.427
CIE-LUV	41.904, -16.289, -46.232
Hunter-Lab	35.268, 0.314, -27.481
Binary	01000000, 01100100, 10010111

#406497
```
#406497 rgb(64,100,151)
```
#977340
```
#977340 rgb(151,115,64)
```

Complementary Color

#409097
```
#409097 rgb(64,144,151)
```
#406497
```
#406497 rgb(64,100,151)
```
#484097
```
#484097 rgb(72,64,151)
```

Analogous Color

#909740
```
#909740 rgb(144,151,64)
```
#406497
```
#406497 rgb(64,100,151)
```
#974840
```
#974840 rgb(151,72,64)
```

Split Complementary Color

#649740
```
#649740 rgb(100,151,64)
```
#406497
```
#406497 rgb(64,100,151)
```
#974064
```
#974064 rgb(151,64,100)
```

Triadic Color

#409773
```
#409773 rgb(64,151,115)
```
#406497
```
#406497 rgb(64,100,151)
```
#974064
```
#974064 rgb(151,64,100)
```
#977340
```
#977340 rgb(151,115,64)
```

Tetradic Color

#294061
```
#294061 rgb(41,64,97)
```
#314c73
```
#314c73 rgb(49,76,115)
```
#385885
```
#385885 rgb(56,88,133)
```
#406497
```
#406497 rgb(64,100,151)
```
#4870a9
```
#4870a9 rgb(72,112,169)
```
#547cb6
```
#547cb6 rgb(84,124,182)
```
#668abe
```
#668abe rgb(102,138,190)
```

Monochromatic Color

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

#407a97
```
#407a97 rgb(64,122,151)
```
#407397
```
#407397 rgb(64,115,151)
```
#406b97
```
#406b97 rgb(64,107,151)
```
#406497
```
#406497 rgb(64,100,151)
```
#405d97
```
#405d97 rgb(64,93,151)
```
#405697
```
#405697 rgb(64,86,151)
```
#404e97
```
#404e97 rgb(64,78,151)
```

Similar Colors

Text with hexadecimal color #406497

This text has a font color of #406497.

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

#406497 background color

This paragraph has a background color of #406497.

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

#406497 border color

This element has a border color of #406497.

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

CSS codes

.text {color:#406497;}

.background {background-color:#406497;}

.border {border:1px solid #406497;}

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, #06090d is the darkest color, while #feffff is the lightest one.

#06090d
```
#06090d rgb(6,9,13)
```
#0b121b
```
#0b121b rgb(11,18,27)
```
#111b29
```
#111b29 rgb(17,27,41)
```
#172437
```
#172437 rgb(23,36,55)
```
#1d2d44
```
#1d2d44 rgb(29,45,68)
```
#233652
```
#233652 rgb(35,54,82)
```
#294060
```
#294060 rgb(41,64,96)
```
#2e496e
```
#2e496e rgb(46,73,110)
```
#34527b
```
#34527b rgb(52,82,123)
```
#3a5b89
```
#3a5b89 rgb(58,91,137)
```
#406497
```
#406497 rgb(64,100,151)
```
#466da5
```
#466da5 rgb(70,109,165)
```
#4c76b3
```
#4c76b3 rgb(76,118,179)
```

Shade Color Variation

#5981b9
```
#5981b9 rgb(89,129,185)
```
#678bbf
```
#678bbf rgb(103,139,191)
```
#7596c4
```
#7596c4 rgb(117,150,196)
```
#82a0ca
```
#82a0ca rgb(130,160,202)
```
#90abd0
```
#90abd0 rgb(144,171,208)
```
#9eb5d6
```
#9eb5d6 rgb(158,181,214)
```
#acc0dc
```
#acc0dc rgb(172,192,220)
```
#bacae2
```
#bacae2 rgb(186,202,226)
```
#c7d5e7
```
#c7d5e7 rgb(199,213,231)
```
#d5dfed
```
#d5dfed rgb(213,223,237)
```
#e3eaf3
```
#e3eaf3 rgb(227,234,243)
```
#f1f4f9
```
#f1f4f9 rgb(241,244,249)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #696b6e is the less saturated color, while #065ad1 is the most saturated one.

#696b6e
```
#696b6e rgb(105,107,110)
```
#616a76
```
#616a76 rgb(97,106,118)
```
#59687e
```
#59687e rgb(89,104,126)
```
#516786
```
#516786 rgb(81,103,134)
```
#48658f
```
#48658f rgb(72,101,143)
```
#406497
```
#406497 rgb(64,100,151)
```
#38639f
```
#38639f rgb(56,99,159)
```
#2f61a8
```
#2f61a8 rgb(47,97,168)
```
#2760b0
```
#2760b0 rgb(39,96,176)
```
#1f5eb8
```
#1f5eb8 rgb(31,94,184)
```
#175dc0
```
#175dc0 rgb(23,93,192)
```
#0e5bc9
```
#0e5bc9 rgb(14,91,201)
```
#065ad1
```
#065ad1 rgb(6,90,209)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#59606a Atypical Achromatopsia 0.001% of the population

Dichromacy

#58699a Protanopia 1% of men
#506a9c Deuteranopia 1% of men
#39737b Tritanopia 0.001% of the population

Trichromacy

#4f6799 Protanomaly 1% of men, 0.01% of women
#4a689a Deuteranomaly 6% of men, 0.4% of women
#3b6d85 Tritanomaly 0.01% of the population

#406497 hex color

#406497 Color Information

#406497 Color Conversion

Color Schemes with #406497

Alternatives to #406497

#406497 Preview

Shades and Tints of #406497

Tones of #406497

Color Blindness Simulator