#405fa1 hex color

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

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

● #405fa1 color description : Dark moderate blue.

The hexadecimal color #405fa1 has RGB values of R:64, G:95, B:161 and CMYK values of C:0.6, M:0.41, Y:0, K:0.37. Its decimal value is 4218785.

Hex triplet	405fa1	`#405fa1`
RGB Decimal	64, 95, 161	`rgb(64,95,161)`
RGB Percent	25.1, 37.3, 63.1	`rgb(25.1%,37.3%,63.1%)`
CMYK	60, 41, 0, 37
HSL	220.8°, 43.1, 44.1	`hsl(220.8,43.1%,44.1%)`
HSV (or HSB)	220.8°, 60.2, 63.1
Web Safe	336699	`#336699`

CIE-LAB	40.972, 9.635, -39.215
XYZ	12.638, 11.847, 35.337
xyY	0.211, 0.198, 11.847
CIE-LCH	40.972, 40.381, 283.804
CIE-LUV	40.972, -14.518, -57.82
Hunter-Lab	34.419, 5.308, -36.777
Binary	01000000, 01011111, 10100001

#405fa1
```
#405fa1 rgb(64,95,161)
```
#a18240
```
#a18240 rgb(161,130,64)
```

Complementary Color

#4090a1
```
#4090a1 rgb(64,144,161)
```
#405fa1
```
#405fa1 rgb(64,95,161)
```
#5140a1
```
#5140a1 rgb(81,64,161)
```

Analogous Color

#90a140
```
#90a140 rgb(144,161,64)
```
#405fa1
```
#405fa1 rgb(64,95,161)
```
#a15240
```
#a15240 rgb(161,82,64)
```

Split Complementary Color

#5fa140
```
#5fa140 rgb(95,161,64)
```
#405fa1
```
#405fa1 rgb(64,95,161)
```
#a1405f
```
#a1405f rgb(161,64,95)
```

Triadic Color

#40a182
```
#40a182 rgb(64,161,130)
```
#405fa1
```
#405fa1 rgb(64,95,161)
```
#a1405f
```
#a1405f rgb(161,64,95)
```
#a18240
```
#a18240 rgb(161,130,64)
```

Tetradic Color

#2a3f6a
```
#2a3f6a rgb(42,63,106)
```
#31497d
```
#31497d rgb(49,73,125)
```
#39548f
```
#39548f rgb(57,84,143)
```
#405fa1
```
#405fa1 rgb(64,95,161)
```
#476ab3
```
#476ab3 rgb(71,106,179)
```
#5878bc
```
#5878bc rgb(88,120,188)
```
#6a87c4
```
#6a87c4 rgb(106,135,196)
```

Monochromatic Color

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

#4077a1
```
#4077a1 rgb(64,119,161)
```
#406fa1
```
#406fa1 rgb(64,111,161)
```
#4067a1
```
#4067a1 rgb(64,103,161)
```
#405fa1
```
#405fa1 rgb(64,95,161)
```
#4057a1
```
#4057a1 rgb(64,87,161)
```
#404fa1
```
#404fa1 rgb(64,79,161)
```
#4047a1
```
#4047a1 rgb(64,71,161)
```

Similar Colors

Text with hexadecimal color #405fa1

This text has a font color of #405fa1.

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

#405fa1 background color

This paragraph has a background color of #405fa1.

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

#405fa1 border color

This element has a border color of #405fa1.

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

CSS codes

.text {color:#405fa1;}

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

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

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)
```
#131d31
```
#131d31 rgb(19,29,49)
```
#19253f
```
#19253f rgb(25,37,63)
```
#1f2d4d
```
#1f2d4d rgb(31,45,77)
```
#24365b
```
#24365b rgb(36,54,91)
```
#2a3e69
```
#2a3e69 rgb(42,62,105)
```
#2f4677
```
#2f4677 rgb(47,70,119)
```
#354e85
```
#354e85 rgb(53,78,133)
```
#3a5793
```
#3a5793 rgb(58,87,147)
```
#405fa1
```
#405fa1 rgb(64,95,161)
```
#4667af
```
#4667af rgb(70,103,175)
```

Shade Color Variation

#4f71b9
```
#4f71b9 rgb(79,113,185)
```
#5d7cbf
```
#5d7cbf rgb(93,124,191)
```
#6b88c4
```
#6b88c4 rgb(107,136,196)
```
#7993ca
```
#7993ca rgb(121,147,202)
```
#879ecf
```
#879ecf rgb(135,158,207)
```
#95aad5
```
#95aad5 rgb(149,170,213)
```
#a3b5db
```
#a3b5db rgb(163,181,219)
```
#b1c0e0
```
#b1c0e0 rgb(177,192,224)
```
#bfcce6
```
#bfcce6 rgb(191,204,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 #0349de 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)
```
#496298
```
#496298 rgb(73,98,152)
```
#405fa1
```
#405fa1 rgb(64,95,161)
```
#375caa
```
#375caa rgb(55,92,170)
```
#2f59b2
```
#2f59b2 rgb(47,89,178)
```
#2656bb
```
#2656bb rgb(38,86,187)
```
#1d53c4
```
#1d53c4 rgb(29,83,196)
```
#154fcc
```
#154fcc rgb(21,79,204)
```
#0c4cd5
```
#0c4cd5 rgb(12,76,213)
```
#0349de
```
#0349de rgb(3,73,222)
```

Tone Color Variation

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

#4d66a5 Protanopia 1% of men
#3d69a5 Deuteranopia 1% of men
#307179 Tritanopia 0.001% of the population

Trichromacy

#4863a3 Protanomaly 1% of men, 0.01% of women
#3e65a3 Deuteranomaly 6% of men, 0.4% of women
#356a88 Tritanomaly 0.01% of the population

#405fa1 hex color

#405fa1 Color Information

#405fa1 Color Conversion

Color Schemes with #405fa1

Alternatives to #405fa1

#405fa1 Preview

Shades and Tints of #405fa1

Tones of #405fa1

Color Blindness Simulator