#404689 hex color

In a RGB color space, hex #404689 is composed of 25.1% red, 27.5% green and 53.7% blue. Whereas in a CMYK color space, it is composed of 53.3% cyan, 48.9% magenta, 0% yellow and 46.3% black. It has a hue angle of 235.1 degrees, a saturation of 36.3% and a lightness of 39.4%. #404689 color hex could be obtained by blending #808cff with #000013. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 25
- G 27
- B 54
RGB color chart
- C 53
- M 49
- Y 0
- K 46
CMYK color chart

● #404689 color description : Dark moderate blue.

The hexadecimal color #404689 has RGB values of R:64, G:70, B:137 and CMYK values of C:0.53, M:0.49, Y:0, K:0.46. Its decimal value is 4212361.

Hex triplet	404689	`#404689`
RGB Decimal	64, 70, 137	`rgb(64,70,137)`
RGB Percent	25.1, 27.5, 53.7	`rgb(25.1%,27.5%,53.7%)`
CMYK	53, 49, 0, 46
HSL	235.1°, 36.3, 39.4	`hsl(235.1,36.3%,39.4%)`
HSV (or HSB)	235.1°, 53.3, 53.7
Web Safe	333399	`#333399`

CIE-LAB	32.427, 17.619, -38.325
XYZ	8.819, 7.276, 24.605
xyY	0.217, 0.179, 7.276
CIE-LCH	32.427, 42.181, 294.69
CIE-LUV	32.427, -5.859, -53.483
Hunter-Lab	26.974, 11.154, -35.201
Binary	01000000, 01000110, 10001001

#404689
```
#404689 rgb(64,70,137)
```
#898340
```
#898340 rgb(137,131,64)
```

Complementary Color

#406b89
```
#406b89 rgb(64,107,137)
```
#404689
```
#404689 rgb(64,70,137)
```
#5f4089
```
#5f4089 rgb(95,64,137)
```

Analogous Color

#6b8940
```
#6b8940 rgb(107,137,64)
```
#404689
```
#404689 rgb(64,70,137)
```
#895f40
```
#895f40 rgb(137,95,64)
```

Split Complementary Color

#468940
```
#468940 rgb(70,137,64)
```
#404689
```
#404689 rgb(64,70,137)
```
#894046
```
#894046 rgb(137,64,70)
```

Triadic Color

#408983
```
#408983 rgb(64,137,131)
```
#404689
```
#404689 rgb(64,70,137)
```
#894046
```
#894046 rgb(137,64,70)
```
#898340
```
#898340 rgb(137,131,64)
```

Tetradic Color

#282b55
```
#282b55 rgb(40,43,85)
```
#303466
```
#303466 rgb(48,52,102)
```
#383d78
```
#383d78 rgb(56,61,120)
```
#404689
```
#404689 rgb(64,70,137)
```
#484f9a
```
#484f9a rgb(72,79,154)
```
#5058ac
```
#5058ac rgb(80,88,172)
```
#6167b5
```
#6167b5 rgb(97,103,181)
```

Monochromatic Color

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

#405889
```
#405889 rgb(64,88,137)
```
#405289
```
#405289 rgb(64,82,137)
```
#404c89
```
#404c89 rgb(64,76,137)
```
#404689
```
#404689 rgb(64,70,137)
```
#404089
```
#404089 rgb(64,64,137)
```
#464089
```
#464089 rgb(70,64,137)
```
#4c4089
```
#4c4089 rgb(76,64,137)
```

Similar Colors

Text with hexadecimal color #404689

This text has a font color of #404689.

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

#404689 background color

This paragraph has a background color of #404689.

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

#404689 border color

This element has a border color of #404689.

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

CSS codes

.text {color:#404689;}

.background {background-color:#404689;}

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

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

#020203
```
#020203 rgb(2,2,3)
```
#080911
```
#080911 rgb(8,9,17)
```
#0e0f1e
```
#0e0f1e rgb(14,15,30)
```
#14162b
```
#14162b rgb(20,22,43)
```
#1b1d39
```
#1b1d39 rgb(27,29,57)
```
#212446
```
#212446 rgb(33,36,70)
```
#272b54
```
#272b54 rgb(39,43,84)
```
#2d3261
```
#2d3261 rgb(45,50,97)
```
#34386e
```
#34386e rgb(52,56,110)
```
#3a3f7c
```
#3a3f7c rgb(58,63,124)
```
#404689
```
#404689 rgb(64,70,137)
```
#464d96
```
#464d96 rgb(70,77,150)
```
#4c54a4
```
#4c54a4 rgb(76,84,164)
```

Shade Color Variation

#545caf
```
#545caf rgb(84,92,175)
```
#6269b6
```
#6269b6 rgb(98,105,182)
```
#6f76bc
```
#6f76bc rgb(111,118,188)
```
#7d82c2
```
#7d82c2 rgb(125,130,194)
```
#8a8fc8
```
#8a8fc8 rgb(138,143,200)
```
#979ccf
```
#979ccf rgb(151,156,207)
```
#a5a9d5
```
#a5a9d5 rgb(165,169,213)
```
#b2b5db
```
#b2b5db rgb(178,181,219)
```
#bfc2e1
```
#bfc2e1 rgb(191,194,225)
```
#cdcfe8
```
#cdcfe8 rgb(205,207,232)
```
#dadcee
```
#dadcee rgb(218,220,238)
```
#e8e9f4
```
#e8e9f4 rgb(232,233,244)
```
#f5f5fa
```
#f5f5fa rgb(245,245,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5f606a is the less saturated color, while #0212c7 is the most saturated one.

#5f606a
```
#5f606a rgb(95,96,106)
```
#575972
```
#575972 rgb(87,89,114)
```
#4f537a
```
#4f537a rgb(79,83,122)
```
#484c81
```
#484c81 rgb(72,76,129)
```
#404689
```
#404689 rgb(64,70,137)
```
#384091
```
#384091 rgb(56,64,145)
```
#313998
```
#313998 rgb(49,57,152)
```
#2933a0
```
#2933a0 rgb(41,51,160)
```
#212ca8
```
#212ca8 rgb(33,44,168)
```
#1926b0
```
#1926b0 rgb(25,38,176)
```
#121fb7
```
#121fb7 rgb(18,31,183)
```
#0a19bf
```
#0a19bf rgb(10,25,191)
```
#0212c7
```
#0212c7 rgb(2,18,199)
```

Tone Color Variation

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

Dichromacy

#335392 Protanopia 1% of men
#25568c Deuteranopia 1% of men
#365a61 Tritanopia 0.001% of the population

Trichromacy

#384e8f Protanomaly 1% of men, 0.01% of women
#2e508b Deuteranomaly 6% of men, 0.4% of women
#3a536f Tritanomaly 0.01% of the population

#404689 hex color

#404689 Color Information

#404689 Color Conversion

Color Schemes with #404689

Alternatives to #404689

#404689 Preview

Shades and Tints of #404689

Tones of #404689

Color Blindness Simulator