#405180 hex color

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

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

● #405180 color description : Dark moderate blue.

The hexadecimal color #405180 has RGB values of R:64, G:81, B:128 and CMYK values of C:0.5, M:0.37, Y:0, K:0.5. Its decimal value is 4215168.

Hex triplet	405180	`#405180`
RGB Decimal	64, 81, 128	`rgb(64,81,128)`
RGB Percent	25.1, 31.8, 50.2	`rgb(25.1%,31.8%,50.2%)`
CMYK	50, 37, 0, 50
HSL	224.1°, 33.3, 37.6	`hsl(224.1,33.3%,37.6%)`
HSV (or HSB)	224.1°, 50, 50.2
Web Safe	336699	`#336699`

CIE-LAB	35.069, 7.367, -28.587
XYZ	8.952, 8.533, 21.596
xyY	0.229, 0.218, 8.533
CIE-LCH	35.069, 29.521, 284.452
CIE-LUV	35.069, -9.271, -39.962
Hunter-Lab	29.211, 3.584, -23.386
Binary	01000000, 01010001, 10000000

#405180
```
#405180 rgb(64,81,128)
```
#806f40
```
#806f40 rgb(128,111,64)
```

Complementary Color

#407180
```
#407180 rgb(64,113,128)
```
#405180
```
#405180 rgb(64,81,128)
```
#4f4080
```
#4f4080 rgb(79,64,128)
```

Analogous Color

#718040
```
#718040 rgb(113,128,64)
```
#405180
```
#405180 rgb(64,81,128)
```
#804f40
```
#804f40 rgb(128,79,64)
```

Split Complementary Color

#518040
```
#518040 rgb(81,128,64)
```
#405180
```
#405180 rgb(64,81,128)
```
#804051
```
#804051 rgb(128,64,81)
```

Triadic Color

#40806f
```
#40806f rgb(64,128,111)
```
#405180
```
#405180 rgb(64,81,128)
```
#804051
```
#804051 rgb(128,64,81)
```
#806f40
```
#806f40 rgb(128,111,64)
```

Tetradic Color

#27314d
```
#27314d rgb(39,49,77)
```
#2f3b5e
```
#2f3b5e rgb(47,59,94)
```
#38466f
```
#38466f rgb(56,70,111)
```
#405180
```
#405180 rgb(64,81,128)
```
#495c91
```
#495c91 rgb(73,92,145)
```
#5167a2
```
#5167a2 rgb(81,103,162)
```
#5e73af
```
#5e73af rgb(94,115,175)
```

Monochromatic Color

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

#406180
```
#406180 rgb(64,97,128)
```
#405c80
```
#405c80 rgb(64,92,128)
```
#405680
```
#405680 rgb(64,86,128)
```
#405180
```
#405180 rgb(64,81,128)
```
#404c80
```
#404c80 rgb(64,76,128)
```
#404680
```
#404680 rgb(64,70,128)
```
#404180
```
#404180 rgb(64,65,128)
```

Similar Colors

Text with hexadecimal color #405180

This text has a font color of #405180.

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

#405180 background color

This paragraph has a background color of #405180.

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

#405180 border color

This element has a border color of #405180.

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

CSS codes

.text {color:#405180;}

.background {background-color:#405180;}

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

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)
```
#0c0f17
```
#0c0f17 rgb(12,15,23)
```
#121724
```
#121724 rgb(18,23,36)
```
#191f32
```
#191f32 rgb(25,31,50)
```
#1f283f
```
#1f283f rgb(31,40,63)
```
#26304c
```
#26304c rgb(38,48,76)
```
#2c3859
```
#2c3859 rgb(44,56,89)
```
#334066
```
#334066 rgb(51,64,102)
```
#394973
```
#394973 rgb(57,73,115)
```
#405180
```
#405180 rgb(64,81,128)
```
#47598d
```
#47598d rgb(71,89,141)
```
#4d629a
```
#4d629a rgb(77,98,154)
```
#546aa7
```
#546aa7 rgb(84,106,167)
```

Shade Color Variation

#5f75af
```
#5f75af rgb(95,117,175)
```
#6c80b6
```
#6c80b6 rgb(108,128,182)
```
#798bbc
```
#798bbc rgb(121,139,188)
```
#8797c3
```
#8797c3 rgb(135,151,195)
```
#94a2c9
```
#94a2c9 rgb(148,162,201)
```
#a1add0
```
#a1add0 rgb(161,173,208)
```
#aeb9d6
```
#aeb9d6 rgb(174,185,214)
```
#bbc4dd
```
#bbc4dd rgb(187,196,221)
```
#c8cfe3
```
#c8cfe3 rgb(200,207,227)
```
#d5dbea
```
#d5dbea rgb(213,219,234)
```
#e2e6f1
```
#e2e6f1 rgb(226,230,241)
```
#eff1f7
```
#eff1f7 rgb(239,241,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 #0535bb is the most saturated one.

#5e5f62
```
#5e5f62 rgb(94,95,98)
```
#565b6a
```
#565b6a rgb(86,91,106)
```
#4f5871
```
#4f5871 rgb(79,88,113)
```
#475479
```
#475479 rgb(71,84,121)
```
#405180
```
#405180 rgb(64,81,128)
```
#394e87
```
#394e87 rgb(57,78,135)
```
#314a8f
```
#314a8f rgb(49,74,143)
```
#2a4796
```
#2a4796 rgb(42,71,150)
```
#22439e
```
#22439e rgb(34,67,158)
```
#1b40a5
```
#1b40a5 rgb(27,64,165)
```
#143cac
```
#143cac rgb(20,60,172)
```
#0c39b4
```
#0c39b4 rgb(12,57,180)
```
#0535bb
```
#0535bb rgb(5,53,187)
```

Tone Color Variation

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

#515151 Achromatopsia 0.005% of the population
#4e515a Atypical Achromatopsia 0.001% of the population

Dichromacy

#4a5986 Protanopia 1% of men
#445b86 Deuteranopia 1% of men
#3e6067 Tritanopia 0.001% of the population

Trichromacy

#465684 Protanomaly 1% of men, 0.01% of women
#435783 Deuteranomaly 6% of men, 0.4% of women
#3e5b70 Tritanomaly 0.01% of the population

#405180 hex color

#405180 Color Information

#405180 Color Conversion

Color Schemes with #405180

Alternatives to #405180

#405180 Preview

Shades and Tints of #405180

Tones of #405180

Color Blindness Simulator