#405da1 hex color

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

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

● #405da1 color description : Dark moderate blue.

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

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

CIE-LAB	40.396, 10.915, -40.131
XYZ	12.46, 11.491, 35.278
xyY	0.21, 0.194, 11.491
CIE-LCH	40.396, 41.589, 285.215
CIE-LUV	40.396, -13.845, -59.091
Hunter-Lab	33.899, 6.29, -37.973
Binary	01000000, 01011101, 10100001

#405da1
```
#405da1 rgb(64,93,161)
```
#a18440
```
#a18440 rgb(161,132,64)
```

Complementary Color

#408ea1
```
#408ea1 rgb(64,142,161)
```
#405da1
```
#405da1 rgb(64,93,161)
```
#5440a1
```
#5440a1 rgb(84,64,161)
```

Analogous Color

#8ea140
```
#8ea140 rgb(142,161,64)
```
#405da1
```
#405da1 rgb(64,93,161)
```
#a15440
```
#a15440 rgb(161,84,64)
```

Split Complementary Color

#5da140
```
#5da140 rgb(93,161,64)
```
#405da1
```
#405da1 rgb(64,93,161)
```
#a1405d
```
#a1405d rgb(161,64,93)
```

Triadic Color

#40a184
```
#40a184 rgb(64,161,132)
```
#405da1
```
#405da1 rgb(64,93,161)
```
#a1405d
```
#a1405d rgb(161,64,93)
```
#a18440
```
#a18440 rgb(161,132,64)
```

Tetradic Color

#2a3d6a
```
#2a3d6a rgb(42,61,106)
```
#31487d
```
#31487d rgb(49,72,125)
```
#39528f
```
#39528f rgb(57,82,143)
```
#405da1
```
#405da1 rgb(64,93,161)
```
#4768b3
```
#4768b3 rgb(71,104,179)
```
#5876bc
```
#5876bc rgb(88,118,188)
```
#6a85c4
```
#6a85c4 rgb(106,133,196)
```

Monochromatic Color

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

#4075a1
```
#4075a1 rgb(64,117,161)
```
#406da1
```
#406da1 rgb(64,109,161)
```
#4065a1
```
#4065a1 rgb(64,101,161)
```
#405da1
```
#405da1 rgb(64,93,161)
```
#4055a1
```
#4055a1 rgb(64,85,161)
```
#404da1
```
#404da1 rgb(64,77,161)
```
#4045a1
```
#4045a1 rgb(64,69,161)
```

Similar Colors

Text with hexadecimal color #405da1

This text has a font color of #405da1.

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

#405da1 background color

This paragraph has a background color of #405da1.

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

#405da1 border color

This element has a border color of #405da1.

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

CSS codes

.text {color:#405da1;}

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

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

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)
```
#19243f
```
#19243f rgb(25,36,63)
```
#1f2c4d
```
#1f2c4d rgb(31,44,77)
```
#24345b
```
#24345b rgb(36,52,91)
```
#2a3d69
```
#2a3d69 rgb(42,61,105)
```
#2f4577
```
#2f4577 rgb(47,69,119)
```
#354d85
```
#354d85 rgb(53,77,133)
```
#3a5593
```
#3a5593 rgb(58,85,147)
```
#405da1
```
#405da1 rgb(64,93,161)
```
#4665af
```
#4665af rgb(70,101,175)
```

Shade Color Variation

#4f6fb9
```
#4f6fb9 rgb(79,111,185)
```
#5d7abf
```
#5d7abf rgb(93,122,191)
```
#6b86c4
```
#6b86c4 rgb(107,134,196)
```
#7991ca
```
#7991ca rgb(121,145,202)
```
#879dcf
```
#879dcf rgb(135,157,207)
```
#95a8d5
```
#95a8d5 rgb(149,168,213)
```
#a3b4db
```
#a3b4db rgb(163,180,219)
```
#b1bfe0
```
#b1bfe0 rgb(177,191,224)
```
#bfcbe6
```
#bfcbe6 rgb(191,203,230)
```
#cdd6eb
```
#cdd6eb rgb(205,214,235)
```
#dbe2f1
```
#dbe2f1 rgb(219,226,241)
```
#eaedf6
```
#eaedf6 rgb(234,237,246)
```
#f8f9fc
```
#f8f9fc rgb(248,249,252)
```

Tint Color Variation

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

#6b6e76
```
#6b6e76 rgb(107,110,118)
```
#636b7e
```
#636b7e rgb(99,107,126)
```
#5a6787
```
#5a6787 rgb(90,103,135)
```
#516490
```
#516490 rgb(81,100,144)
```
#496098
```
#496098 rgb(73,96,152)
```
#405da1
```
#405da1 rgb(64,93,161)
```
#375aaa
```
#375aaa rgb(55,90,170)
```
#2f56b2
```
#2f56b2 rgb(47,86,178)
```
#2653bb
```
#2653bb rgb(38,83,187)
```
#1d4fc4
```
#1d4fc4 rgb(29,79,196)
```
#154ccc
```
#154ccc rgb(21,76,204)
```
#0c48d5
```
#0c48d5 rgb(12,72,213)
```
#0345de
```
#0345de rgb(3,69,222)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#565c6a Atypical Achromatopsia 0.001% of the population

Dichromacy

#4965a5 Protanopia 1% of men
#3968a4 Deuteranopia 1% of men
#2f7078 Tritanopia 0.001% of the population

Trichromacy

#4662a4 Protanomaly 1% of men, 0.01% of women
#3b64a3 Deuteranomaly 6% of men, 0.4% of women
#356987 Tritanomaly 0.01% of the population

#405da1 hex color

#405da1 Color Information

#405da1 Color Conversion

Color Schemes with #405da1

Alternatives to #405da1

#405da1 Preview

Shades and Tints of #405da1

Tones of #405da1

Color Blindness Simulator