#404396 hex color

In a RGB color space, hex #404396 is composed of 25.1% red, 26.3% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 57.3% cyan, 55.3% magenta, 0% yellow and 41.2% black. It has a hue angle of 237.9 degrees, a saturation of 40.2% and a lightness of 42%. #404396 color hex could be obtained by blending #8086ff with #00002d. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 25
- G 26
- B 59
RGB color chart
- C 57
- M 55
- Y 0
- K 41
CMYK color chart

● #404396 color description : Dark moderate blue.

The hexadecimal color #404396 has RGB values of R:64, G:67, B:150 and CMYK values of C:0.57, M:0.55, Y:0, K:0.41. Its decimal value is 4211606.

Hex triplet	404396	`#404396`
RGB Decimal	64, 67, 150	`rgb(64,67,150)`
RGB Percent	25.1, 26.3, 58.8	`rgb(25.1%,26.3%,58.8%)`
CMYK	57, 55, 0, 41
HSL	237.9°, 40.2, 42	`hsl(237.9,40.2%,42%)`
HSV (or HSB)	237.9°, 57.3, 58.8
Web Safe	333399	`#333399`

CIE-LAB	32.493, 24.035, -46.178
XYZ	9.625, 7.306, 29.755
xyY	0.206, 0.156, 7.306
CIE-LCH	32.493, 52.058, 297.496
CIE-LUV	32.493, -5.56, -64.606
Hunter-Lab	27.029, 16.264, -46.349
Binary	01000000, 01000011, 10010110

#404396
```
#404396 rgb(64,67,150)
```
#969340
```
#969340 rgb(150,147,64)
```

Complementary Color

#406e96
```
#406e96 rgb(64,110,150)
```
#404396
```
#404396 rgb(64,67,150)
```
#684096
```
#684096 rgb(104,64,150)
```

Analogous Color

#6e9640
```
#6e9640 rgb(110,150,64)
```
#404396
```
#404396 rgb(64,67,150)
```
#966840
```
#966840 rgb(150,104,64)
```

Split Complementary Color

#439640
```
#439640 rgb(67,150,64)
```
#404396
```
#404396 rgb(64,67,150)
```
#964043
```
#964043 rgb(150,64,67)
```

Triadic Color

#409693
```
#409693 rgb(64,150,147)
```
#404396
```
#404396 rgb(64,67,150)
```
#964043
```
#964043 rgb(150,64,67)
```
#969340
```
#969340 rgb(150,147,64)
```

Tetradic Color

#292b60
```
#292b60 rgb(41,43,96)
```
#313372
```
#313372 rgb(49,51,114)
```
#383b84
```
#383b84 rgb(56,59,132)
```
#404396
```
#404396 rgb(64,67,150)
```
#484ba8
```
#484ba8 rgb(72,75,168)
```
#5357b6
```
#5357b6 rgb(83,87,182)
```
#6568bd
```
#6568bd rgb(101,104,189)
```

Monochromatic Color

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

#405996
```
#405996 rgb(64,89,150)
```
#405196
```
#405196 rgb(64,81,150)
```
#404a96
```
#404a96 rgb(64,74,150)
```
#404396
```
#404396 rgb(64,67,150)
```
#444096
```
#444096 rgb(68,64,150)
```
#4b4096
```
#4b4096 rgb(75,64,150)
```
#534096
```
#534096 rgb(83,64,150)
```

Similar Colors

Text with hexadecimal color #404396

This text has a font color of #404396.

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

#404396 background color

This paragraph has a background color of #404396.

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

#404396 border color

This element has a border color of #404396.

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

CSS codes

.text {color:#404396;}

.background {background-color:#404396;}

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

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, #05060d is the darkest color, while #fefefe is the lightest one.

#05060d
```
#05060d rgb(5,6,13)
```
#0b0c1a
```
#0b0c1a rgb(11,12,26)
```
#111228
```
#111228 rgb(17,18,40)
```
#171836
```
#171836 rgb(23,24,54)
```
#1d1e44
```
#1d1e44 rgb(29,30,68)
```
#232451
```
#232451 rgb(35,36,81)
```
#292a5f
```
#292a5f rgb(41,42,95)
```
#2e316d
```
#2e316d rgb(46,49,109)
```
#34377b
```
#34377b rgb(52,55,123)
```
#3a3d88
```
#3a3d88 rgb(58,61,136)
```
#404396
```
#404396 rgb(64,67,150)
```
#4649a4
```
#4649a4 rgb(70,73,164)
```
#4c4fb1
```
#4c4fb1 rgb(76,79,177)
```

Shade Color Variation

#595cb8
```
#595cb8 rgb(89,92,184)
```
#676abe
```
#676abe rgb(103,106,190)
```
#7477c4
```
#7477c4 rgb(116,119,196)
```
#8285ca
```
#8285ca rgb(130,133,202)
```
#9092d0
```
#9092d0 rgb(144,146,208)
```
#9e9fd5
```
#9e9fd5 rgb(158,159,213)
```
#abaddb
```
#abaddb rgb(171,173,219)
```
#b9bae1
```
#b9bae1 rgb(185,186,225)
```
#c7c8e7
```
#c7c8e7 rgb(199,200,231)
```
#d5d5ed
```
#d5d5ed rgb(213,213,237)
```
#e2e3f3
```
#e2e3f3 rgb(226,227,243)
```
#f0f0f9
```
#f0f0f9 rgb(240,240,249)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #69696d is the less saturated color, while #060dd0 is the most saturated one.

#69696d
```
#69696d rgb(105,105,109)
```
#616275
```
#616275 rgb(97,98,117)
```
#595a7d
```
#595a7d rgb(89,90,125)
```
#505286
```
#505286 rgb(80,82,134)
```
#484b8e
```
#484b8e rgb(72,75,142)
```
#404396
```
#404396 rgb(64,67,150)
```
#383b9e
```
#383b9e rgb(56,59,158)
```
#3034a6
```
#3034a6 rgb(48,52,166)
```
#272caf
```
#272caf rgb(39,44,175)
```
#1f24b7
```
#1f24b7 rgb(31,36,183)
```
#171dbf
```
#171dbf rgb(23,29,191)
```
#0f15c7
```
#0f15c7 rgb(15,21,199)
```
#060dd0
```
#060dd0 rgb(6,13,208)
```

Tone Color Variation

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

Dichromacy

#1553a1 Protanopia 1% of men
#005790 Deuteranopia 1% of men
#2d5c62 Tritanopia 0.001% of the population

Trichromacy

#244d9d Protanomaly 1% of men, 0.01% of women
#174f92 Deuteranomaly 6% of men, 0.4% of women
#345375 Tritanomaly 0.01% of the population

#404396 hex color

#404396 Color Information

#404396 Color Conversion

Color Schemes with #404396

Alternatives to #404396

#404396 Preview

Shades and Tints of #404396

Tones of #404396

Color Blindness Simulator