#404c84 hex color

In a RGB color space, hex #404c84 is composed of 25.1% red, 29.8% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 51.5% cyan, 42.4% magenta, 0% yellow and 48.2% black. It has a hue angle of 229.4 degrees, a saturation of 34.7% and a lightness of 38.4%. #404c84 color hex could be obtained by blending #8098ff with #000009. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 25
- G 30
- B 52
RGB color chart
- C 52
- M 42
- Y 0
- K 48
CMYK color chart

● #404c84 color description : Dark moderate blue.

The hexadecimal color #404c84 has RGB values of R:64, G:76, B:132 and CMYK values of C:0.52, M:0.42, Y:0, K:0.48. Its decimal value is 4213892.

Hex triplet	404c84	`#404c84`
RGB Decimal	64, 76, 132	`rgb(64,76,132)`
RGB Percent	25.1, 29.8, 51.8	`rgb(25.1%,29.8%,51.8%)`
CMYK	52, 42, 0, 48
HSL	229.4°, 34.7, 38.4	`hsl(229.4,34.7%,38.4%)`
HSV (or HSB)	229.4°, 51.5, 51.8
Web Safe	333399	`#333399`

CIE-LAB	33.825, 11.969, -33.018
XYZ	8.863, 7.924, 22.891
xyY	0.223, 0.2, 7.924
CIE-LCH	33.825, 35.12, 289.926
CIE-LUV	33.825, -7.624, -46.261
Hunter-Lab	28.15, 6.935, -28.508
Binary	01000000, 01001100, 10000100

#404c84
```
#404c84 rgb(64,76,132)
```
#847840
```
#847840 rgb(132,120,64)
```

Complementary Color

#406e84
```
#406e84 rgb(64,110,132)
```
#404c84
```
#404c84 rgb(64,76,132)
```
#564084
```
#564084 rgb(86,64,132)
```

Analogous Color

#6e8440
```
#6e8440 rgb(110,132,64)
```
#404c84
```
#404c84 rgb(64,76,132)
```
#845640
```
#845640 rgb(132,86,64)
```

Split Complementary Color

#4c8440
```
#4c8440 rgb(76,132,64)
```
#404c84
```
#404c84 rgb(64,76,132)
```
#84404c
```
#84404c rgb(132,64,76)
```

Triadic Color

#408478
```
#408478 rgb(64,132,120)
```
#404c84
```
#404c84 rgb(64,76,132)
```
#84404c
```
#84404c rgb(132,64,76)
```
#847840
```
#847840 rgb(132,120,64)
```

Tetradic Color

#272e50
```
#272e50 rgb(39,46,80)
```
#2f3862
```
#2f3862 rgb(47,56,98)
```
#384273
```
#384273 rgb(56,66,115)
```
#404c84
```
#404c84 rgb(64,76,132)
```
#485695
```
#485695 rgb(72,86,149)
```
#5160a6
```
#5160a6 rgb(81,96,166)
```
#5f6eb1
```
#5f6eb1 rgb(95,110,177)
```

Monochromatic Color

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

#405d84
```
#405d84 rgb(64,93,132)
```
#405784
```
#405784 rgb(64,87,132)
```
#405284
```
#405284 rgb(64,82,132)
```
#404c84
```
#404c84 rgb(64,76,132)
```
#404684
```
#404684 rgb(64,70,132)
```
#404184
```
#404184 rgb(64,65,132)
```
#454084
```
#454084 rgb(69,64,132)
```

Similar Colors

Text with hexadecimal color #404c84

This text has a font color of #404c84.

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

#404c84 background color

This paragraph has a background color of #404c84.

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

#404c84 border color

This element has a border color of #404c84.

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

CSS codes

.text {color:#404c84;}

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

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

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

#06080d
```
#06080d rgb(6,8,13)
```
#0d0f1a
```
#0d0f1a rgb(13,15,26)
```
#131728
```
#131728 rgb(19,23,40)
```
#1a1e35
```
#1a1e35 rgb(26,30,53)
```
#202642
```
#202642 rgb(32,38,66)
```
#262e4f
```
#262e4f rgb(38,46,79)
```
#2d355c
```
#2d355c rgb(45,53,92)
```
#333d6a
```
#333d6a rgb(51,61,106)
```
#3a4477
```
#3a4477 rgb(58,68,119)
```
#404c84
```
#404c84 rgb(64,76,132)
```
#465491
```
#465491 rgb(70,84,145)
```
#4d5b9e
```
#4d5b9e rgb(77,91,158)
```
#5363ac
```
#5363ac rgb(83,99,172)
```

Shade Color Variation

#606fb2
```
#606fb2 rgb(96,111,178)
```
#6e7bb8
```
#6e7bb8 rgb(110,123,184)
```
#7b87bf
```
#7b87bf rgb(123,135,191)
```
#8893c5
```
#8893c5 rgb(136,147,197)
```
#959fcc
```
#959fcc rgb(149,159,204)
```
#a2abd2
```
#a2abd2 rgb(162,171,210)
```
#b0b7d9
```
#b0b7d9 rgb(176,183,217)
```
#bdc3df
```
#bdc3df rgb(189,195,223)
```
#cacfe5
```
#cacfe5 rgb(202,207,229)
```
#d7dbec
```
#d7dbec rgb(215,219,236)
```
#e4e7f2
```
#e4e7f2 rgb(228,231,242)
```
#f2f3f9
```
#f2f3f9 rgb(242,243,249)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#5e6066
```
#5e6066 rgb(94,96,102)
```
#575b6d
```
#575b6d rgb(87,91,109)
```
#4f5675
```
#4f5675 rgb(79,86,117)
```
#48517c
```
#48517c rgb(72,81,124)
```
#404c84
```
#404c84 rgb(64,76,132)
```
#38478c
```
#38478c rgb(56,71,140)
```
#314293
```
#314293 rgb(49,66,147)
```
#293d9b
```
#293d9b rgb(41,61,155)
```
#2238a2
```
#2238a2 rgb(34,56,162)
```
#1a34aa
```
#1a34aa rgb(26,52,170)
```
#132fb1
```
#132fb1 rgb(19,47,177)
```
#0b2ab9
```
#0b2ab9 rgb(11,42,185)
```
#0425c0
```
#0425c0 rgb(4,37,192)
```

Tone Color Variation

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

#4f4f4f Achromatopsia 0.005% of the population
#4c4e5a Atypical Achromatopsia 0.001% of the population

Dichromacy

#41568b Protanopia 1% of men
#395888 Deuteranopia 1% of men
#3a5d64 Tritanopia 0.001% of the population

Trichromacy

#405288 Protanomaly 1% of men, 0.01% of women
#3b5487 Deuteranomaly 6% of men, 0.4% of women
#3c5770 Tritanomaly 0.01% of the population

#404c84 hex color

#404c84 Color Information

#404c84 Color Conversion

Color Schemes with #404c84

Alternatives to #404c84

#404c84 Preview

Shades and Tints of #404c84

Tones of #404c84

Color Blindness Simulator