#404e77 hex color

In a RGB color space, hex #404e77 is composed of 25.1% red, 30.6% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 46.2% cyan, 34.5% magenta, 0% yellow and 53.3% black. It has a hue angle of 224.7 degrees, a saturation of 30.1% and a lightness of 35.9%. #404e77 color hex could be obtained by blending #809cee with #000000. Closest websafe color is: #336666.

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

● #404e77 color description : Dark moderate blue.

The hexadecimal color #404e77 has RGB values of R:64, G:78, B:119 and CMYK values of C:0.46, M:0.34, Y:0, K:0.53. Its decimal value is 4214391.

Hex triplet	404e77	`#404e77`
RGB Decimal	64, 78, 119	`rgb(64,78,119)`
RGB Percent	25.1, 30.6, 46.7	`rgb(25.1%,30.6%,46.7%)`
CMYK	46, 34, 0, 53
HSL	224.7°, 30.1, 35.9	`hsl(224.7,30.1%,35.9%)`
HSV (or HSB)	224.7°, 46.2, 46.7
Web Safe	336666	`#336666`

CIE-LAB	33.711, 6.371, -25.144
XYZ	8.168, 7.87, 18.541
xyY	0.236, 0.228, 7.87
CIE-LCH	33.711, 25.939, 284.217
CIE-LUV	33.711, -7.965, -34.538
Hunter-Lab	28.054, 2.874, -19.546
Binary	01000000, 01001110, 01110111

#404e77
```
#404e77 rgb(64,78,119)
```
#776940
```
#776940 rgb(119,105,64)
```

Complementary Color

#406a77
```
#406a77 rgb(64,106,119)
```
#404e77
```
#404e77 rgb(64,78,119)
```
#4d4077
```
#4d4077 rgb(77,64,119)
```

Analogous Color

#6a7740
```
#6a7740 rgb(106,119,64)
```
#404e77
```
#404e77 rgb(64,78,119)
```
#774d40
```
#774d40 rgb(119,77,64)
```

Split Complementary Color

#4e7740
```
#4e7740 rgb(78,119,64)
```
#404e77
```
#404e77 rgb(64,78,119)
```
#77404e
```
#77404e rgb(119,64,78)
```

Triadic Color

#407769
```
#407769 rgb(64,119,105)
```
#404e77
```
#404e77 rgb(64,78,119)
```
#77404e
```
#77404e rgb(119,64,78)
```
#776940
```
#776940 rgb(119,105,64)
```

Tetradic Color

#252d45
```
#252d45 rgb(37,45,69)
```
#2e3856
```
#2e3856 rgb(46,56,86)
```
#374366
```
#374366 rgb(55,67,102)
```
#404e77
```
#404e77 rgb(64,78,119)
```
#495988
```
#495988 rgb(73,89,136)
```
#526498
```
#526498 rgb(82,100,152)
```
#5c6fa7
```
#5c6fa7 rgb(92,111,167)
```

Monochromatic Color

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

#405c77
```
#405c77 rgb(64,92,119)
```
#405777
```
#405777 rgb(64,87,119)
```
#405377
```
#405377 rgb(64,83,119)
```
#404e77
```
#404e77 rgb(64,78,119)
```
#404977
```
#404977 rgb(64,73,119)
```
#404577
```
#404577 rgb(64,69,119)
```
#404077
```
#404077 rgb(64,64,119)
```

Similar Colors

Text with hexadecimal color #404e77

This text has a font color of #404e77.

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

#404e77 background color

This paragraph has a background color of #404e77.

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

#404e77 border color

This element has a border color of #404e77.

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

CSS codes

.text {color:#404e77;}

.background {background-color:#404e77;}

.border {border:1px solid #404e77;}

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

#020304
```
#020304 rgb(2,3,4)
```
#090b11
```
#090b11 rgb(9,11,17)
```
#10131e
```
#10131e rgb(16,19,30)
```
#171c2a
```
#171c2a rgb(23,28,42)
```
#1e2437
```
#1e2437 rgb(30,36,55)
```
#252d44
```
#252d44 rgb(37,45,68)
```
#2b3551
```
#2b3551 rgb(43,53,81)
```
#323d5d
```
#323d5d rgb(50,61,93)
```
#39466a
```
#39466a rgb(57,70,106)
```
#404e77
```
#404e77 rgb(64,78,119)
```
#475684
```
#475684 rgb(71,86,132)
```
#4e5f91
```
#4e5f91 rgb(78,95,145)
```
#55679d
```
#55679d rgb(85,103,157)
```

Shade Color Variation

#5d70a8
```
#5d70a8 rgb(93,112,168)
```
#6a7caf
```
#6a7caf rgb(106,124,175)
```
#7787b6
```
#7787b6 rgb(119,135,182)
```
#8492bd
```
#8492bd rgb(132,146,189)
```
#909dc4
```
#909dc4 rgb(144,157,196)
```
#9da9ca
```
#9da9ca rgb(157,169,202)
```
#aab4d1
```
#aab4d1 rgb(170,180,209)
```
#b7bfd8
```
#b7bfd8 rgb(183,191,216)
```
#c3cadf
```
#c3cadf rgb(195,202,223)
```
#d0d6e6
```
#d0d6e6 rgb(208,214,230)
```
#dde1ed
```
#dde1ed rgb(221,225,237)
```
#eaecf4
```
#eaecf4 rgb(234,236,244)
```
#f6f7fa
```
#f6f7fa rgb(246,247,250)
```

Tint Color Variation

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

#555862
```
#555862 rgb(85,88,98)
```
#4e5569
```
#4e5569 rgb(78,85,105)
```
#475170
```
#475170 rgb(71,81,112)
```
#404e77
```
#404e77 rgb(64,78,119)
```
#394b7e
```
#394b7e rgb(57,75,126)
```
#324785
```
#324785 rgb(50,71,133)
```
#2b448c
```
#2b448c rgb(43,68,140)
```
#244093
```
#244093 rgb(36,64,147)
```
#1d3d9a
```
#1d3d9a rgb(29,61,154)
```
#1639a1
```
#1639a1 rgb(22,57,161)
```
#0f36a8
```
#0f36a8 rgb(15,54,168)
```
#0832af
```
#0832af rgb(8,50,175)
```
#012fb6
```
#012fb6 rgb(1,47,182)
```

Tone Color Variation

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

#4e4e4e Achromatopsia 0.005% of the population
#4b4e56 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4a577e Protanopia 1% of men
#47577d Deuteranopia 1% of men
#405c63 Tritanopia 0.001% of the population

Trichromacy

#46537b Protanomaly 1% of men, 0.01% of women
#44547b Deuteranomaly 6% of men, 0.4% of women
#40576a Tritanomaly 0.01% of the population

#404e77 hex color

#404e77 Color Information

#404e77 Color Conversion

Color Schemes with #404e77

Alternatives to #404e77

#404e77 Preview

Shades and Tints of #404e77

Tones of #404e77

Color Blindness Simulator