#406a7d hex color

In a RGB color space, hex #406a7d is composed of 25.1% red, 41.6% green and 49% blue. Whereas in a CMYK color space, it is composed of 48.8% cyan, 15.2% magenta, 0% yellow and 51% black. It has a hue angle of 198.7 degrees, a saturation of 32.3% and a lightness of 37.1%. #406a7d color hex could be obtained by blending #80d4fa with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 25
- G 42
- B 49
RGB color chart
- C 49
- M 15
- Y 0
- K 51
CMYK color chart

● #406a7d color description : Dark moderate blue.

The hexadecimal color #406a7d has RGB values of R:64, G:106, B:125 and CMYK values of C:0.49, M:0.15, Y:0, K:0.51. Its decimal value is 4221565.

Hex triplet	406a7d	`#406a7d`
RGB Decimal	64, 106, 125	`rgb(64,106,125)`
RGB Percent	25.1, 41.6, 49	`rgb(25.1%,41.6%,49%)`
CMYK	49, 15, 0, 51
HSL	198.7°, 32.3, 37.1	`hsl(198.7,32.3%,37.1%)`
HSV (or HSB)	198.7°, 48.8, 49
Web Safe	336666	`#336666`

CIE-LAB	42.579, -9.062, -15.118
XYZ	10.969, 12.878, 21.309
xyY	0.243, 0.285, 12.878
CIE-LCH	42.579, 17.626, 239.063
CIE-LUV	42.579, -18.91, -19.91
Hunter-Lab	35.886, -8.239, -10.085
Binary	01000000, 01101010, 01111101

#406a7d
```
#406a7d rgb(64,106,125)
```
#7d5340
```
#7d5340 rgb(125,83,64)
```

Complementary Color

#407d72
```
#407d72 rgb(64,125,114)
```
#406a7d
```
#406a7d rgb(64,106,125)
```
#404c7d
```
#404c7d rgb(64,76,125)
```

Analogous Color

#7d7240
```
#7d7240 rgb(125,114,64)
```
#406a7d
```
#406a7d rgb(64,106,125)
```
#7d404c
```
#7d404c rgb(125,64,76)
```

Split Complementary Color

#6a7d40
```
#6a7d40 rgb(106,125,64)
```
#406a7d
```
#406a7d rgb(64,106,125)
```
#7d406a
```
#7d406a rgb(125,64,106)
```

Triadic Color

#407d53
```
#407d53 rgb(64,125,83)
```
#406a7d
```
#406a7d rgb(64,106,125)
```
#7d406a
```
#7d406a rgb(125,64,106)
```
#7d5340
```
#7d5340 rgb(125,83,64)
```

Tetradic Color

#263f4a
```
#263f4a rgb(38,63,74)
```
#2f4d5b
```
#2f4d5b rgb(47,77,91)
```
#375c6c
```
#375c6c rgb(55,92,108)
```
#406a7d
```
#406a7d rgb(64,106,125)
```
#49788e
```
#49788e rgb(73,120,142)
```
#51879f
```
#51879f rgb(81,135,159)
```
#5d94ac
```
#5d94ac rgb(93,148,172)
```

Monochromatic Color

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

#40797d
```
#40797d rgb(64,121,125)
```
#40747d
```
#40747d rgb(64,116,125)
```
#406f7d
```
#406f7d rgb(64,111,125)
```
#406a7d
```
#406a7d rgb(64,106,125)
```
#40657d
```
#40657d rgb(64,101,125)
```
#40607d
```
#40607d rgb(64,96,125)
```
#405b7d
```
#405b7d rgb(64,91,125)
```

Similar Colors

Text with hexadecimal color #406a7d

This text has a font color of #406a7d.

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

#406a7d background color

This paragraph has a background color of #406a7d.

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

#406a7d border color

This element has a border color of #406a7d.

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

CSS codes

.text {color:#406a7d;}

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

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

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

#040708
```
#040708 rgb(4,7,8)
```
#0b1215
```
#0b1215 rgb(11,18,21)
```
#121d22
```
#121d22 rgb(18,29,34)
```
#18282f
```
#18282f rgb(24,40,47)
```
#1f333c
```
#1f333c rgb(31,51,60)
```
#253e49
```
#253e49 rgb(37,62,73)
```
#2c4956
```
#2c4956 rgb(44,73,86)
```
#335463
```
#335463 rgb(51,84,99)
```
#395f70
```
#395f70 rgb(57,95,112)
```
#406a7d
```
#406a7d rgb(64,106,125)
```
#47758a
```
#47758a rgb(71,117,138)
```
#4d8097
```
#4d8097 rgb(77,128,151)
```
#548ba4
```
#548ba4 rgb(84,139,164)
```

Shade Color Variation

#5f94ad
```
#5f94ad rgb(95,148,173)
```
#6c9db4
```
#6c9db4 rgb(108,157,180)
```
#79a6ba
```
#79a6ba rgb(121,166,186)
```
#86aec1
```
#86aec1 rgb(134,174,193)
```
#92b7c7
```
#92b7c7 rgb(146,183,199)
```
#9fc0ce
```
#9fc0ce rgb(159,192,206)
```
#acc8d5
```
#acc8d5 rgb(172,200,213)
```
#b9d1db
```
#b9d1db rgb(185,209,219)
```
#c6d9e2
```
#c6d9e2 rgb(198,217,226)
```
#d3e2e9
```
#d3e2e9 rgb(211,226,233)
```
#e0ebef
```
#e0ebef rgb(224,235,239)
```
#edf3f6
```
#edf3f6 rgb(237,243,246)
```
#fafcfd
```
#fafcfd rgb(250,252,253)
```

Tint Color Variation

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

#5d5f60
```
#5d5f60 rgb(93,95,96)
```
#566267
```
#566267 rgb(86,98,103)
```
#4f656e
```
#4f656e rgb(79,101,110)
```
#476776
```
#476776 rgb(71,103,118)
```
#406a7d
```
#406a7d rgb(64,106,125)
```
#396d84
```
#396d84 rgb(57,109,132)
```
#316f8c
```
#316f8c rgb(49,111,140)
```
#2a7293
```
#2a7293 rgb(42,114,147)
```
#23759a
```
#23759a rgb(35,117,154)
```
#1c78a1
```
#1c78a1 rgb(28,120,161)
```
#147aa9
```
#147aa9 rgb(20,122,169)
```
#0d7db0
```
#0d7db0 rgb(13,125,176)
```
#0680b7
```
#0680b7 rgb(6,128,183)
```

Tone Color Variation

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

#606060 Achromatopsia 0.005% of the population
#5a6266 Atypical Achromatopsia 0.001% of the population

Dichromacy

#676b7f Protanopia 1% of men
#686a86 Deuteranopia 1% of men
#46737b Tritanopia 0.001% of the population

Trichromacy

#596b7e Protanomaly 1% of men, 0.01% of women
#596a82 Deuteranomaly 6% of men, 0.4% of women
#446f7c Tritanomaly 0.01% of the population

#406a7d hex color

#406a7d Color Information

#406a7d Color Conversion

Color Schemes with #406a7d

Alternatives to #406a7d

#406a7d Preview

Shades and Tints of #406a7d

Tones of #406a7d

Color Blindness Simulator