#404677 hex color

In a RGB color space, hex #404677 is composed of 25.1% red, 27.5% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 46.2% cyan, 41.2% magenta, 0% yellow and 53.3% black. It has a hue angle of 233.5 degrees, a saturation of 30.1% and a lightness of 35.9%. #404677 color hex could be obtained by blending #808cee with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 25
- G 27
- B 47
RGB color chart
- C 46
- M 41
- Y 0
- K 53
CMYK color chart

● #404677 color description : Dark moderate blue.

The hexadecimal color #404677 has RGB values of R:64, G:70, B:119 and CMYK values of C:0.46, M:0.41, Y:0, K:0.53. Its decimal value is 4212343.

Hex triplet	404677	`#404677`
RGB Decimal	64, 70, 119	`rgb(64,70,119)`
RGB Percent	25.1, 27.5, 46.7	`rgb(25.1%,27.5%,46.7%)`
CMYK	46, 41, 0, 53
HSL	233.5°, 30.1, 35.9	`hsl(233.5,30.1%,35.9%)`
HSV (or HSB)	233.5°, 46.2, 46.7
Web Safe	333366	`#333366`

CIE-LAB	31.352, 11.623, -28.857
XYZ	7.634, 6.802, 18.362
xyY	0.233, 0.207, 6.802
CIE-LCH	31.352, 31.109, 291.938
CIE-LUV	31.352, -5.096, -39.436
Hunter-Lab	26.081, 6.605, -23.488
Binary	01000000, 01000110, 01110111

#404677
```
#404677 rgb(64,70,119)
```
#777140
```
#777140 rgb(119,113,64)
```

Complementary Color

#406277
```
#406277 rgb(64,98,119)
```
#404677
```
#404677 rgb(64,70,119)
```
#554077
```
#554077 rgb(85,64,119)
```

Analogous Color

#627740
```
#627740 rgb(98,119,64)
```
#404677
```
#404677 rgb(64,70,119)
```
#775640
```
#775640 rgb(119,86,64)
```

Split Complementary Color

#467740
```
#467740 rgb(70,119,64)
```
#404677
```
#404677 rgb(64,70,119)
```
#774046
```
#774046 rgb(119,64,70)
```

Triadic Color

#407771
```
#407771 rgb(64,119,113)
```
#404677
```
#404677 rgb(64,70,119)
```
#774046
```
#774046 rgb(119,64,70)
```
#777140
```
#777140 rgb(119,113,64)
```

Tetradic Color

#252945
```
#252945 rgb(37,41,69)
```
#2e3256
```
#2e3256 rgb(46,50,86)
```
#373c66
```
#373c66 rgb(55,60,102)
```
#404677
```
#404677 rgb(64,70,119)
```
#495088
```
#495088 rgb(73,80,136)
```
#525a98
```
#525a98 rgb(82,90,152)
```
#5c64a7
```
#5c64a7 rgb(92,100,167)
```

Monochromatic Color

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

#405477
```
#405477 rgb(64,84,119)
```
#404f77
```
#404f77 rgb(64,79,119)
```
#404b77
```
#404b77 rgb(64,75,119)
```
#404677
```
#404677 rgb(64,70,119)
```
#404177
```
#404177 rgb(64,65,119)
```
#434077
```
#434077 rgb(67,64,119)
```
#484077
```
#484077 rgb(72,64,119)
```

Similar Colors

Text with hexadecimal color #404677

This text has a font color of #404677.

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

#404677 background color

This paragraph has a background color of #404677.

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

#404677 border color

This element has a border color of #404677.

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

CSS codes

.text {color:#404677;}

.background {background-color:#404677;}

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

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

#020204
```
#020204 rgb(2,2,4)
```
#090a11
```
#090a11 rgb(9,10,17)
```
#10111e
```
#10111e rgb(16,17,30)
```
#17192a
```
#17192a rgb(23,25,42)
```
#1e2037
```
#1e2037 rgb(30,32,55)
```
#252844
```
#252844 rgb(37,40,68)
```
#2b2f51
```
#2b2f51 rgb(43,47,81)
```
#32375d
```
#32375d rgb(50,55,93)
```
#393e6a
```
#393e6a rgb(57,62,106)
```
#404677
```
#404677 rgb(64,70,119)
```
#474e84
```
#474e84 rgb(71,78,132)
```
#4e5591
```
#4e5591 rgb(78,85,145)
```
#555d9d
```
#555d9d rgb(85,93,157)
```

Shade Color Variation

#5d66a8
```
#5d66a8 rgb(93,102,168)
```
#6a72af
```
#6a72af rgb(106,114,175)
```
#777eb6
```
#777eb6 rgb(119,126,182)
```
#848abd
```
#848abd rgb(132,138,189)
```
#9096c4
```
#9096c4 rgb(144,150,196)
```
#9da2ca
```
#9da2ca rgb(157,162,202)
```
#aaaed1
```
#aaaed1 rgb(170,174,209)
```
#b7bad8
```
#b7bad8 rgb(183,186,216)
```
#c3c6df
```
#c3c6df rgb(195,198,223)
```
#d0d3e6
```
#d0d3e6 rgb(208,211,230)
```
#dddfed
```
#dddfed rgb(221,223,237)
```
#eaebf4
```
#eaebf4 rgb(234,235,244)
```
#f6f7fa
```
#f6f7fa rgb(246,247,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #555762 is the less saturated color, while #0114b6 is the most saturated one.

#555762
```
#555762 rgb(85,87,98)
```
#4e5169
```
#4e5169 rgb(78,81,105)
```
#474c70
```
#474c70 rgb(71,76,112)
```
#404677
```
#404677 rgb(64,70,119)
```
#39407e
```
#39407e rgb(57,64,126)
```
#323b85
```
#323b85 rgb(50,59,133)
```
#2b358c
```
#2b358c rgb(43,53,140)
```
#243093
```
#243093 rgb(36,48,147)
```
#1d2a9a
```
#1d2a9a rgb(29,42,154)
```
#1625a1
```
#1625a1 rgb(22,37,161)
```
#0f1fa8
```
#0f1fa8 rgb(15,31,168)
```
#081aaf
```
#081aaf rgb(8,26,175)
```
#0114b6
```
#0114b6 rgb(1,20,182)
```

Tone Color Variation

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

#4a4a4a Achromatopsia 0.005% of the population
#484953 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3f517f Protanopia 1% of men
#3b537c Deuteranopia 1% of men
#3e575d Tritanopia 0.001% of the population

Trichromacy

#3f4d7c Protanomaly 1% of men, 0.01% of women
#3c4e7a Deuteranomaly 6% of men, 0.4% of women
#3f5066 Tritanomaly 0.01% of the population

#404677 hex color

#404677 Color Information

#404677 Color Conversion

Color Schemes with #404677

Alternatives to #404677

#404677 Preview

Shades and Tints of #404677

Tones of #404677

Color Blindness Simulator