colorhexa.com

#405680 hex color

In a RGB color space, hex #405680 is composed of 25.1% red, 33.7% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 50% cyan, 32.8% magenta, 0% yellow and 49.8% black. It has a hue angle of 219.4 degrees, a saturation of 33.3% and a lightness of 37.6%. #405680 color hex could be obtained by blending #80acff with #000001. Closest websafe color is: #336699.

- R 25
- G 34
- B 50
RGB color chart
- C 50
- M 33
- Y 0
- K 50
CMYK color chart

● #405680 color description : Dark moderate blue.

The hexadecimal color #405680 has RGB values of R:64, G:86, B:128 and CMYK values of C:0.5, M:0.33, Y:0, K:0.5. Its decimal value is 4216448.

Hex triplet	405680	`#405680`
RGB Decimal	64, 86, 128	`rgb(64,86,128)`
RGB Percent	25.1, 33.7, 50.2	`rgb(25.1%,33.7%,50.2%)`
CMYK	50, 33, 0, 50
HSL	219.4°, 33.3, 37.6	`hsl(219.4,33.3%,37.6%)`
HSV (or HSB)	219.4°, 50, 50.2
Web Safe	336699	`#336699`

CIE-LAB	36.562, 4.149, -26.243
XYZ	9.338, 9.304, 21.725
xyY	0.231, 0.23, 9.304
CIE-LCH	36.562, 26.569, 278.983
CIE-LUV	36.562, -11.103, -36.686
Hunter-Lab	30.502, 1.266, -20.877
Binary	01000000, 01010110, 10000000

#405680
```
#405680 rgb(64,86,128)
```
#806a40
```
#806a40 rgb(128,106,64)
```

Complementary Color

#407680
```
#407680 rgb(64,118,128)
```
#405680
```
#405680 rgb(64,86,128)
```
#4a4080
```
#4a4080 rgb(74,64,128)
```

Analogous Color

#768040
```
#768040 rgb(118,128,64)
```
#405680
```
#405680 rgb(64,86,128)
```
#804a40
```
#804a40 rgb(128,74,64)
```

Split Complementary Color

#568040
```
#568040 rgb(86,128,64)
```
#405680
```
#405680 rgb(64,86,128)
```
#804056
```
#804056 rgb(128,64,86)
```

Triadic Color

#40806a
```
#40806a rgb(64,128,106)
```
#405680
```
#405680 rgb(64,86,128)
```
#804056
```
#804056 rgb(128,64,86)
```
#806a40
```
#806a40 rgb(128,106,64)
```

Tetradic Color

#27344d
```
#27344d rgb(39,52,77)
```
#2f3f5e
```
#2f3f5e rgb(47,63,94)
```
#384b6f
```
#384b6f rgb(56,75,111)
```
#405680
```
#405680 rgb(64,86,128)
```
#496191
```
#496191 rgb(73,97,145)
```
#516da2
```
#516da2 rgb(81,109,162)
```
#5e7aaf
```
#5e7aaf rgb(94,122,175)
```

Monochromatic Color

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

#406680
```
#406680 rgb(64,102,128)
```
#406180
```
#406180 rgb(64,97,128)
```
#405b80
```
#405b80 rgb(64,91,128)
```
#405680
```
#405680 rgb(64,86,128)
```
#405180
```
#405180 rgb(64,81,128)
```
#404b80
```
#404b80 rgb(64,75,128)
```
#404680
```
#404680 rgb(64,70,128)
```

Similar Colors

Text with hexadecimal color #405680

This text has a font color of #405680.

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

#405680 background color

This paragraph has a background color of #405680.

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

#405680 border color

This element has a border color of #405680.

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

CSS codes

.text {color:#405680;}

.background {background-color:#405680;}

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

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

#05070a
```
#05070a rgb(5,7,10)
```
#0c1017
```
#0c1017 rgb(12,16,23)
```
#121824
```
#121824 rgb(18,24,36)
```
#192132
```
#192132 rgb(25,33,50)
```
#1f2a3f
```
#1f2a3f rgb(31,42,63)
```
#26334c
```
#26334c rgb(38,51,76)
```
#2c3c59
```
#2c3c59 rgb(44,60,89)
```
#334466
```
#334466 rgb(51,68,102)
```
#394d73
```
#394d73 rgb(57,77,115)
```
#405680
```
#405680 rgb(64,86,128)
```
#475f8d
```
#475f8d rgb(71,95,141)
```
#4d689a
```
#4d689a rgb(77,104,154)
```
#5470a7
```
#5470a7 rgb(84,112,167)
```

Shade Color Variation

#5f7baf
```
#5f7baf rgb(95,123,175)
```
#6c86b6
```
#6c86b6 rgb(108,134,182)
```
#7990bc
```
#7990bc rgb(121,144,188)
```
#879bc3
```
#879bc3 rgb(135,155,195)
```
#94a6c9
```
#94a6c9 rgb(148,166,201)
```
#a1b1d0
```
#a1b1d0 rgb(161,177,208)
```
#aebcd6
```
#aebcd6 rgb(174,188,214)
```
#bbc7dd
```
#bbc7dd rgb(187,199,221)
```
#c8d1e3
```
#c8d1e3 rgb(200,209,227)
```
#d5dcea
```
#d5dcea rgb(213,220,234)
```
#e2e7f1
```
#e2e7f1 rgb(226,231,241)
```
#eff2f7
```
#eff2f7 rgb(239,242,247)
```
#fcfdfe
```
#fcfdfe rgb(252,253,254)
```

Tint Color Variation

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

#5e5f62
```
#5e5f62 rgb(94,95,98)
```
#565d6a
```
#565d6a rgb(86,93,106)
```
#4f5b71
```
#4f5b71 rgb(79,91,113)
```
#475879
```
#475879 rgb(71,88,121)
```
#405680
```
#405680 rgb(64,86,128)
```
#395487
```
#395487 rgb(57,84,135)
```
#31518f
```
#31518f rgb(49,81,143)
```
#2a4f96
```
#2a4f96 rgb(42,79,150)
```
#224d9e
```
#224d9e rgb(34,77,158)
```
#1b4aa5
```
#1b4aa5 rgb(27,74,165)
```
#1448ac
```
#1448ac rgb(20,72,172)
```
#0c46b4
```
#0c46b4 rgb(12,70,180)
```
#0544bb
```
#0544bb rgb(5,68,187)
```

Tone Color Variation

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

#545454 Achromatopsia 0.005% of the population
#50545d Atypical Achromatopsia 0.001% of the population

Dichromacy

#505d85 Protanopia 1% of men
#4c5e86 Deuteranopia 1% of men
#3f646b Tritanopia 0.001% of the population

Trichromacy

#4a5a83 Protanomaly 1% of men, 0.01% of women
#475b84 Deuteranomaly 6% of men, 0.4% of women
#3f5f73 Tritanomaly 0.01% of the population