colorhexa.com

#404b5b hex color

In a RGB color space, hex #404b5b is composed of 25.1% red, 29.4% green and 35.7% blue. Whereas in a CMYK color space, it is composed of 29.7% cyan, 17.6% magenta, 0% yellow and 64.3% black. It has a hue angle of 215.6 degrees, a saturation of 17.4% and a lightness of 30.4%. #404b5b color hex could be obtained by blending #8096b6 with #000000. Closest websafe color is: #333366.

- R 25
- G 29
- B 36
RGB color chart
- C 30
- M 18
- Y 0
- K 64
CMYK color chart

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

The hexadecimal color #404b5b has RGB values of R:64, G:75, B:91 and CMYK values of C:0.3, M:0.18, Y:0, K:0.64. Its decimal value is 4213595.

Hex triplet	404b5b	`#404b5b`
RGB Decimal	64, 75, 91	`rgb(64,75,91)`
RGB Percent	25.1, 29.4, 35.7	`rgb(25.1%,29.4%,35.7%)`
CMYK	30, 18, 0, 64
HSL	215.6°, 17.4, 30.4	`hsl(215.6,17.4%,30.4%)`
HSV (or HSB)	215.6°, 29.7, 35.7
Web Safe	333366	`#333366`

CIE-LAB	31.526, -0.192, -10.87
XYZ	6.518, 6.877, 10.881
xyY	0.269, 0.283, 6.877
CIE-LCH	31.526, 10.871, 268.99
CIE-LUV	31.526, -5.999, -13.702
Hunter-Lab	26.225, -1.525, -6.243
Binary	01000000, 01001011, 01011011

#404b5b
```
#404b5b rgb(64,75,91)
```
#5b5040
```
#5b5040 rgb(91,80,64)
```

Complementary Color

#40595b
```
#40595b rgb(64,89,91)
```
#404b5b
```
#404b5b rgb(64,75,91)
```
#43405b
```
#43405b rgb(67,64,91)
```

Analogous Color

#595b40
```
#595b40 rgb(89,91,64)
```
#404b5b
```
#404b5b rgb(64,75,91)
```
#5b4340
```
#5b4340 rgb(91,67,64)
```

Split Complementary Color

#20262e
```
#20262e rgb(32,38,46)
```
#2b323d
```
#2b323d rgb(43,50,61)
```
#353f4c
```
#353f4c rgb(53,63,76)
```
#404b5b
```
#404b5b rgb(64,75,91)
```
#4b576a
```
#4b576a rgb(75,87,106)
```
#556479
```
#556479 rgb(85,100,121)
```
#607088
```
#607088 rgb(96,112,136)
```

Monochromatic Color

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

#40525b
```
#40525b rgb(64,82,91)
```
#40505b
```
#40505b rgb(64,80,91)
```
#404d5b
```
#404d5b rgb(64,77,91)
```
#404b5b
```
#404b5b rgb(64,75,91)
```
#40495b
```
#40495b rgb(64,73,91)
```
#40475b
```
#40475b rgb(64,71,91)
```
#40445b
```
#40445b rgb(64,68,91)
```

Similar Colors

Text with hexadecimal color #404b5b

This text has a font color of #404b5b.

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

#404b5b background color

This paragraph has a background color of #404b5b.

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

#404b5b border color

This element has a border color of #404b5b.

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

CSS codes

.text {color:#404b5b;}

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

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

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, #07090a is the darkest color, while #fefefe is the lightest one.

#07090a
```
#07090a rgb(7,9,10)
```
#0f1216
```
#0f1216 rgb(15,18,22)
```
#181c21
```
#181c21 rgb(24,28,33)
```
#20252d
```
#20252d rgb(32,37,45)
```
#282f38
```
#282f38 rgb(40,47,56)
```
#303844
```
#303844 rgb(48,56,68)
```
#38424f
```
#38424f rgb(56,66,79)
```
#404b5b
```
#404b5b rgb(64,75,91)
```
#485467
```
#485467 rgb(72,84,103)
```
#505e72
```
#505e72 rgb(80,94,114)
```
#58677e
```
#58677e rgb(88,103,126)
```
#607189
```
#607189 rgb(96,113,137)
```
#687a95
```
#687a95 rgb(104,122,149)
```

Shade Color Variation

#74859d
```
#74859d rgb(116,133,157)
```
#7f8fa5
```
#7f8fa5 rgb(127,143,165)
```
#8b99ad
```
#8b99ad rgb(139,153,173)
```
#96a3b5
```
#96a3b5 rgb(150,163,181)
```
#a2adbd
```
#a2adbd rgb(162,173,189)
```
#adb7c6
```
#adb7c6 rgb(173,183,198)
```
#b9c1ce
```
#b9c1ce rgb(185,193,206)
```
#c4cbd6
```
#c4cbd6 rgb(196,203,214)
```
#d0d6de
```
#d0d6de rgb(208,214,222)
```
#dbe0e6
```
#dbe0e6 rgb(219,224,230)
```
#e7eaee
```
#e7eaee rgb(231,234,238)
```
#f2f4f6
```
#f2f4f6 rgb(242,244,246)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#4c4d4f
```
#4c4d4f rgb(76,77,79)
```
#464c55
```
#464c55 rgb(70,76,85)
```
#404b5b
```
#404b5b rgb(64,75,91)
```
#3a4a61
```
#3a4a61 rgb(58,74,97)
```
#344967
```
#344967 rgb(52,73,103)
```
#2e486d
```
#2e486d rgb(46,72,109)
```
#284773
```
#284773 rgb(40,71,115)
```
#224579
```
#224579 rgb(34,69,121)
```
#1c447f
```
#1c447f rgb(28,68,127)
```
#164385
```
#164385 rgb(22,67,133)
```
#10428b
```
#10428b rgb(16,66,139)
```
#0a4191
```
#0a4191 rgb(10,65,145)
```
#044097
```
#044097 rgb(4,64,151)
```

Tone Color Variation

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

#4a4a4a Achromatopsia 0.005% of the population
#484a4d Atypical Achromatopsia 0.001% of the population

Dichromacy

#505262 Protanopia 1% of men
#525164 Deuteranopia 1% of men
#48555b Tritanopia 0.001% of the population

Trichromacy

#4a505f Protanomaly 1% of men, 0.01% of women
#4b4f60 Deuteranomaly 6% of men, 0.4% of women
#45515b Tritanomaly 0.01% of the population