#404b97 hex color

In a RGB color space, hex #404b97 is composed of 25.1% red, 29.4% green and 59.2% blue. Whereas in a CMYK color space, it is composed of 57.6% cyan, 50.3% magenta, 0% yellow and 40.8% black. It has a hue angle of 232.4 degrees, a saturation of 40.5% and a lightness of 42.2%. #404b97 color hex could be obtained by blending #8096ff with #00002f. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 25
- G 29
- B 59
RGB color chart
- C 58
- M 50
- Y 0
- K 41
CMYK color chart

● #404b97 color description : Dark moderate blue.

The hexadecimal color #404b97 has RGB values of R:64, G:75, B:151 and CMYK values of C:0.58, M:0.5, Y:0, K:0.41. Its decimal value is 4213655.

Hex triplet	404b97	`#404b97`
RGB Decimal	64, 75, 151	`rgb(64,75,151)`
RGB Percent	25.1, 29.4, 59.2	`rgb(25.1%,29.4%,59.2%)`
CMYK	58, 50, 0, 41
HSL	232.4°, 40.5, 42.2	`hsl(232.4,40.5%,42.2%)`
HSV (or HSB)	232.4°, 57.6, 59.2
Web Safe	333399	`#333399`

CIE-LAB	34.714, 19.131, -43.21
XYZ	10.215, 8.356, 30.351
xyY	0.209, 0.171, 8.356
CIE-LCH	34.714, 47.256, 293.88
CIE-LUV	34.714, -7.909, -61.585
Hunter-Lab	28.907, 12.492, -42.017
Binary	01000000, 01001011, 10010111

#404b97
```
#404b97 rgb(64,75,151)
```
#978c40
```
#978c40 rgb(151,140,64)
```

Complementary Color

#407797
```
#407797 rgb(64,119,151)
```
#404b97
```
#404b97 rgb(64,75,151)
```
#604097
```
#604097 rgb(96,64,151)
```

Analogous Color

#779740
```
#779740 rgb(119,151,64)
```
#404b97
```
#404b97 rgb(64,75,151)
```
#976140
```
#976140 rgb(151,97,64)
```

Split Complementary Color

#4b9740
```
#4b9740 rgb(75,151,64)
```
#404b97
```
#404b97 rgb(64,75,151)
```
#97404b
```
#97404b rgb(151,64,75)
```

Triadic Color

#40978c
```
#40978c rgb(64,151,140)
```
#404b97
```
#404b97 rgb(64,75,151)
```
#97404b
```
#97404b rgb(151,64,75)
```
#978c40
```
#978c40 rgb(151,140,64)
```

Tetradic Color

#293061
```
#293061 rgb(41,48,97)
```
#313973
```
#313973 rgb(49,57,115)
```
#384285
```
#384285 rgb(56,66,133)
```
#404b97
```
#404b97 rgb(64,75,151)
```
#4854a9
```
#4854a9 rgb(72,84,169)
```
#5460b6
```
#5460b6 rgb(84,96,182)
```
#6671be
```
#6671be rgb(102,113,190)
```

Monochromatic Color

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

#406197
```
#406197 rgb(64,97,151)
```
#405a97
```
#405a97 rgb(64,90,151)
```
#405297
```
#405297 rgb(64,82,151)
```
#404b97
```
#404b97 rgb(64,75,151)
```
#404497
```
#404497 rgb(64,68,151)
```
#444097
```
#444097 rgb(68,64,151)
```
#4b4097
```
#4b4097 rgb(75,64,151)
```

Similar Colors

Text with hexadecimal color #404b97

This text has a font color of #404b97.

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

#404b97 background color

This paragraph has a background color of #404b97.

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

#404b97 border color

This element has a border color of #404b97.

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

CSS codes

.text {color:#404b97;}

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

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

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

#06070d
```
#06070d rgb(6,7,13)
```
#0b0d1b
```
#0b0d1b rgb(11,13,27)
```
#111429
```
#111429 rgb(17,20,41)
```
#171b37
```
#171b37 rgb(23,27,55)
```
#1d2244
```
#1d2244 rgb(29,34,68)
```
#232952
```
#232952 rgb(35,41,82)
```
#293060
```
#293060 rgb(41,48,96)
```
#2e366e
```
#2e366e rgb(46,54,110)
```
#343d7b
```
#343d7b rgb(52,61,123)
```
#3a4489
```
#3a4489 rgb(58,68,137)
```
#404b97
```
#404b97 rgb(64,75,151)
```
#4652a5
```
#4652a5 rgb(70,82,165)
```
#4c59b3
```
#4c59b3 rgb(76,89,179)
```

Shade Color Variation

#5965b9
```
#5965b9 rgb(89,101,185)
```
#6772bf
```
#6772bf rgb(103,114,191)
```
#757fc4
```
#757fc4 rgb(117,127,196)
```
#828cca
```
#828cca rgb(130,140,202)
```
#9098d0
```
#9098d0 rgb(144,152,208)
```
#9ea5d6
```
#9ea5d6 rgb(158,165,214)
```
#acb2dc
```
#acb2dc rgb(172,178,220)
```
#babfe2
```
#babfe2 rgb(186,191,226)
```
#c7cbe7
```
#c7cbe7 rgb(199,203,231)
```
#d5d8ed
```
#d5d8ed rgb(213,216,237)
```
#e3e5f3
```
#e3e5f3 rgb(227,229,243)
```
#f1f2f9
```
#f1f2f9 rgb(241,242,249)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #696a6e is the less saturated color, while #0620d1 is the most saturated one.

#696a6e
```
#696a6e rgb(105,106,110)
```
#616476
```
#616476 rgb(97,100,118)
```
#595e7e
```
#595e7e rgb(89,94,126)
```
#515786
```
#515786 rgb(81,87,134)
```
#48518f
```
#48518f rgb(72,81,143)
```
#404b97
```
#404b97 rgb(64,75,151)
```
#38459f
```
#38459f rgb(56,69,159)
```
#2f3fa8
```
#2f3fa8 rgb(47,63,168)
```
#2738b0
```
#2738b0 rgb(39,56,176)
```
#1f32b8
```
#1f32b8 rgb(31,50,184)
```
#172cc0
```
#172cc0 rgb(23,44,192)
```
#0e26c9
```
#0e26c9 rgb(14,38,201)
```
#0620d1
```
#0620d1 rgb(6,32,209)
```

Tone Color Variation

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

#505050 Achromatopsia 0.005% of the population
#4d4f5e Atypical Achromatopsia 0.001% of the population

Dichromacy

#30589f Protanopia 1% of men
#105c99 Deuteranopia 1% of men
#2f6168 Tritanopia 0.001% of the population

Trichromacy

#35539c Protanomaly 1% of men, 0.01% of women
#215598 Deuteranomaly 6% of men, 0.4% of women
#355979 Tritanomaly 0.01% of the population

#404b97 hex color

#404b97 Color Information

#404b97 Color Conversion

Color Schemes with #404b97

Alternatives to #404b97

#404b97 Preview

Shades and Tints of #404b97

Tones of #404b97

Color Blindness Simulator