#406c97 hex color

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

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

● #406c97 color description : Dark moderate blue.

The hexadecimal color #406c97 has RGB values of R:64, G:108, B:151 and CMYK values of C:0.58, M:0.28, Y:0, K:0.41. Its decimal value is 4222103.

Hex triplet	406c97	`#406c97`
RGB Decimal	64, 108, 151	`rgb(64,108,151)`
RGB Percent	25.1, 42.4, 59.2	`rgb(25.1%,42.4%,59.2%)`
CMYK	58, 28, 0, 41
HSL	209.7°, 40.5, 42.2	`hsl(209.7,40.5%,42.2%)`
HSV (or HSB)	209.7°, 57.6, 59.2
Web Safe	336699	`#336699`

CIE-LAB	44.303, -1.904, -28.025
XYZ	13.062, 14.049, 31.3
xyY	0.224, 0.241, 14.049
CIE-LCH	44.303, 28.089, 266.113
CIE-LUV	44.303, -19.227, -40.514
Hunter-Lab	37.482, -3.389, -23.274
Binary	01000000, 01101100, 10010111

#406c97
```
#406c97 rgb(64,108,151)
```
#976b40
```
#976b40 rgb(151,107,64)
```

Complementary Color

#409797
```
#409797 rgb(64,151,151)
```
#406c97
```
#406c97 rgb(64,108,151)
```
#404197
```
#404197 rgb(64,65,151)
```

Analogous Color

#979740
```
#979740 rgb(151,151,64)
```
#406c97
```
#406c97 rgb(64,108,151)
```
#974040
```
#974040 rgb(151,64,64)
```

Split Complementary Color

#6c9740
```
#6c9740 rgb(108,151,64)
```
#406c97
```
#406c97 rgb(64,108,151)
```
#97406c
```
#97406c rgb(151,64,108)
```

Triadic Color

#40976b
```
#40976b rgb(64,151,107)
```
#406c97
```
#406c97 rgb(64,108,151)
```
#97406c
```
#97406c rgb(151,64,108)
```
#976b40
```
#976b40 rgb(151,107,64)
```

Tetradic Color

#294661
```
#294661 rgb(41,70,97)
```
#315273
```
#315273 rgb(49,82,115)
```
#385f85
```
#385f85 rgb(56,95,133)
```
#406c97
```
#406c97 rgb(64,108,151)
```
#4879a9
```
#4879a9 rgb(72,121,169)
```
#5486b6
```
#5486b6 rgb(84,134,182)
```
#6692be
```
#6692be rgb(102,146,190)
```

Monochromatic Color

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

#408297
```
#408297 rgb(64,130,151)
```
#407b97
```
#407b97 rgb(64,123,151)
```
#407397
```
#407397 rgb(64,115,151)
```
#406c97
```
#406c97 rgb(64,108,151)
```
#406597
```
#406597 rgb(64,101,151)
```
#405e97
```
#405e97 rgb(64,94,151)
```
#405697
```
#405697 rgb(64,86,151)
```

Similar Colors

Text with hexadecimal color #406c97

This text has a font color of #406c97.

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

#406c97 background color

This paragraph has a background color of #406c97.

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

#406c97 border color

This element has a border color of #406c97.

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

CSS codes

.text {color:#406c97;}

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

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

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)
```
#0b131b
```
#0b131b rgb(11,19,27)
```
#111d29
```
#111d29 rgb(17,29,41)
```
#172737
```
#172737 rgb(23,39,55)
```
#1d3144
```
#1d3144 rgb(29,49,68)
```
#233b52
```
#233b52 rgb(35,59,82)
```
#294560
```
#294560 rgb(41,69,96)
```
#2e4e6e
```
#2e4e6e rgb(46,78,110)
```
#34587b
```
#34587b rgb(52,88,123)
```
#3a6289
```
#3a6289 rgb(58,98,137)
```
#406c97
```
#406c97 rgb(64,108,151)
```
#4676a5
```
#4676a5 rgb(70,118,165)
```
#4c80b3
```
#4c80b3 rgb(76,128,179)
```

Shade Color Variation

#5989b9
```
#5989b9 rgb(89,137,185)
```
#6793bf
```
#6793bf rgb(103,147,191)
```
#759dc4
```
#759dc4 rgb(117,157,196)
```
#82a7ca
```
#82a7ca rgb(130,167,202)
```
#90b1d0
```
#90b1d0 rgb(144,177,208)
```
#9ebad6
```
#9ebad6 rgb(158,186,214)
```
#acc4dc
```
#acc4dc rgb(172,196,220)
```
#bacee2
```
#bacee2 rgb(186,206,226)
```
#c7d8e7
```
#c7d8e7 rgb(199,216,231)
```
#d5e1ed
```
#d5e1ed rgb(213,225,237)
```
#e3ebf3
```
#e3ebf3 rgb(227,235,243)
```
#f1f5f9
```
#f1f5f9 rgb(241,245,249)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#696c6e
```
#696c6e rgb(105,108,110)
```
#616c76
```
#616c76 rgb(97,108,118)
```
#596c7e
```
#596c7e rgb(89,108,126)
```
#516c86
```
#516c86 rgb(81,108,134)
```
#486c8f
```
#486c8f rgb(72,108,143)
```
#406c97
```
#406c97 rgb(64,108,151)
```
#386c9f
```
#386c9f rgb(56,108,159)
```
#2f6ca8
```
#2f6ca8 rgb(47,108,168)
```
#276cb0
```
#276cb0 rgb(39,108,176)
```
#1f6cb8
```
#1f6cb8 rgb(31,108,184)
```
#176cc0
```
#176cc0 rgb(23,108,192)
```
#0e6dc9
```
#0e6dc9 rgb(14,109,201)
```
#066dd1
```
#066dd1 rgb(6,109,209)
```

Tone Color Variation

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

#646464 Achromatopsia 0.005% of the population
#5d666e Atypical Achromatopsia 0.001% of the population

Dichromacy

#626f99 Protanopia 1% of men
#5c6f9d Deuteranopia 1% of men
#3c7881 Tritanopia 0.001% of the population

Trichromacy

#566d98 Protanomaly 1% of men, 0.01% of women
#526e9b Deuteranomaly 6% of men, 0.4% of women
#3d7489 Tritanomaly 0.01% of the population

#406c97 hex color

#406c97 Color Information

#406c97 Color Conversion

Color Schemes with #406c97

Alternatives to #406c97

#406c97 Preview

Shades and Tints of #406c97

Tones of #406c97

Color Blindness Simulator