#404367 hex color

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

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

● #404367 color description : Very dark desaturated blue.

The hexadecimal color #404367 has RGB values of R:64, G:67, B:103 and CMYK values of C:0.38, M:0.35, Y:0, K:0.6. Its decimal value is 4211559.

Hex triplet	404367	`#404367`
RGB Decimal	64, 67, 103	`rgb(64,67,103)`
RGB Percent	25.1, 26.3, 40.4	`rgb(25.1%,26.3%,40.4%)`
CMYK	38, 35, 0, 60
HSL	235.4°, 23.4, 32.7	`hsl(235.4,23.4%,32.7%)`
HSV (or HSB)	235.4°, 37.9, 40.4
Web Safe	333366	`#333366`

CIE-LAB	29.622, 8.546, -21.461
XYZ	6.569, 6.083, 13.659
xyY	0.25, 0.231, 6.083
CIE-LCH	29.622, 23.1, 291.713
CIE-LUV	29.622, -3.282, -28.448
Hunter-Lab	24.665, 4.379, -15.57
Binary	01000000, 01000011, 01100111

#404367
```
#404367 rgb(64,67,103)
```
#676440
```
#676440 rgb(103,100,64)
```

Complementary Color

#405767
```
#405767 rgb(64,87,103)
```
#404367
```
#404367 rgb(64,67,103)
```
#514067
```
#514067 rgb(81,64,103)
```

Analogous Color

#576740
```
#576740 rgb(87,103,64)
```
#404367
```
#404367 rgb(64,67,103)
```
#675140
```
#675140 rgb(103,81,64)
```

Split Complementary Color

#436740
```
#436740 rgb(67,103,64)
```
#404367
```
#404367 rgb(64,67,103)
```
#674043
```
#674043 rgb(103,64,67)
```

Triadic Color

#406764
```
#406764 rgb(64,103,100)
```
#404367
```
#404367 rgb(64,67,103)
```
#674043
```
#674043 rgb(103,64,67)
```
#676440
```
#676440 rgb(103,100,64)
```

Tetradic Color

#232438
```
#232438 rgb(35,36,56)
```
#2c2f48
```
#2c2f48 rgb(44,47,72)
```
#363957
```
#363957 rgb(54,57,87)
```
#404367
```
#404367 rgb(64,67,103)
```
#4a4d77
```
#4a4d77 rgb(74,77,119)
```
#545786
```
#545786 rgb(84,87,134)
```
#5d6296
```
#5d6296 rgb(93,98,150)
```

Monochromatic Color

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

#404d67
```
#404d67 rgb(64,77,103)
```
#404a67
```
#404a67 rgb(64,74,103)
```
#404667
```
#404667 rgb(64,70,103)
```
#404367
```
#404367 rgb(64,67,103)
```
#404067
```
#404067 rgb(64,64,103)
```
#444067
```
#444067 rgb(68,64,103)
```
#474067
```
#474067 rgb(71,64,103)
```

Similar Colors

Text with hexadecimal color #404367

This text has a font color of #404367.

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

#404367 background color

This paragraph has a background color of #404367.

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

#404367 border color

This element has a border color of #404367.

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

CSS codes

.text {color:#404367;}

.background {background-color:#404367;}

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

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

#040406
```
#040406 rgb(4,4,6)
```
#0b0c12
```
#0b0c12 rgb(11,12,18)
```
#13141e
```
#13141e rgb(19,20,30)
```
#1a1c2b
```
#1a1c2b rgb(26,28,43)
```
#222437
```
#222437 rgb(34,36,55)
```
#292b43
```
#292b43 rgb(41,43,67)
```
#31334f
```
#31334f rgb(49,51,79)
```
#383b5b
```
#383b5b rgb(56,59,91)
```
#404367
```
#404367 rgb(64,67,103)
```
#484b73
```
#484b73 rgb(72,75,115)
```
#4f537f
```
#4f537f rgb(79,83,127)
```
#575b8b
```
#575b8b rgb(87,91,139)
```
#5e6297
```
#5e6297 rgb(94,98,151)
```

Shade Color Variation

#686ca1
```
#686ca1 rgb(104,108,161)
```
#7478a9
```
#7478a9 rgb(116,120,169)
```
#8084b0
```
#8084b0 rgb(128,132,176)
```
#8c90b8
```
#8c90b8 rgb(140,144,184)
```
#989bbf
```
#989bbf rgb(152,155,191)
```
#a4a7c7
```
#a4a7c7 rgb(164,167,199)
```
#b1b3ce
```
#b1b3ce rgb(177,179,206)
```
#bdbfd6
```
#bdbfd6 rgb(189,191,214)
```
#c9cadd
```
#c9cadd rgb(201,202,221)
```
#d5d6e5
```
#d5d6e5 rgb(213,214,229)
```
#e1e2ec
```
#e1e2ec rgb(225,226,236)
```
#edeef4
```
#edeef4 rgb(237,238,244)
```
#f9f9fb
```
#f9f9fb rgb(249,249,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 #0612a1 is the most saturated one.

#535354
```
#535354 rgb(83,83,84)
```
#4d4e5a
```
#4d4e5a rgb(77,78,90)
```
#464861
```
#464861 rgb(70,72,97)
```
#404367
```
#404367 rgb(64,67,103)
```
#3a3e6d
```
#3a3e6d rgb(58,62,109)
```
#333874
```
#333874 rgb(51,56,116)
```
#2d337a
```
#2d337a rgb(45,51,122)
```
#262d81
```
#262d81 rgb(38,45,129)
```
#202887
```
#202887 rgb(32,40,135)
```
#19228e
```
#19228e rgb(25,34,142)
```
#131d94
```
#131d94 rgb(19,29,148)
```
#0d189a
```
#0d189a rgb(13,24,154)
```
#0612a1
```
#0612a1 rgb(6,18,161)
```

Tone Color Variation

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

Dichromacy

#434e70 Protanopia 1% of men
#424e6e Deuteranopia 1% of men
#435157 Tritanopia 0.001% of the population

Trichromacy

#424a6c Protanomaly 1% of men, 0.01% of women
#414a6b Deuteranomaly 6% of men, 0.4% of women
#424c5d Tritanomaly 0.01% of the population

#404367 hex color

#404367 Color Information

#404367 Color Conversion

Color Schemes with #404367

Alternatives to #404367

#404367 Preview

Shades and Tints of #404367

Tones of #404367

Color Blindness Simulator