#404c67 hex color

In a RGB color space, hex #404c67 is composed of 25.1% red, 29.8% green and 40.4% blue. Whereas in a CMYK color space, it is composed of 37.9% cyan, 26.2% magenta, 0% yellow and 59.6% black. It has a hue angle of 221.5 degrees, a saturation of 23.4% and a lightness of 32.7%. #404c67 color hex could be obtained by blending #8098ce with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 25
- G 30
- B 40
RGB color chart
- C 38
- M 26
- Y 0
- K 60
CMYK color chart

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

The hexadecimal color #404c67 has RGB values of R:64, G:76, B:103 and CMYK values of C:0.38, M:0.26, Y:0, K:0.6. Its decimal value is 4213863.

Hex triplet	404c67	`#404c67`
RGB Decimal	64, 76, 103	`rgb(64,76,103)`
RGB Percent	25.1, 29.8, 40.4	`rgb(25.1%,29.8%,40.4%)`
CMYK	38, 26, 0, 60
HSL	221.5°, 23.4, 32.7	`hsl(221.5,23.4%,32.7%)`
HSV (or HSB)	221.5°, 37.9, 40.4
Web Safe	333366	`#333366`

CIE-LAB	32.343, 2.662, -17.238
XYZ	7.146, 7.238, 13.852
xyY	0.253, 0.256, 7.238
CIE-LCH	32.343, 17.443, 278.778
CIE-LUV	32.343, -6.76, -22.762
Hunter-Lab	26.903, 0.335, -11.694
Binary	01000000, 01001100, 01100111

#404c67
```
#404c67 rgb(64,76,103)
```
#675b40
```
#675b40 rgb(103,91,64)
```

Complementary Color

#406067
```
#406067 rgb(64,96,103)
```
#404c67
```
#404c67 rgb(64,76,103)
```
#484067
```
#484067 rgb(72,64,103)
```

Analogous Color

#606740
```
#606740 rgb(96,103,64)
```
#404c67
```
#404c67 rgb(64,76,103)
```
#674840
```
#674840 rgb(103,72,64)
```

Split Complementary Color

#4c6740
```
#4c6740 rgb(76,103,64)
```
#404c67
```
#404c67 rgb(64,76,103)
```
#67404c
```
#67404c rgb(103,64,76)
```

Triadic Color

#40675b
```
#40675b rgb(64,103,91)
```
#404c67
```
#404c67 rgb(64,76,103)
```
#67404c
```
#67404c rgb(103,64,76)
```
#675b40
```
#675b40 rgb(103,91,64)
```

Tetradic Color

#232938
```
#232938 rgb(35,41,56)
```
#2c3548
```
#2c3548 rgb(44,53,72)
```
#364057
```
#364057 rgb(54,64,87)
```
#404c67
```
#404c67 rgb(64,76,103)
```
#4a5877
```
#4a5877 rgb(74,88,119)
```
#546386
```
#546386 rgb(84,99,134)
```
#5d6f96
```
#5d6f96 rgb(93,111,150)
```

Monochromatic Color

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

#405667
```
#405667 rgb(64,86,103)
```
#405367
```
#405367 rgb(64,83,103)
```
#404f67
```
#404f67 rgb(64,79,103)
```
#404c67
```
#404c67 rgb(64,76,103)
```
#404967
```
#404967 rgb(64,73,103)
```
#404667
```
#404667 rgb(64,70,103)
```
#404267
```
#404267 rgb(64,66,103)
```

Similar Colors

Text with hexadecimal color #404c67

This text has a font color of #404c67.

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

#404c67 background color

This paragraph has a background color of #404c67.

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

#404c67 border color

This element has a border color of #404c67.

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

CSS codes

.text {color:#404c67;}

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

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

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

#040506
```
#040506 rgb(4,5,6)
```
#0b0e12
```
#0b0e12 rgb(11,14,18)
```
#13161e
```
#13161e rgb(19,22,30)
```
#1a1f2b
```
#1a1f2b rgb(26,31,43)
```
#222837
```
#222837 rgb(34,40,55)
```
#293143
```
#293143 rgb(41,49,67)
```
#313a4f
```
#313a4f rgb(49,58,79)
```
#38435b
```
#38435b rgb(56,67,91)
```
#404c67
```
#404c67 rgb(64,76,103)
```
#485573
```
#485573 rgb(72,85,115)
```
#4f5e7f
```
#4f5e7f rgb(79,94,127)
```
#57678b
```
#57678b rgb(87,103,139)
```
#5e7097
```
#5e7097 rgb(94,112,151)
```

Shade Color Variation

#687aa1
```
#687aa1 rgb(104,122,161)
```
#7484a9
```
#7484a9 rgb(116,132,169)
```
#808fb0
```
#808fb0 rgb(128,143,176)
```
#8c9ab8
```
#8c9ab8 rgb(140,154,184)
```
#98a4bf
```
#98a4bf rgb(152,164,191)
```
#a4afc7
```
#a4afc7 rgb(164,175,199)
```
#b1bace
```
#b1bace rgb(177,186,206)
```
#bdc4d6
```
#bdc4d6 rgb(189,196,214)
```
#c9cfdd
```
#c9cfdd rgb(201,207,221)
```
#d5dae5
```
#d5dae5 rgb(213,218,229)
```
#e1e4ec
```
#e1e4ec rgb(225,228,236)
```
#edeff4
```
#edeff4 rgb(237,239,244)
```
#f9fafb
```
#f9fafb rgb(249,250,251)
```

Tint Color Variation

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

#535354
```
#535354 rgb(83,83,84)
```
#4d515a
```
#4d515a rgb(77,81,90)
```
#464e61
```
#464e61 rgb(70,78,97)
```
#404c67
```
#404c67 rgb(64,76,103)
```
#3a4a6d
```
#3a4a6d rgb(58,74,109)
```
#334774
```
#334774 rgb(51,71,116)
```
#2d457a
```
#2d457a rgb(45,69,122)
```
#264281
```
#264281 rgb(38,66,129)
```
#204087
```
#204087 rgb(32,64,135)
```
#193d8e
```
#193d8e rgb(25,61,142)
```
#133b94
```
#133b94 rgb(19,59,148)
```
#0d389a
```
#0d389a rgb(13,56,154)
```
#0636a1
```
#0636a1 rgb(6,54,161)
```

Tone Color Variation

Below, you can see how #404c67 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
#494b51 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4d546e Protanopia 1% of men
#4d546f Deuteranopia 1% of men
#45585e Tritanopia 0.001% of the population

Trichromacy

#48516b Protanomaly 1% of men, 0.01% of women
#48516c Deuteranomaly 6% of men, 0.4% of women
#435361 Tritanomaly 0.01% of the population

#404c67 hex color

#404c67 Color Information

#404c67 Color Conversion

Color Schemes with #404c67

Alternatives to #404c67

#404c67 Preview

Shades and Tints of #404c67

Tones of #404c67

Color Blindness Simulator