#404c69 hex color

In a RGB color space, hex #404c69 is composed of 25.1% red, 29.8% green and 41.2% blue. Whereas in a CMYK color space, it is composed of 39% cyan, 27.6% magenta, 0% yellow and 58.8% black. It has a hue angle of 222.4 degrees, a saturation of 24.3% and a lightness of 33.1%. #404c69 color hex could be obtained by blending #8098d2 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 25
- G 30
- B 41
RGB color chart
- C 39
- M 28
- Y 0
- K 59
CMYK color chart

● #404c69 color description : Very dark desaturated blue.

The hexadecimal color #404c69 has RGB values of R:64, G:76, B:105 and CMYK values of C:0.39, M:0.28, Y:0, K:0.59. Its decimal value is 4213865.

Hex triplet	404c69	`#404c69`
RGB Decimal	64, 76, 105	`rgb(64,76,105)`
RGB Percent	25.1, 29.8, 41.2	`rgb(25.1%,29.8%,41.2%)`
CMYK	39, 28, 0, 59
HSL	222.4°, 24.3, 33.1	`hsl(222.4,24.3%,33.1%)`
HSV (or HSB)	222.4°, 39, 41.2
Web Safe	333366	`#333366`

CIE-LAB	32.433, 3.268, -18.362
XYZ	7.248, 7.279, 14.387
xyY	0.251, 0.252, 7.279
CIE-LCH	32.433, 18.65, 280.092
CIE-LUV	32.433, -6.818, -24.394
Hunter-Lab	26.979, 0.742, -12.732
Binary	01000000, 01001100, 01101001

#404c69
```
#404c69 rgb(64,76,105)
```
#695d40
```
#695d40 rgb(105,93,64)
```

Complementary Color

#406169
```
#406169 rgb(64,97,105)
```
#404c69
```
#404c69 rgb(64,76,105)
```
#494069
```
#494069 rgb(73,64,105)
```

Analogous Color

#616940
```
#616940 rgb(97,105,64)
```
#404c69
```
#404c69 rgb(64,76,105)
```
#694940
```
#694940 rgb(105,73,64)
```

Split Complementary Color

#4c6940
```
#4c6940 rgb(76,105,64)
```
#404c69
```
#404c69 rgb(64,76,105)
```
#69404c
```
#69404c rgb(105,64,76)
```

Triadic Color

#40695d
```
#40695d rgb(64,105,93)
```
#404c69
```
#404c69 rgb(64,76,105)
```
#69404c
```
#69404c rgb(105,64,76)
```
#695d40
```
#695d40 rgb(105,93,64)
```

Tetradic Color

#232a39
```
#232a39 rgb(35,42,57)
```
#2d3549
```
#2d3549 rgb(45,53,73)
```
#364159
```
#364159 rgb(54,65,89)
```
#404c69
```
#404c69 rgb(64,76,105)
```
#4a5779
```
#4a5779 rgb(74,87,121)
```
#536389
```
#536389 rgb(83,99,137)
```
#5d6e99
```
#5d6e99 rgb(93,110,153)
```

Monochromatic Color

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

#405669
```
#405669 rgb(64,86,105)
```
#405369
```
#405369 rgb(64,83,105)
```
#404f69
```
#404f69 rgb(64,79,105)
```
#404c69
```
#404c69 rgb(64,76,105)
```
#404969
```
#404969 rgb(64,73,105)
```
#404569
```
#404569 rgb(64,69,105)
```
#404269
```
#404269 rgb(64,66,105)
```

Similar Colors

Text with hexadecimal color #404c69

This text has a font color of #404c69.

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

#404c69 background color

This paragraph has a background color of #404c69.

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

#404c69 border color

This element has a border color of #404c69.

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

CSS codes

.text {color:#404c69;}

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

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

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

#050508
```
#050508 rgb(5,5,8)
```
#0c0e14
```
#0c0e14 rgb(12,14,20)
```
#131720
```
#131720 rgb(19,23,32)
```
#1b202c
```
#1b202c rgb(27,32,44)
```
#222938
```
#222938 rgb(34,41,56)
```
#2a3244
```
#2a3244 rgb(42,50,68)
```
#313a51
```
#313a51 rgb(49,58,81)
```
#39435d
```
#39435d rgb(57,67,93)
```
#404c69
```
#404c69 rgb(64,76,105)
```
#475575
```
#475575 rgb(71,85,117)
```
#4f5e81
```
#4f5e81 rgb(79,94,129)
```
#56668e
```
#56668e rgb(86,102,142)
```
#5e6f9a
```
#5e6f9a rgb(94,111,154)
```

Shade Color Variation

#6879a3
```
#6879a3 rgb(104,121,163)
```
#7484aa
```
#7484aa rgb(116,132,170)
```
#808fb2
```
#808fb2 rgb(128,143,178)
```
#8d9ab9
```
#8d9ab9 rgb(141,154,185)
```
#99a4c1
```
#99a4c1 rgb(153,164,193)
```
#a5afc8
```
#a5afc8 rgb(165,175,200)
```
#b1bad0
```
#b1bad0 rgb(177,186,208)
```
#bdc5d7
```
#bdc5d7 rgb(189,197,215)
```
#cad0de
```
#cad0de rgb(202,208,222)
```
#d6dae6
```
#d6dae6 rgb(214,218,230)
```
#e2e5ed
```
#e2e5ed rgb(226,229,237)
```
#eef0f5
```
#eef0f5 rgb(238,240,245)
```
#fafbfc
```
#fafbfc rgb(250,251,252)
```

Tint Color Variation

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

#545456
```
#545456 rgb(84,84,86)
```
#4d515c
```
#4d515c rgb(77,81,92)
```
#474f63
```
#474f63 rgb(71,79,99)
```
#404c69
```
#404c69 rgb(64,76,105)
```
#3a4970
```
#3a4970 rgb(58,73,112)
```
#334776
```
#334776 rgb(51,71,118)
```
#2d447d
```
#2d447d rgb(45,68,125)
```
#264183
```
#264183 rgb(38,65,131)
```
#203f8a
```
#203f8a rgb(32,63,138)
```
#193c90
```
#193c90 rgb(25,60,144)
```
#133997
```
#133997 rgb(19,57,151)
```
#0c369d
```
#0c369d rgb(12,54,157)
```
#0534a4
```
#0534a4 rgb(5,52,164)
```

Tone Color Variation

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

#4c4c4c Achromatopsia 0.005% of the population
#4a4c52 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4d5470 Protanopia 1% of men
#4c5471 Deuteranopia 1% of men
#44585f Tritanopia 0.001% of the population

Trichromacy

#48516d Protanomaly 1% of men, 0.01% of women
#48516e Deuteranomaly 6% of men, 0.4% of women
#425462 Tritanomaly 0.01% of the population

#404c69 hex color

#404c69 Color Information

#404c69 Color Conversion

Color Schemes with #404c69

Alternatives to #404c69

#404c69 Preview

Shades and Tints of #404c69

Tones of #404c69

Color Blindness Simulator