#404e55 hex color

In a RGB color space, hex #404e55 is composed of 25.1% red, 30.6% green and 33.3% blue. Whereas in a CMYK color space, it is composed of 24.7% cyan, 8.2% magenta, 0% yellow and 66.7% black. It has a hue angle of 200 degrees, a saturation of 14.1% and a lightness of 29.2%. #404e55 color hex could be obtained by blending #809caa with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 25
- G 31
- B 33
RGB color chart
- C 25
- M 8
- Y 0
- K 67
CMYK color chart

● #404e55 color description : Very dark grayish blue.

The hexadecimal color #404e55 has RGB values of R:64, G:78, B:85 and CMYK values of C:0.25, M:0.08, Y:0, K:0.67. Its decimal value is 4214357.

Hex triplet	404e55	`#404e55`
RGB Decimal	64, 78, 85	`rgb(64,78,85)`
RGB Percent	25.1, 30.6, 33.3	`rgb(25.1%,30.6%,33.3%)`
CMYK	25, 8, 0, 67
HSL	200°, 14.1, 29.2	`hsl(200,14.1%,29.2%)`
HSV (or HSB)	200°, 24.7, 33.3
Web Safe	336666	`#336666`

CIE-LAB	32.246, -3.716, -5.961
XYZ	6.478, 7.194, 9.641
xyY	0.278, 0.309, 7.194
CIE-LCH	32.246, 7.024, 238.06
CIE-LUV	32.246, -7.142, -6.935
Hunter-Lab	26.823, -3.829, -2.536
Binary	01000000, 01001110, 01010101

#404e55
```
#404e55 rgb(64,78,85)
```
#554740
```
#554740 rgb(85,71,64)
```

Complementary Color

#405552
```
#405552 rgb(64,85,82)
```
#404e55
```
#404e55 rgb(64,78,85)
```
#404455
```
#404455 rgb(64,68,85)
```

Analogous Color

#555240
```
#555240 rgb(85,82,64)
```
#404e55
```
#404e55 rgb(64,78,85)
```
#554044
```
#554044 rgb(85,64,68)
```

Split Complementary Color

#4e5540
```
#4e5540 rgb(78,85,64)
```
#404e55
```
#404e55 rgb(64,78,85)
```
#55404e
```
#55404e rgb(85,64,78)
```

Triadic Color

#405547
```
#405547 rgb(64,85,71)
```
#404e55
```
#404e55 rgb(64,78,85)
```
#55404e
```
#55404e rgb(85,64,78)
```
#554740
```
#554740 rgb(85,71,64)
```

Tetradic Color

#1f2629
```
#1f2629 rgb(31,38,41)
```
#2a3338
```
#2a3338 rgb(42,51,56)
```
#354146
```
#354146 rgb(53,65,70)
```
#404e55
```
#404e55 rgb(64,78,85)
```
#4b5b64
```
#4b5b64 rgb(75,91,100)
```
#566972
```
#566972 rgb(86,105,114)
```
#617681
```
#617681 rgb(97,118,129)
```

Monochromatic Color

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

#405355
```
#405355 rgb(64,83,85)
```
#405255
```
#405255 rgb(64,82,85)
```
#405055
```
#405055 rgb(64,80,85)
```
#404e55
```
#404e55 rgb(64,78,85)
```
#404c55
```
#404c55 rgb(64,76,85)
```
#404b55
```
#404b55 rgb(64,75,85)
```
#404955
```
#404955 rgb(64,73,85)
```

Similar Colors

Text with hexadecimal color #404e55

This text has a font color of #404e55.

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

#404e55 background color

This paragraph has a background color of #404e55.

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

#404e55 border color

This element has a border color of #404e55.

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

CSS codes

.text {color:#404e55;}

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

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

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

#050607
```
#050607 rgb(5,6,7)
```
#0d1012
```
#0d1012 rgb(13,16,18)
```
#161b1d
```
#161b1d rgb(22,27,29)
```
#1e2528
```
#1e2528 rgb(30,37,40)
```
#272f33
```
#272f33 rgb(39,47,51)
```
#2f393f
```
#2f393f rgb(47,57,63)
```
#38444a
```
#38444a rgb(56,68,74)
```
#404e55
```
#404e55 rgb(64,78,85)
```
#485860
```
#485860 rgb(72,88,96)
```
#51636b
```
#51636b rgb(81,99,107)
```
#596d77
```
#596d77 rgb(89,109,119)
```
#627782
```
#627782 rgb(98,119,130)
```
#6a818d
```
#6a818d rgb(106,129,141)
```

Shade Color Variation

#748b96
```
#748b96 rgb(116,139,150)
```
#7f949f
```
#7f949f rgb(127,148,159)
```
#8b9ea7
```
#8b9ea7 rgb(139,158,167)
```
#96a7b0
```
#96a7b0 rgb(150,167,176)
```
#a1b0b8
```
#a1b0b8 rgb(161,176,184)
```
#acbac1
```
#acbac1 rgb(172,186,193)
```
#b7c3c9
```
#b7c3c9 rgb(183,195,201)
```
#c3ccd1
```
#c3ccd1 rgb(195,204,209)
```
#ced6da
```
#ced6da rgb(206,214,218)
```
#d9dfe2
```
#d9dfe2 rgb(217,223,226)
```
#e4e9eb
```
#e4e9eb rgb(228,233,235)
```
#eff2f3
```
#eff2f3 rgb(239,242,243)
```
#fafbfc
```
#fafbfc rgb(250,251,252)
```

Tint Color Variation

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

#464c4f
```
#464c4f rgb(70,76,79)
```
#404e55
```
#404e55 rgb(64,78,85)
```
#3a505b
```
#3a505b rgb(58,80,91)
```
#355260
```
#355260 rgb(53,82,96)
```
#2f5466
```
#2f5466 rgb(47,84,102)
```
#29566c
```
#29566c rgb(41,86,108)
```
#235872
```
#235872 rgb(35,88,114)
```
#1e5977
```
#1e5977 rgb(30,89,119)
```
#185b7d
```
#185b7d rgb(24,91,125)
```
#125d83
```
#125d83 rgb(18,93,131)
```
#0c5f89
```
#0c5f89 rgb(12,95,137)
```
#07618e
```
#07618e rgb(7,97,142)
```
#016394
```
#016394 rgb(1,99,148)
```

Tone Color Variation

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

#4b4b4b Achromatopsia 0.005% of the population
#494c4d Atypical Achromatopsia 0.001% of the population

Dichromacy

#54545c Protanopia 1% of men
#58535f Deuteranopia 1% of men
#49575d Tritanopia 0.001% of the population

Trichromacy

#4c5259 Protanomaly 1% of men, 0.01% of women
#4f515b Deuteranomaly 6% of men, 0.4% of women
#46535a Tritanomaly 0.01% of the population

#404e55 hex color

#404e55 Color Information

#404e55 Color Conversion

Color Schemes with #404e55

Alternatives to #404e55

#404e55 Preview

Shades and Tints of #404e55

Tones of #404e55

Color Blindness Simulator