#404a77 hex color

In a RGB color space, hex #404a77 is composed of 25.1% red, 29% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 46.2% cyan, 37.8% magenta, 0% yellow and 53.3% black. It has a hue angle of 229.1 degrees, a saturation of 30.1% and a lightness of 35.9%. #404a77 color hex could be obtained by blending #8094ee with #000000. Closest websafe color is: #333366.

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

● #404a77 color description : Dark moderate blue.

The hexadecimal color #404a77 has RGB values of R:64, G:74, B:119 and CMYK values of C:0.46, M:0.38, Y:0, K:0.53. Its decimal value is 4213367.

Hex triplet	404a77	`#404a77`
RGB Decimal	64, 74, 119	`rgb(64,74,119)`
RGB Percent	25.1, 29, 46.7	`rgb(25.1%,29%,46.7%)`
CMYK	46, 38, 0, 53
HSL	229.1°, 30.1, 35.9	`hsl(229.1,30.1%,35.9%)`
HSV (or HSB)	229.1°, 46.2, 46.7
Web Safe	333366	`#333366`

CIE-LAB	32.523, 8.984, -27.01
XYZ	7.892, 7.319, 18.449
xyY	0.234, 0.217, 7.319
CIE-LCH	32.523, 28.465, 288.398
CIE-LUV	32.523, -6.506, -37.048
Hunter-Lab	27.054, 4.728, -21.493
Binary	01000000, 01001010, 01110111

#404a77
```
#404a77 rgb(64,74,119)
```
#776d40
```
#776d40 rgb(119,109,64)
```

Complementary Color

#406677
```
#406677 rgb(64,102,119)
```
#404a77
```
#404a77 rgb(64,74,119)
```
#514077
```
#514077 rgb(81,64,119)
```

Analogous Color

#667740
```
#667740 rgb(102,119,64)
```
#404a77
```
#404a77 rgb(64,74,119)
```
#775140
```
#775140 rgb(119,81,64)
```

Split Complementary Color

#4a7740
```
#4a7740 rgb(74,119,64)
```
#404a77
```
#404a77 rgb(64,74,119)
```
#77404a
```
#77404a rgb(119,64,74)
```

Triadic Color

#40776d
```
#40776d rgb(64,119,109)
```
#404a77
```
#404a77 rgb(64,74,119)
```
#77404a
```
#77404a rgb(119,64,74)
```
#776d40
```
#776d40 rgb(119,109,64)
```

Tetradic Color

#252b45
```
#252b45 rgb(37,43,69)
```
#2e3556
```
#2e3556 rgb(46,53,86)
```
#374066
```
#374066 rgb(55,64,102)
```
#404a77
```
#404a77 rgb(64,74,119)
```
#495488
```
#495488 rgb(73,84,136)
```
#525f98
```
#525f98 rgb(82,95,152)
```
#5c6aa7
```
#5c6aa7 rgb(92,106,167)
```

Monochromatic Color

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

#405877
```
#405877 rgb(64,88,119)
```
#405377
```
#405377 rgb(64,83,119)
```
#404f77
```
#404f77 rgb(64,79,119)
```
#404a77
```
#404a77 rgb(64,74,119)
```
#404577
```
#404577 rgb(64,69,119)
```
#404177
```
#404177 rgb(64,65,119)
```
#444077
```
#444077 rgb(68,64,119)
```

Similar Colors

Text with hexadecimal color #404a77

This text has a font color of #404a77.

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

#404a77 background color

This paragraph has a background color of #404a77.

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

#404a77 border color

This element has a border color of #404a77.

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

CSS codes

.text {color:#404a77;}

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

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

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)
```
#10121e
```
#10121e rgb(16,18,30)
```
#171a2a
```
#171a2a rgb(23,26,42)
```
#1e2237
```
#1e2237 rgb(30,34,55)
```
#252a44
```
#252a44 rgb(37,42,68)
```
#2b3251
```
#2b3251 rgb(43,50,81)
```
#323a5d
```
#323a5d rgb(50,58,93)
```
#39426a
```
#39426a rgb(57,66,106)
```
#404a77
```
#404a77 rgb(64,74,119)
```
#475284
```
#475284 rgb(71,82,132)
```
#4e5a91
```
#4e5a91 rgb(78,90,145)
```
#55629d
```
#55629d rgb(85,98,157)
```

Shade Color Variation

#5d6ba8
```
#5d6ba8 rgb(93,107,168)
```
#6a77af
```
#6a77af rgb(106,119,175)
```
#7782b6
```
#7782b6 rgb(119,130,182)
```
#848ebd
```
#848ebd rgb(132,142,189)
```
#909ac4
```
#909ac4 rgb(144,154,196)
```
#9da5ca
```
#9da5ca rgb(157,165,202)
```
#aab1d1
```
#aab1d1 rgb(170,177,209)
```
#b7bdd8
```
#b7bdd8 rgb(183,189,216)
```
#c3c8df
```
#c3c8df rgb(195,200,223)
```
#d0d4e6
```
#d0d4e6 rgb(208,212,230)
```
#dde0ed
```
#dde0ed rgb(221,224,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 #0122b6 is the most saturated one.

#555762
```
#555762 rgb(85,87,98)
```
#4e5369
```
#4e5369 rgb(78,83,105)
```
#474e70
```
#474e70 rgb(71,78,112)
```
#404a77
```
#404a77 rgb(64,74,119)
```
#39467e
```
#39467e rgb(57,70,126)
```
#324185
```
#324185 rgb(50,65,133)
```
#2b3d8c
```
#2b3d8c rgb(43,61,140)
```
#243893
```
#243893 rgb(36,56,147)
```
#1d349a
```
#1d349a rgb(29,52,154)
```
#162fa1
```
#162fa1 rgb(22,47,161)
```
#0f2ba8
```
#0f2ba8 rgb(15,43,168)
```
#0826af
```
#0826af rgb(8,38,175)
```
#0122b6
```
#0122b6 rgb(1,34,182)
```

Tone Color Variation

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

#4c4c4c Achromatopsia 0.005% of the population
#4a4c55 Atypical Achromatopsia 0.001% of the population

Dichromacy

#45547e Protanopia 1% of men
#41557d Deuteranopia 1% of men
#3f5960 Tritanopia 0.001% of the population

Trichromacy

#43507b Protanomaly 1% of men, 0.01% of women
#40517a Deuteranomaly 6% of men, 0.4% of women
#3f5468 Tritanomaly 0.01% of the population

#404a77 hex color

#404a77 Color Information

#404a77 Color Conversion

Color Schemes with #404a77

Alternatives to #404a77

#404a77 Preview

Shades and Tints of #404a77

Tones of #404a77

Color Blindness Simulator