#404680 hex color

In a RGB color space, hex #404680 is composed of 25.1% red, 27.5% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 50% cyan, 45.3% magenta, 0% yellow and 49.8% black. It has a hue angle of 234.4 degrees, a saturation of 33.3% and a lightness of 37.6%. #404680 color hex could be obtained by blending #808cff with #000001. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 25
- G 27
- B 50
RGB color chart
- C 50
- M 45
- Y 0
- K 50
CMYK color chart

● #404680 color description : Dark moderate blue.

The hexadecimal color #404680 has RGB values of R:64, G:70, B:128 and CMYK values of C:0.5, M:0.45, Y:0, K:0.5. Its decimal value is 4212352.

Hex triplet	404680	`#404680`
RGB Decimal	64, 70, 128	`rgb(64,70,128)`
RGB Percent	25.1, 27.5, 50.2	`rgb(25.1%,27.5%,50.2%)`
CMYK	50, 45, 0, 50
HSL	234.4°, 33.3, 37.6	`hsl(234.4,33.3%,37.6%)`
HSV (or HSB)	234.4°, 50, 50.2
Web Safe	333399	`#333399`

CIE-LAB	31.872, 14.59, -33.646
XYZ	8.2, 7.029, 21.345
xyY	0.224, 0.192, 7.029
CIE-LCH	31.872, 36.673, 293.443
CIE-LUV	31.872, -5.478, -46.525
Hunter-Lab	26.511, 8.815, -29.179
Binary	01000000, 01000110, 10000000

#404680
```
#404680 rgb(64,70,128)
```
#807a40
```
#807a40 rgb(128,122,64)
```

Complementary Color

#406680
```
#406680 rgb(64,102,128)
```
#404680
```
#404680 rgb(64,70,128)
```
#5a4080
```
#5a4080 rgb(90,64,128)
```

Analogous Color

#668040
```
#668040 rgb(102,128,64)
```
#404680
```
#404680 rgb(64,70,128)
```
#805a40
```
#805a40 rgb(128,90,64)
```

Split Complementary Color

#468040
```
#468040 rgb(70,128,64)
```
#404680
```
#404680 rgb(64,70,128)
```
#804046
```
#804046 rgb(128,64,70)
```

Triadic Color

#40807a
```
#40807a rgb(64,128,122)
```
#404680
```
#404680 rgb(64,70,128)
```
#804046
```
#804046 rgb(128,64,70)
```
#807a40
```
#807a40 rgb(128,122,64)
```

Tetradic Color

#272a4d
```
#272a4d rgb(39,42,77)
```
#2f335e
```
#2f335e rgb(47,51,94)
```
#383d6f
```
#383d6f rgb(56,61,111)
```
#404680
```
#404680 rgb(64,70,128)
```
#494f91
```
#494f91 rgb(73,79,145)
```
#5159a2
```
#5159a2 rgb(81,89,162)
```
#5e66af
```
#5e66af rgb(94,102,175)
```

Monochromatic Color

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

#405680
```
#405680 rgb(64,86,128)
```
#405180
```
#405180 rgb(64,81,128)
```
#404b80
```
#404b80 rgb(64,75,128)
```
#404680
```
#404680 rgb(64,70,128)
```
#404180
```
#404180 rgb(64,65,128)
```
#454080
```
#454080 rgb(69,64,128)
```
#4a4080
```
#4a4080 rgb(74,64,128)
```

Similar Colors

Text with hexadecimal color #404680

This text has a font color of #404680.

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

#404680 background color

This paragraph has a background color of #404680.

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

#404680 border color

This element has a border color of #404680.

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

CSS codes

.text {color:#404680;}

.background {background-color:#404680;}

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

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

#05060a
```
#05060a rgb(5,6,10)
```
#0c0d17
```
#0c0d17 rgb(12,13,23)
```
#121424
```
#121424 rgb(18,20,36)
```
#191b32
```
#191b32 rgb(25,27,50)
```
#1f223f
```
#1f223f rgb(31,34,63)
```
#26294c
```
#26294c rgb(38,41,76)
```
#2c3159
```
#2c3159 rgb(44,49,89)
```
#333866
```
#333866 rgb(51,56,102)
```
#393f73
```
#393f73 rgb(57,63,115)
```
#404680
```
#404680 rgb(64,70,128)
```
#474d8d
```
#474d8d rgb(71,77,141)
```
#4d549a
```
#4d549a rgb(77,84,154)
```
#545ba7
```
#545ba7 rgb(84,91,167)
```

Shade Color Variation

#5f67af
```
#5f67af rgb(95,103,175)
```
#6c73b6
```
#6c73b6 rgb(108,115,182)
```
#7980bc
```
#7980bc rgb(121,128,188)
```
#878cc3
```
#878cc3 rgb(135,140,195)
```
#9499c9
```
#9499c9 rgb(148,153,201)
```
#a1a5d0
```
#a1a5d0 rgb(161,165,208)
```
#aeb2d6
```
#aeb2d6 rgb(174,178,214)
```
#bbbedd
```
#bbbedd rgb(187,190,221)
```
#c8cbe3
```
#c8cbe3 rgb(200,203,227)
```
#d5d7ea
```
#d5d7ea rgb(213,215,234)
```
#e2e3f1
```
#e2e3f1 rgb(226,227,241)
```
#eff0f7
```
#eff0f7 rgb(239,240,247)
```
#fcfcfe
```
#fcfcfe rgb(252,252,254)
```

Tint Color Variation

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

#5e5e62
```
#5e5e62 rgb(94,94,98)
```
#56586a
```
#56586a rgb(86,88,106)
```
#4f5271
```
#4f5271 rgb(79,82,113)
```
#474c79
```
#474c79 rgb(71,76,121)
```
#404680
```
#404680 rgb(64,70,128)
```
#394087
```
#394087 rgb(57,64,135)
```
#313a8f
```
#313a8f rgb(49,58,143)
```
#2a3496
```
#2a3496 rgb(42,52,150)
```
#222e9e
```
#222e9e rgb(34,46,158)
```
#1b28a5
```
#1b28a5 rgb(27,40,165)
```
#1422ac
```
#1422ac rgb(20,34,172)
```
#0c1cb4
```
#0c1cb4 rgb(12,28,180)
```
#0516bb
```
#0516bb rgb(5,22,187)
```

Tone Color Variation

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

#4b4b4b Achromatopsia 0.005% of the population
#494a56 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3a5289 Protanopia 1% of men
#325484 Deuteranopia 1% of men
#3b585f Tritanopia 0.001% of the population

Trichromacy

#3c4e85 Protanomaly 1% of men, 0.01% of women
#374f82 Deuteranomaly 6% of men, 0.4% of women
#3c526b Tritanomaly 0.01% of the population

#404680 hex color

#404680 Color Information

#404680 Color Conversion

Color Schemes with #404680

Alternatives to #404680

#404680 Preview

Shades and Tints of #404680

Tones of #404680

Color Blindness Simulator