#404e83 hex color

In a RGB color space, hex #404e83 is composed of 25.1% red, 30.6% green and 51.4% blue. Whereas in a CMYK color space, it is composed of 51.1% cyan, 40.5% magenta, 0% yellow and 48.6% black. It has a hue angle of 227.5 degrees, a saturation of 34.4% and a lightness of 38.2%. #404e83 color hex could be obtained by blending #809cff with #000007. Closest websafe color is: #336699.

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

● #404e83 color description : Dark moderate blue.

The hexadecimal color #404e83 has RGB values of R:64, G:78, B:131 and CMYK values of C:0.51, M:0.4, Y:0, K:0.49. Its decimal value is 4214403.

Hex triplet	404e83	`#404e83`
RGB Decimal	64, 78, 131	`rgb(64,78,131)`
RGB Percent	25.1, 30.6, 51.4	`rgb(25.1%,30.6%,51.4%)`
CMYK	51, 40, 0, 49
HSL	227.5°, 34.4, 38.2	`hsl(227.5,34.4%,38.2%)`
HSV (or HSB)	227.5°, 51.1, 51.4
Web Safe	336699	`#336699`

CIE-LAB	34.349, 10.322, -31.571
XYZ	8.935, 8.177, 22.579
xyY	0.225, 0.206, 8.177
CIE-LCH	34.349, 33.216, 288.104
CIE-LUV	34.349, -8.281, -44.264
Hunter-Lab	28.596, 5.729, -26.798
Binary	01000000, 01001110, 10000011

#404e83
```
#404e83 rgb(64,78,131)
```
#837540
```
#837540 rgb(131,117,64)
```

Complementary Color

#407083
```
#407083 rgb(64,112,131)
```
#404e83
```
#404e83 rgb(64,78,131)
```
#544083
```
#544083 rgb(84,64,131)
```

Analogous Color

#708340
```
#708340 rgb(112,131,64)
```
#404e83
```
#404e83 rgb(64,78,131)
```
#835440
```
#835440 rgb(131,84,64)
```

Split Complementary Color

#4e8340
```
#4e8340 rgb(78,131,64)
```
#404e83
```
#404e83 rgb(64,78,131)
```
#83404e
```
#83404e rgb(131,64,78)
```

Triadic Color

#408375
```
#408375 rgb(64,131,117)
```
#404e83
```
#404e83 rgb(64,78,131)
```
#83404e
```
#83404e rgb(131,64,78)
```
#837540
```
#837540 rgb(131,117,64)
```

Tetradic Color

#272f50
```
#272f50 rgb(39,47,80)
```
#2f3a61
```
#2f3a61 rgb(47,58,97)
```
#384472
```
#384472 rgb(56,68,114)
```
#404e83
```
#404e83 rgb(64,78,131)
```
#485894
```
#485894 rgb(72,88,148)
```
#5162a5
```
#5162a5 rgb(81,98,165)
```
#5f70b1
```
#5f70b1 rgb(95,112,177)
```

Monochromatic Color

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

#405f83
```
#405f83 rgb(64,95,131)
```
#405983
```
#405983 rgb(64,89,131)
```
#405483
```
#405483 rgb(64,84,131)
```
#404e83
```
#404e83 rgb(64,78,131)
```
#404883
```
#404883 rgb(64,72,131)
```
#404383
```
#404383 rgb(64,67,131)
```
#434083
```
#434083 rgb(67,64,131)
```

Similar Colors

Text with hexadecimal color #404e83

This text has a font color of #404e83.

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

#404e83 background color

This paragraph has a background color of #404e83.

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

#404e83 border color

This element has a border color of #404e83.

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

CSS codes

.text {color:#404e83;}

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

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

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, #06070c is the darkest color, while #fefeff is the lightest one.

#06070c
```
#06070c rgb(6,7,12)
```
#0c0f1a
```
#0c0f1a rgb(12,15,26)
```
#131727
```
#131727 rgb(19,23,39)
```
#191f34
```
#191f34 rgb(25,31,52)
```
#202741
```
#202741 rgb(32,39,65)
```
#262f4e
```
#262f4e rgb(38,47,78)
```
#2d365b
```
#2d365b rgb(45,54,91)
```
#333e69
```
#333e69 rgb(51,62,105)
```
#3a4676
```
#3a4676 rgb(58,70,118)
```
#404e83
```
#404e83 rgb(64,78,131)
```
#465690
```
#465690 rgb(70,86,144)
```
#4d5e9d
```
#4d5e9d rgb(77,94,157)
```
#5366ab
```
#5366ab rgb(83,102,171)
```

Shade Color Variation

#6071b1
```
#6071b1 rgb(96,113,177)
```
#6d7db8
```
#6d7db8 rgb(109,125,184)
```
#7a89be
```
#7a89be rgb(122,137,190)
```
#8894c5
```
#8894c5 rgb(136,148,197)
```
#95a0cb
```
#95a0cb rgb(149,160,203)
```
#a2acd2
```
#a2acd2 rgb(162,172,210)
```
#afb8d8
```
#afb8d8 rgb(175,184,216)
```
#bcc3de
```
#bcc3de rgb(188,195,222)
```
#cacfe5
```
#cacfe5 rgb(202,207,229)
```
#d7dbeb
```
#d7dbeb rgb(215,219,235)
```
#e4e7f2
```
#e4e7f2 rgb(228,231,242)
```
#f1f3f8
```
#f1f3f8 rgb(241,243,248)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#5e5f65
```
#5e5f65 rgb(94,95,101)
```
#575b6d
```
#575b6d rgb(87,91,109)
```
#4f5774
```
#4f5774 rgb(79,87,116)
```
#48527c
```
#48527c rgb(72,82,124)
```
#404e83
```
#404e83 rgb(64,78,131)
```
#394a8b
```
#394a8b rgb(57,74,139)
```
#314592
```
#314592 rgb(49,69,146)
```
#2a419a
```
#2a419a rgb(42,65,154)
```
#223da1
```
#223da1 rgb(34,61,161)
```
#1b38a9
```
#1b38a9 rgb(27,56,169)
```
#1334b0
```
#1334b0 rgb(19,52,176)
```
#0c2fb8
```
#0c2fb8 rgb(12,47,184)
```
#042bbf
```
#042bbf rgb(4,43,191)
```

Tone Color Variation

Below, you can see how #404e83 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
#4d505a Atypical Achromatopsia 0.001% of the population

Dichromacy

#44588a Protanopia 1% of men
#3d5988 Deuteranopia 1% of men
#3b5f66 Tritanopia 0.001% of the population

Trichromacy

#435487 Protanomaly 1% of men, 0.01% of women
#3e5586 Deuteranomaly 6% of men, 0.4% of women
#3d5870 Tritanomaly 0.01% of the population

#404e83 hex color

#404e83 Color Information

#404e83 Color Conversion

Color Schemes with #404e83

Alternatives to #404e83

#404e83 Preview

Shades and Tints of #404e83

Tones of #404e83

Color Blindness Simulator