#404658 hex color

In a RGB color space, hex #404658 is composed of 25.1% red, 27.5% green and 34.5% blue. Whereas in a CMYK color space, it is composed of 27.3% cyan, 20.5% magenta, 0% yellow and 65.5% black. It has a hue angle of 225 degrees, a saturation of 15.8% and a lightness of 29.8%. #404658 color hex could be obtained by blending #808cb0 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 25
- G 27
- B 35
RGB color chart
- C 27
- M 20
- Y 0
- K 65
CMYK color chart

● #404658 color description : Very dark grayish blue.

The hexadecimal color #404658 has RGB values of R:64, G:70, B:88 and CMYK values of C:0.27, M:0.2, Y:0, K:0.65. Its decimal value is 4212312.

Hex triplet	404658	`#404658`
RGB Decimal	64, 70, 88	`rgb(64,70,88)`
RGB Percent	25.1, 27.5, 34.5	`rgb(25.1%,27.5%,34.5%)`
CMYK	27, 20, 0, 65
HSL	225°, 15.8, 29.8	`hsl(225,15.8%,29.8%)`
HSV (or HSB)	225°, 27.3, 34.5
Web Safe	333366	`#333366`

CIE-LAB	29.849, 2.183, -11.498
XYZ	6.066, 6.175, 10.104
xyY	0.271, 0.276, 6.175
CIE-LCH	29.849, 11.703, 280.752
CIE-LUV	29.849, -3.787, -14.566
Hunter-Lab	24.849, 0.086, -6.714
Binary	01000000, 01000110, 01011000

#404658
```
#404658 rgb(64,70,88)
```
#585240
```
#585240 rgb(88,82,64)
```

Complementary Color

#405258
```
#405258 rgb(64,82,88)
```
#404658
```
#404658 rgb(64,70,88)
```
#464058
```
#464058 rgb(70,64,88)
```

Analogous Color

#525840
```
#525840 rgb(82,88,64)
```
#404658
```
#404658 rgb(64,70,88)
```
#584640
```
#584640 rgb(88,70,64)
```

Split Complementary Color

#465840
```
#465840 rgb(70,88,64)
```
#404658
```
#404658 rgb(64,70,88)
```
#584046
```
#584046 rgb(88,64,70)
```

Triadic Color

#405852
```
#405852 rgb(64,88,82)
```
#404658
```
#404658 rgb(64,70,88)
```
#584046
```
#584046 rgb(88,64,70)
```
#585240
```
#585240 rgb(88,82,64)
```

Tetradic Color

#20232c
```
#20232c rgb(32,35,44)
```
#2b2f3a
```
#2b2f3a rgb(43,47,58)
```
#353a49
```
#353a49 rgb(53,58,73)
```
#404658
```
#404658 rgb(64,70,88)
```
#4b5267
```
#4b5267 rgb(75,82,103)
```
#555d76
```
#555d76 rgb(85,93,118)
```
#606984
```
#606984 rgb(96,105,132)
```

Monochromatic Color

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

#404c58
```
#404c58 rgb(64,76,88)
```
#404a58
```
#404a58 rgb(64,74,88)
```
#404858
```
#404858 rgb(64,72,88)
```
#404658
```
#404658 rgb(64,70,88)
```
#404458
```
#404458 rgb(64,68,88)
```
#404258
```
#404258 rgb(64,66,88)
```
#404058
```
#404058 rgb(64,64,88)
```

Similar Colors

Text with hexadecimal color #404658

This text has a font color of #404658.

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

#404658 background color

This paragraph has a background color of #404658.

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

#404658 border color

This element has a border color of #404658.

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

CSS codes

.text {color:#404658;}

.background {background-color:#404658;}

.border {border:1px solid #404658;}

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

#060709
```
#060709 rgb(6,7,9)
```
#0e1014
```
#0e1014 rgb(14,16,20)
```
#17191f
```
#17191f rgb(23,25,31)
```
#1f222b
```
#1f222b rgb(31,34,43)
```
#272b36
```
#272b36 rgb(39,43,54)
```
#2f3441
```
#2f3441 rgb(47,52,65)
```
#383d4d
```
#383d4d rgb(56,61,77)
```
#404658
```
#404658 rgb(64,70,88)
```
#484f63
```
#484f63 rgb(72,79,99)
```
#51586f
```
#51586f rgb(81,88,111)
```
#59617a
```
#59617a rgb(89,97,122)
```
#616a85
```
#616a85 rgb(97,106,133)
```
#697391
```
#697391 rgb(105,115,145)
```

Shade Color Variation

#747d9a
```
#747d9a rgb(116,125,154)
```
#7f88a2
```
#7f88a2 rgb(127,136,162)
```
#8b93aa
```
#8b93aa rgb(139,147,170)
```
#969db3
```
#969db3 rgb(150,157,179)
```
#a1a8bb
```
#a1a8bb rgb(161,168,187)
```
#adb2c3
```
#adb2c3 rgb(173,178,195)
```
#b8bdcb
```
#b8bdcb rgb(184,189,203)
```
#c3c7d4
```
#c3c7d4 rgb(195,199,212)
```
#cfd2dc
```
#cfd2dc rgb(207,210,220)
```
#dadde4
```
#dadde4 rgb(218,221,228)
```
#e5e7ec
```
#e5e7ec rgb(229,231,236)
```
#f1f2f5
```
#f1f2f5 rgb(241,242,245)
```
#fcfcfd
```
#fcfcfd rgb(252,252,253)
```

Tint Color Variation

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

#4c4c4c
```
#4c4c4c rgb(76,76,76)
```
#464952
```
#464952 rgb(70,73,82)
```
#404658
```
#404658 rgb(64,70,88)
```
#3a435e
```
#3a435e rgb(58,67,94)
```
#344064
```
#344064 rgb(52,64,100)
```
#2e3d6a
```
#2e3d6a rgb(46,61,106)
```
#293a6f
```
#293a6f rgb(41,58,111)
```
#233775
```
#233775 rgb(35,55,117)
```
#1d347b
```
#1d347b rgb(29,52,123)
```
#173281
```
#173281 rgb(23,50,129)
```
#112f87
```
#112f87 rgb(17,47,135)
```
#0b2c8d
```
#0b2c8d rgb(11,44,141)
```
#062992
```
#062992 rgb(6,41,146)
```

Tone Color Variation

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

#464646 Achromatopsia 0.005% of the population
#45464a Atypical Achromatopsia 0.001% of the population

Dichromacy

#4b4f60 Protanopia 1% of men
#4e4e61 Deuteranopia 1% of men
#475157 Tritanopia 0.001% of the population

Trichromacy

#474b5d Protanomaly 1% of men, 0.01% of women
#484b5d Deuteranomaly 6% of men, 0.4% of women
#444d57 Tritanomaly 0.01% of the population

#404658 hex color

#404658 Color Information

#404658 Color Conversion

Color Schemes with #404658

Alternatives to #404658

#404658 Preview

Shades and Tints of #404658

Tones of #404658

Color Blindness Simulator