#404654 hex color

In a RGB color space, hex #404654 is composed of 25.1% red, 27.5% green and 32.9% blue. Whereas in a CMYK color space, it is composed of 23.8% cyan, 16.7% magenta, 0% yellow and 67.1% black. It has a hue angle of 222 degrees, a saturation of 13.5% and a lightness of 29%. #404654 color hex could be obtained by blending #808ca8 with #000000. Closest websafe color is: #333366.

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

● #404654 color description : Very dark grayish blue.

The hexadecimal color #404654 has RGB values of R:64, G:70, B:84 and CMYK values of C:0.24, M:0.17, Y:0, K:0.67. Its decimal value is 4212308.

Hex triplet	404654	`#404654`
RGB Decimal	64, 70, 84	`rgb(64,70,84)`
RGB Percent	25.1, 27.5, 32.9	`rgb(25.1%,27.5%,32.9%)`
CMYK	24, 17, 0, 67
HSL	222°, 13.5, 29	`hsl(222,13.5%,29%)`
HSV (or HSB)	222°, 23.8, 32.9
Web Safe	333366	`#333366`

CIE-LAB	29.689, 1.088, -9.163
XYZ	5.904, 6.11, 9.255
xyY	0.278, 0.287, 6.11
CIE-LCH	29.689, 9.228, 276.769
CIE-LUV	29.689, -3.623, -11.399
Hunter-Lab	24.719, -0.622, -4.896
Binary	01000000, 01000110, 01010100

#404654
```
#404654 rgb(64,70,84)
```
#544e40
```
#544e40 rgb(84,78,64)
```

Complementary Color

#405054
```
#405054 rgb(64,80,84)
```
#404654
```
#404654 rgb(64,70,84)
```
#444054
```
#444054 rgb(68,64,84)
```

Analogous Color

#505440
```
#505440 rgb(80,84,64)
```
#404654
```
#404654 rgb(64,70,84)
```
#544440
```
#544440 rgb(84,68,64)
```

Split Complementary Color

#465440
```
#465440 rgb(70,84,64)
```
#404654
```
#404654 rgb(64,70,84)
```
#544046
```
#544046 rgb(84,64,70)
```

Triadic Color

#40544e
```
#40544e rgb(64,84,78)
```
#404654
```
#404654 rgb(64,70,84)
```
#544046
```
#544046 rgb(84,64,70)
```
#544e40
```
#544e40 rgb(84,78,64)
```

Tetradic Color

#1f2229
```
#1f2229 rgb(31,34,41)
```
#2a2e37
```
#2a2e37 rgb(42,46,55)
```
#353a46
```
#353a46 rgb(53,58,70)
```
#404654
```
#404654 rgb(64,70,84)
```
#4b5262
```
#4b5262 rgb(75,82,98)
```
#565e71
```
#565e71 rgb(86,94,113)
```
#616a7f
```
#616a7f rgb(97,106,127)
```

Monochromatic Color

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

#404b54
```
#404b54 rgb(64,75,84)
```
#404954
```
#404954 rgb(64,73,84)
```
#404854
```
#404854 rgb(64,72,84)
```
#404654
```
#404654 rgb(64,70,84)
```
#404454
```
#404454 rgb(64,68,84)
```
#404354
```
#404354 rgb(64,67,84)
```
#404154
```
#404154 rgb(64,65,84)
```

Similar Colors

Text with hexadecimal color #404654

This text has a font color of #404654.

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

#404654 background color

This paragraph has a background color of #404654.

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

#404654 border color

This element has a border color of #404654.

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

CSS codes

.text {color:#404654;}

.background {background-color:#404654;}

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

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

#050506
```
#050506 rgb(5,5,6)
```
#0d0e11
```
#0d0e11 rgb(13,14,17)
```
#16181c
```
#16181c rgb(22,24,28)
```
#1e2127
```
#1e2127 rgb(30,33,39)
```
#272a33
```
#272a33 rgb(39,42,51)
```
#2f333e
```
#2f333e rgb(47,51,62)
```
#383d49
```
#383d49 rgb(56,61,73)
```
#404654
```
#404654 rgb(64,70,84)
```
#484f5f
```
#484f5f rgb(72,79,95)
```
#51596a
```
#51596a rgb(81,89,106)
```
#596275
```
#596275 rgb(89,98,117)
```
#626b81
```
#626b81 rgb(98,107,129)
```
#6a748c
```
#6a748c rgb(106,116,140)
```

Shade Color Variation

#747e95
```
#747e95 rgb(116,126,149)
```
#7f899e
```
#7f899e rgb(127,137,158)
```
#8b93a6
```
#8b93a6 rgb(139,147,166)
```
#969daf
```
#969daf rgb(150,157,175)
```
#a1a8b7
```
#a1a8b7 rgb(161,168,183)
```
#acb2c0
```
#acb2c0 rgb(172,178,192)
```
#b7bcc8
```
#b7bcc8 rgb(183,188,200)
```
#c2c7d1
```
#c2c7d1 rgb(194,199,209)
```
#cdd1d9
```
#cdd1d9 rgb(205,209,217)
```
#d9dbe2
```
#d9dbe2 rgb(217,219,226)
```
#e4e6ea
```
#e4e6ea rgb(228,230,234)
```
#eff0f3
```
#eff0f3 rgb(239,240,243)
```
#fafafb
```
#fafafb rgb(250,250,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #46484e is the less saturated color, while #012d93 is the most saturated one.

#46484e
```
#46484e rgb(70,72,78)
```
#404654
```
#404654 rgb(64,70,84)
```
#3a445a
```
#3a445a rgb(58,68,90)
```
#35415f
```
#35415f rgb(53,65,95)
```
#2f3f65
```
#2f3f65 rgb(47,63,101)
```
#293d6b
```
#293d6b rgb(41,61,107)
```
#243b70
```
#243b70 rgb(36,59,112)
```
#1e3876
```
#1e3876 rgb(30,56,118)
```
#18367c
```
#18367c rgb(24,54,124)
```
#123482
```
#123482 rgb(18,52,130)
```
#0d3287
```
#0d3287 rgb(13,50,135)
```
#072f8d
```
#072f8d rgb(7,47,141)
```
#012d93
```
#012d93 rgb(1,45,147)
```

Tone Color Variation

Below, you can see how #404654 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
#454649 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4c4e5c Protanopia 1% of men
#4f4d5d Deuteranopia 1% of men
#485056 Tritanopia 0.001% of the population

Trichromacy

#484b59 Protanomaly 1% of men, 0.01% of women
#4a4b5a Deuteranomaly 6% of men, 0.4% of women
#454c55 Tritanomaly 0.01% of the population

#404654 hex color

#404654 Color Information

#404654 Color Conversion

Color Schemes with #404654

Alternatives to #404654

#404654 Preview

Shades and Tints of #404654

Tones of #404654

Color Blindness Simulator