#405ea1 hex color

In a RGB color space, hex #405ea1 is composed of 25.1% red, 36.9% green and 63.1% blue. Whereas in a CMYK color space, it is composed of 60.2% cyan, 41.6% magenta, 0% yellow and 36.9% black. It has a hue angle of 221.4 degrees, a saturation of 43.1% and a lightness of 44.1%. #405ea1 color hex could be obtained by blending #80bcff with #000043. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 25
- G 37
- B 63
RGB color chart
- C 60
- M 42
- Y 0
- K 37
CMYK color chart

● #405ea1 color description : Dark moderate blue.

The hexadecimal color #405ea1 has RGB values of R:64, G:94, B:161 and CMYK values of C:0.6, M:0.42, Y:0, K:0.37. Its decimal value is 4218529.

Hex triplet	405ea1	`#405ea1`
RGB Decimal	64, 94, 161	`rgb(64,94,161)`
RGB Percent	25.1, 36.9, 63.1	`rgb(25.1%,36.9%,63.1%)`
CMYK	60, 42, 0, 37
HSL	221.4°, 43.1, 44.1	`hsl(221.4,43.1%,44.1%)`
HSV (or HSB)	221.4°, 60.2, 63.1
Web Safe	336699	`#336699`

CIE-LAB	40.683, 10.274, -39.673
XYZ	12.549, 11.668, 35.307
xyY	0.211, 0.196, 11.668
CIE-LCH	40.683, 40.982, 284.519
CIE-LUV	40.683, -14.18, -58.459
Hunter-Lab	34.158, 5.798, -37.373
Binary	01000000, 01011110, 10100001

#405ea1
```
#405ea1 rgb(64,94,161)
```
#a18340
```
#a18340 rgb(161,131,64)
```

Complementary Color

#408fa1
```
#408fa1 rgb(64,143,161)
```
#405ea1
```
#405ea1 rgb(64,94,161)
```
#5240a1
```
#5240a1 rgb(82,64,161)
```

Analogous Color

#8fa140
```
#8fa140 rgb(143,161,64)
```
#405ea1
```
#405ea1 rgb(64,94,161)
```
#a15340
```
#a15340 rgb(161,83,64)
```

Split Complementary Color

#5ea140
```
#5ea140 rgb(94,161,64)
```
#405ea1
```
#405ea1 rgb(64,94,161)
```
#a1405e
```
#a1405e rgb(161,64,94)
```

Triadic Color

#40a183
```
#40a183 rgb(64,161,131)
```
#405ea1
```
#405ea1 rgb(64,94,161)
```
#a1405e
```
#a1405e rgb(161,64,94)
```
#a18340
```
#a18340 rgb(161,131,64)
```

Tetradic Color

#2a3e6a
```
#2a3e6a rgb(42,62,106)
```
#31497d
```
#31497d rgb(49,73,125)
```
#39538f
```
#39538f rgb(57,83,143)
```
#405ea1
```
#405ea1 rgb(64,94,161)
```
#4769b3
```
#4769b3 rgb(71,105,179)
```
#5877bc
```
#5877bc rgb(88,119,188)
```
#6a86c4
```
#6a86c4 rgb(106,134,196)
```

Monochromatic Color

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

#4076a1
```
#4076a1 rgb(64,118,161)
```
#406ea1
```
#406ea1 rgb(64,110,161)
```
#4066a1
```
#4066a1 rgb(64,102,161)
```
#405ea1
```
#405ea1 rgb(64,94,161)
```
#4056a1
```
#4056a1 rgb(64,86,161)
```
#404ea1
```
#404ea1 rgb(64,78,161)
```
#4046a1
```
#4046a1 rgb(64,70,161)
```

Similar Colors

Text with hexadecimal color #405ea1

This text has a font color of #405ea1.

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

#405ea1 background color

This paragraph has a background color of #405ea1.

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

#405ea1 border color

This element has a border color of #405ea1.

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

CSS codes

.text {color:#405ea1;}

.background {background-color:#405ea1;}

.border {border:1px solid #405ea1;}

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, #030407 is the darkest color, while #f8f9fc is the lightest one.

#030407
```
#030407 rgb(3,4,7)
```
#080c15
```
#080c15 rgb(8,12,21)
```
#0e1423
```
#0e1423 rgb(14,20,35)
```
#131c31
```
#131c31 rgb(19,28,49)
```
#19253f
```
#19253f rgb(25,37,63)
```
#1f2d4d
```
#1f2d4d rgb(31,45,77)
```
#24355b
```
#24355b rgb(36,53,91)
```
#2a3d69
```
#2a3d69 rgb(42,61,105)
```
#2f4577
```
#2f4577 rgb(47,69,119)
```
#354e85
```
#354e85 rgb(53,78,133)
```
#3a5693
```
#3a5693 rgb(58,86,147)
```
#405ea1
```
#405ea1 rgb(64,94,161)
```
#4666af
```
#4666af rgb(70,102,175)
```

Shade Color Variation

#4f70b9
```
#4f70b9 rgb(79,112,185)
```
#5d7bbf
```
#5d7bbf rgb(93,123,191)
```
#6b87c4
```
#6b87c4 rgb(107,135,196)
```
#7992ca
```
#7992ca rgb(121,146,202)
```
#879ecf
```
#879ecf rgb(135,158,207)
```
#95a9d5
```
#95a9d5 rgb(149,169,213)
```
#a3b4db
```
#a3b4db rgb(163,180,219)
```
#b1c0e0
```
#b1c0e0 rgb(177,192,224)
```
#bfcbe6
```
#bfcbe6 rgb(191,203,230)
```
#cdd7eb
```
#cdd7eb rgb(205,215,235)
```
#dbe2f1
```
#dbe2f1 rgb(219,226,241)
```
#eaeef6
```
#eaeef6 rgb(234,238,246)
```
#f8f9fc
```
#f8f9fc rgb(248,249,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6b6f76 is the less saturated color, while #0347de is the most saturated one.

#6b6f76
```
#6b6f76 rgb(107,111,118)
```
#636b7e
```
#636b7e rgb(99,107,126)
```
#5a6887
```
#5a6887 rgb(90,104,135)
```
#516590
```
#516590 rgb(81,101,144)
```
#496198
```
#496198 rgb(73,97,152)
```
#405ea1
```
#405ea1 rgb(64,94,161)
```
#375baa
```
#375baa rgb(55,91,170)
```
#2f57b2
```
#2f57b2 rgb(47,87,178)
```
#2654bb
```
#2654bb rgb(38,84,187)
```
#1d51c4
```
#1d51c4 rgb(29,81,196)
```
#154dcc
```
#154dcc rgb(21,77,204)
```
#0c4ad5
```
#0c4ad5 rgb(12,74,213)
```
#0347de
```
#0347de rgb(3,71,222)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#575d6b Atypical Achromatopsia 0.001% of the population

Dichromacy

#4b66a5 Protanopia 1% of men
#3b68a4 Deuteranopia 1% of men
#2f7078 Tritanopia 0.001% of the population

Trichromacy

#4763a3 Protanomaly 1% of men, 0.01% of women
#3d64a3 Deuteranomaly 6% of men, 0.4% of women
#356987 Tritanomaly 0.01% of the population

#405ea1 hex color

#405ea1 Color Information

#405ea1 Color Conversion

Color Schemes with #405ea1

Alternatives to #405ea1

#405ea1 Preview

Shades and Tints of #405ea1

Tones of #405ea1

Color Blindness Simulator