#404d8b hex color

In a RGB color space, hex #404d8b is composed of 25.1% red, 30.2% green and 54.5% blue. Whereas in a CMYK color space, it is composed of 54% cyan, 44.6% magenta, 0% yellow and 45.5% black. It has a hue angle of 229.6 degrees, a saturation of 36.9% and a lightness of 39.8%. #404d8b color hex could be obtained by blending #809aff with #000017. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 25
- G 30
- B 55
RGB color chart
- C 54
- M 45
- Y 0
- K 45
CMYK color chart

● #404d8b color description : Dark moderate blue.

The hexadecimal color #404d8b has RGB values of R:64, G:77, B:139 and CMYK values of C:0.54, M:0.45, Y:0, K:0.45. Its decimal value is 4214155.

Hex triplet	404d8b	`#404d8b`
RGB Decimal	64, 77, 139	`rgb(64,77,139)`
RGB Percent	25.1, 30.2, 54.5	`rgb(25.1%,30.2%,54.5%)`
CMYK	54, 45, 0, 45
HSL	229.6°, 36.9, 39.8	`hsl(229.6,36.9%,39.8%)`
HSV (or HSB)	229.6°, 54, 54.5
Web Safe	336699	`#336699`

CIE-LAB	34.522, 13.684, -36.209
XYZ	9.427, 8.261, 25.523
xyY	0.218, 0.191, 8.261
CIE-LCH	34.522, 38.709, 290.702
CIE-LUV	34.522, -8.167, -51.221
Hunter-Lab	28.743, 8.247, -32.528
Binary	01000000, 01001101, 10001011

#404d8b
```
#404d8b rgb(64,77,139)
```
#8b7e40
```
#8b7e40 rgb(139,126,64)
```

Complementary Color

#40738b
```
#40738b rgb(64,115,139)
```
#404d8b
```
#404d8b rgb(64,77,139)
```
#59408b
```
#59408b rgb(89,64,139)
```

Analogous Color

#738b40
```
#738b40 rgb(115,139,64)
```
#404d8b
```
#404d8b rgb(64,77,139)
```
#8b5940
```
#8b5940 rgb(139,89,64)
```

Split Complementary Color

#4d8b40
```
#4d8b40 rgb(77,139,64)
```
#404d8b
```
#404d8b rgb(64,77,139)
```
#8b404d
```
#8b404d rgb(139,64,77)
```

Triadic Color

#408b7e
```
#408b7e rgb(64,139,126)
```
#404d8b
```
#404d8b rgb(64,77,139)
```
#8b404d
```
#8b404d rgb(139,64,77)
```
#8b7e40
```
#8b7e40 rgb(139,126,64)
```

Tetradic Color

#283057
```
#283057 rgb(40,48,87)
```
#303a68
```
#303a68 rgb(48,58,104)
```
#38437a
```
#38437a rgb(56,67,122)
```
#404d8b
```
#404d8b rgb(64,77,139)
```
#48579c
```
#48579c rgb(72,87,156)
```
#5060ae
```
#5060ae rgb(80,96,174)
```
#6170b6
```
#6170b6 rgb(97,112,182)
```

Monochromatic Color

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

#40608b
```
#40608b rgb(64,96,139)
```
#405a8b
```
#405a8b rgb(64,90,139)
```
#40538b
```
#40538b rgb(64,83,139)
```
#404d8b
```
#404d8b rgb(64,77,139)
```
#40478b
```
#40478b rgb(64,71,139)
```
#40418b
```
#40418b rgb(64,65,139)
```
#46408b
```
#46408b rgb(70,64,139)
```

Similar Colors

Text with hexadecimal color #404d8b

This text has a font color of #404d8b.

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

#404d8b background color

This paragraph has a background color of #404d8b.

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

#404d8b border color

This element has a border color of #404d8b.

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

CSS codes

.text {color:#404d8b;}

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

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

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

#020305
```
#020305 rgb(2,3,5)
```
#080a12
```
#080a12 rgb(8,10,18)
```
#0f1120
```
#0f1120 rgb(15,17,32)
```
#15192d
```
#15192d rgb(21,25,45)
```
#1b203a
```
#1b203a rgb(27,32,58)
```
#212848
```
#212848 rgb(33,40,72)
```
#272f55
```
#272f55 rgb(39,47,85)
```
#2d3763
```
#2d3763 rgb(45,55,99)
```
#343e70
```
#343e70 rgb(52,62,112)
```
#3a467e
```
#3a467e rgb(58,70,126)
```
#404d8b
```
#404d8b rgb(64,77,139)
```
#465498
```
#465498 rgb(70,84,152)
```
#4c5ca6
```
#4c5ca6 rgb(76,92,166)
```

Shade Color Variation

#5565b1
```
#5565b1 rgb(85,101,177)
```
#6371b7
```
#6371b7 rgb(99,113,183)
```
#707dbd
```
#707dbd rgb(112,125,189)
```
#7d89c3
```
#7d89c3 rgb(125,137,195)
```
#8b96ca
```
#8b96ca rgb(139,150,202)
```
#98a2d0
```
#98a2d0 rgb(152,162,208)
```
#a6aed6
```
#a6aed6 rgb(166,174,214)
```
#b3badc
```
#b3badc rgb(179,186,220)
```
#c1c6e2
```
#c1c6e2 rgb(193,198,226)
```
#ced3e8
```
#ced3e8 rgb(206,211,232)
```
#dbdfef
```
#dbdfef rgb(219,223,239)
```
#e9ebf5
```
#e9ebf5 rgb(233,235,245)
```
#f6f7fb
```
#f6f7fb rgb(246,247,251)
```

Tint Color Variation

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

#5f616c
```
#5f616c rgb(95,97,108)
```
#575c74
```
#575c74 rgb(87,92,116)
```
#50577b
```
#50577b rgb(80,87,123)
```
#485283
```
#485283 rgb(72,82,131)
```
#404d8b
```
#404d8b rgb(64,77,139)
```
#384893
```
#384893 rgb(56,72,147)
```
#30439b
```
#30439b rgb(48,67,155)
```
#293ea2
```
#293ea2 rgb(41,62,162)
```
#2139aa
```
#2139aa rgb(33,57,170)
```
#1933b2
```
#1933b2 rgb(25,51,178)
```
#112eba
```
#112eba rgb(17,46,186)
```
#0929c2
```
#0929c2 rgb(9,41,194)
```
#0224c9
```
#0224c9 rgb(2,36,201)
```

Tone Color Variation

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

#505050 Achromatopsia 0.005% of the population
#4d4f5c Atypical Achromatopsia 0.001% of the population

Dichromacy

#3e5892 Protanopia 1% of men
#335a8f Deuteranopia 1% of men
#376067 Tritanopia 0.001% of the population

Trichromacy

#3f548f Protanomaly 1% of men, 0.01% of women
#37558d Deuteranomaly 6% of men, 0.4% of women
#3a5974 Tritanomaly 0.01% of the population

#404d8b hex color

#404d8b Color Information

#404d8b Color Conversion

Color Schemes with #404d8b

Alternatives to #404d8b

#404d8b Preview

Shades and Tints of #404d8b

Tones of #404d8b

Color Blindness Simulator