#405ab2 hex color

In a RGB color space, hex #405ab2 is composed of 25.1% red, 35.3% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 64% cyan, 49.4% magenta, 0% yellow and 30.2% black. It has a hue angle of 226.3 degrees, a saturation of 47.1% and a lightness of 47.5%. #405ab2 color hex could be obtained by blending #80b4ff with #000065. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 25
- G 35
- B 70
RGB color chart
- C 64
- M 49
- Y 0
- K 30
CMYK color chart

● #405ab2 color description : Dark moderate blue.

The hexadecimal color #405ab2 has RGB values of R:64, G:90, B:178 and CMYK values of C:0.64, M:0.49, Y:0, K:0.3. Its decimal value is 4217522.

Hex triplet	405ab2	`#405ab2`
RGB Decimal	64, 90, 178	`rgb(64,90,178)`
RGB Percent	25.1, 35.3, 69.8	`rgb(25.1%,35.3%,69.8%)`
CMYK	64, 49, 0, 30
HSL	226.3°, 47.1, 47.5	`hsl(226.3,47.1%,47.5%)`
HSV (or HSB)	226.3°, 64, 69.8
Web Safe	336699	`#336699`

CIE-LAB	40.599, 18.864, -49.865
XYZ	13.805, 11.616, 43.632
xyY	0.2, 0.168, 11.616
CIE-LCH	40.599, 53.314, 290.721
CIE-LUV	40.599, -13.04, -74.181
Hunter-Lab	34.082, 12.656, -52.045
Binary	01000000, 01011010, 10110010

#405ab2
```
#405ab2 rgb(64,90,178)
```
#b29840
```
#b29840 rgb(178,152,64)
```

Complementary Color

#4093b2
```
#4093b2 rgb(64,147,178)
```
#405ab2
```
#405ab2 rgb(64,90,178)
```
#5f40b2
```
#5f40b2 rgb(95,64,178)
```

Analogous Color

#93b240
```
#93b240 rgb(147,178,64)
```
#405ab2
```
#405ab2 rgb(64,90,178)
```
#b25f40
```
#b25f40 rgb(178,95,64)
```

Split Complementary Color

#5ab240
```
#5ab240 rgb(90,178,64)
```
#405ab2
```
#405ab2 rgb(64,90,178)
```
#b2405a
```
#b2405a rgb(178,64,90)
```

Triadic Color

#40b298
```
#40b298 rgb(64,178,152)
```
#405ab2
```
#405ab2 rgb(64,90,178)
```
#b2405a
```
#b2405a rgb(178,64,90)
```
#b29840
```
#b29840 rgb(178,152,64)
```

Tetradic Color

#2c3e7a
```
#2c3e7a rgb(44,62,122)
```
#33478c
```
#33478c rgb(51,71,140)
```
#39519f
```
#39519f rgb(57,81,159)
```
#405ab2
```
#405ab2 rgb(64,90,178)
```
#4d67bf
```
#4d67bf rgb(77,103,191)
```
#5f77c6
```
#5f77c6 rgb(95,119,198)
```
#7287cc
```
#7287cc rgb(114,135,204)
```

Monochromatic Color

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

#4077b2
```
#4077b2 rgb(64,119,178)
```
#406db2
```
#406db2 rgb(64,109,178)
```
#4064b2
```
#4064b2 rgb(64,100,178)
```
#405ab2
```
#405ab2 rgb(64,90,178)
```
#4051b2
```
#4051b2 rgb(64,81,178)
```
#4047b2
```
#4047b2 rgb(64,71,178)
```
#4340b2
```
#4340b2 rgb(67,64,178)
```

Similar Colors

Text with hexadecimal color #405ab2

This text has a font color of #405ab2.

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

#405ab2 background color

This paragraph has a background color of #405ab2.

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

#405ab2 border color

This element has a border color of #405ab2.

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

CSS codes

.text {color:#405ab2;}

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

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

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

#020205
```
#020205 rgb(2,2,5)
```
#070a13
```
#070a13 rgb(7,10,19)
```
#0c1122
```
#0c1122 rgb(12,17,34)
```
#111830
```
#111830 rgb(17,24,48)
```
#16203f
```
#16203f rgb(22,32,63)
```
#1c274d
```
#1c274d rgb(28,39,77)
```
#212e5b
```
#212e5b rgb(33,46,91)
```
#26366a
```
#26366a rgb(38,54,106)
```
#2b3d78
```
#2b3d78 rgb(43,61,120)
```
#304487
```
#304487 rgb(48,68,135)
```
#364b95
```
#364b95 rgb(54,75,149)
```
#3b53a4
```
#3b53a4 rgb(59,83,164)
```
#405ab2
```
#405ab2 rgb(64,90,178)
```

Shade Color Variation

#4863bd
```
#4863bd rgb(72,99,189)
```
#576fc2
```
#576fc2 rgb(87,111,194)
```
#657cc8
```
#657cc8 rgb(101,124,200)
```
#7488cd
```
#7488cd rgb(116,136,205)
```
#8294d2
```
#8294d2 rgb(130,148,210)
```
#90a1d7
```
#90a1d7 rgb(144,161,215)
```
#9faddc
```
#9faddc rgb(159,173,220)
```
#adb9e2
```
#adb9e2 rgb(173,185,226)
```
#bcc6e7
```
#bcc6e7 rgb(188,198,231)
```
#cad2ec
```
#cad2ec rgb(202,210,236)
```
#d9def1
```
#d9def1 rgb(217,222,241)
```
#e7ebf6
```
#e7ebf6 rgb(231,235,246)
```
#f5f7fc
```
#f5f7fc rgb(245,247,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #78787a is the less saturated color, while #083cea is the most saturated one.

#78787a
```
#78787a rgb(120,120,122)
```
#6f7383
```
#6f7383 rgb(111,115,131)
```
#656e8d
```
#656e8d rgb(101,110,141)
```
#5c6996
```
#5c6996 rgb(92,105,150)
```
#53649f
```
#53649f rgb(83,100,159)
```
#495fa9
```
#495fa9 rgb(73,95,169)
```
#405ab2
```
#405ab2 rgb(64,90,178)
```
#3755bb
```
#3755bb rgb(55,85,187)
```
#2d50c5
```
#2d50c5 rgb(45,80,197)
```
#244bce
```
#244bce rgb(36,75,206)
```
#1b46d7
```
#1b46d7 rgb(27,70,215)
```
#1141e1
```
#1141e1 rgb(17,65,225)
```
#083cea
```
#083cea rgb(8,60,234)
```

Tone Color Variation

Below, you can see how #405ab2 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
#565c6d Atypical Achromatopsia 0.001% of the population

Dichromacy

#3565b8 Protanopia 1% of men
#0069af Deuteranopia 1% of men
#16717a Tritanopia 0.001% of the population

Trichromacy

#3961b6 Protanomaly 1% of men, 0.01% of women
#1764b0 Deuteranomaly 6% of men, 0.4% of women
#25698e Tritanomaly 0.01% of the population

#405ab2 hex color

#405ab2 Color Information

#405ab2 Color Conversion

Color Schemes with #405ab2

Alternatives to #405ab2

#405ab2 Preview

Shades and Tints of #405ab2

Tones of #405ab2

Color Blindness Simulator