#405baa hex color

In a RGB color space, hex #405baa is composed of 25.1% red, 35.7% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 62.4% cyan, 46.5% magenta, 0% yellow and 33.3% black. It has a hue angle of 224.7 degrees, a saturation of 45.3% and a lightness of 45.9%. #405baa color hex could be obtained by blending #80b6ff with #000055. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 25
- G 36
- B 67
RGB color chart
- C 62
- M 46
- Y 0
- K 33
CMYK color chart

● #405baa color description : Dark moderate blue.

The hexadecimal color #405baa has RGB values of R:64, G:91, B:170 and CMYK values of C:0.62, M:0.46, Y:0, K:0.33. Its decimal value is 4217770.

Hex triplet	405baa	`#405baa`
RGB Decimal	64, 91, 170	`rgb(64,91,170)`
RGB Percent	25.1, 35.7, 66.7	`rgb(25.1%,35.7%,66.7%)`
CMYK	62, 46, 0, 33
HSL	224.7°, 45.3, 45.9	`hsl(224.7,45.3%,45.9%)`
HSV (or HSB)	224.7°, 62.4, 66.7
Web Safe	336699	`#336699`

CIE-LAB	40.367, 15.375, -45.518
XYZ	13.11, 11.474, 39.552
xyY	0.204, 0.179, 11.474
CIE-LCH	40.367, 48.045, 288.664
CIE-LUV	40.367, -13.262, -67.438
Hunter-Lab	33.873, 9.806, -45.519
Binary	01000000, 01011011, 10101010

#405baa
```
#405baa rgb(64,91,170)
```
#aa8f40
```
#aa8f40 rgb(170,143,64)
```

Complementary Color

#4090aa
```
#4090aa rgb(64,144,170)
```
#405baa
```
#405baa rgb(64,91,170)
```
#5a40aa
```
#5a40aa rgb(90,64,170)
```

Analogous Color

#90aa40
```
#90aa40 rgb(144,170,64)
```
#405baa
```
#405baa rgb(64,91,170)
```
#aa5a40
```
#aa5a40 rgb(170,90,64)
```

Split Complementary Color

#5baa40
```
#5baa40 rgb(91,170,64)
```
#405baa
```
#405baa rgb(64,91,170)
```
#aa405b
```
#aa405b rgb(170,64,91)
```

Triadic Color

#40aa8f
```
#40aa8f rgb(64,170,143)
```
#405baa
```
#405baa rgb(64,91,170)
```
#aa405b
```
#aa405b rgb(170,64,91)
```
#aa8f40
```
#aa8f40 rgb(170,143,64)
```

Tetradic Color

#2b3d72
```
#2b3d72 rgb(43,61,114)
```
#324785
```
#324785 rgb(50,71,133)
```
#395197
```
#395197 rgb(57,81,151)
```
#405baa
```
#405baa rgb(64,91,170)
```
#4966ba
```
#4966ba rgb(73,102,186)
```
#5c76c1
```
#5c76c1 rgb(92,118,193)
```
#6e85c8
```
#6e85c8 rgb(110,133,200)
```

Monochromatic Color

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

#4076aa
```
#4076aa rgb(64,118,170)
```
#406daa
```
#406daa rgb(64,109,170)
```
#4064aa
```
#4064aa rgb(64,100,170)
```
#405baa
```
#405baa rgb(64,91,170)
```
#4052aa
```
#4052aa rgb(64,82,170)
```
#4049aa
```
#4049aa rgb(64,73,170)
```
#4041aa
```
#4041aa rgb(64,65,170)
```

Similar Colors

Text with hexadecimal color #405baa

This text has a font color of #405baa.

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

#405baa background color

This paragraph has a background color of #405baa.

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

#405baa border color

This element has a border color of #405baa.

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

CSS codes

.text {color:#405baa;}

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

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

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, #05070d is the darkest color, while #fefeff is the lightest one.

#05070d
```
#05070d rgb(5,7,13)
```
#0a0f1b
```
#0a0f1b rgb(10,15,27)
```
#10162a
```
#10162a rgb(16,22,42)
```
#151e38
```
#151e38 rgb(21,30,56)
```
#1a2646
```
#1a2646 rgb(26,38,70)
```
#202d54
```
#202d54 rgb(32,45,84)
```
#253563
```
#253563 rgb(37,53,99)
```
#2b3c71
```
#2b3c71 rgb(43,60,113)
```
#30447f
```
#30447f rgb(48,68,127)
```
#354c8d
```
#354c8d rgb(53,76,141)
```
#3b539c
```
#3b539c rgb(59,83,156)
```
#405baa
```
#405baa rgb(64,91,170)
```
#4563b8
```
#4563b8 rgb(69,99,184)
```

Shade Color Variation

#536ebe
```
#536ebe rgb(83,110,190)
```
#617ac4
```
#617ac4 rgb(97,122,196)
```
#6f86c9
```
#6f86c9 rgb(111,134,201)
```
#7e92ce
```
#7e92ce rgb(126,146,206)
```
#8c9ed4
```
#8c9ed4 rgb(140,158,212)
```
#9aaad9
```
#9aaad9 rgb(154,170,217)
```
#a8b6de
```
#a8b6de rgb(168,182,222)
```
#b7c2e4
```
#b7c2e4 rgb(183,194,228)
```
#c5cee9
```
#c5cee9 rgb(197,206,233)
```
#d3daef
```
#d3daef rgb(211,218,239)
```
#e1e6f4
```
#e1e6f4 rgb(225,230,244)
```
#f0f2f9
```
#f0f2f9 rgb(240,242,249)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#6d717d
```
#6d717d rgb(109,113,125)
```
#646d86
```
#646d86 rgb(100,109,134)
```
#5b688f
```
#5b688f rgb(91,104,143)
```
#526498
```
#526498 rgb(82,100,152)
```
#495fa1
```
#495fa1 rgb(73,95,161)
```
#405baa
```
#405baa rgb(64,91,170)
```
#3757b3
```
#3757b3 rgb(55,87,179)
```
#2e52bc
```
#2e52bc rgb(46,82,188)
```
#254ec5
```
#254ec5 rgb(37,78,197)
```
#1c49ce
```
#1c49ce rgb(28,73,206)
```
#1345d7
```
#1345d7 rgb(19,69,215)
```
#0a41e0
```
#0a41e0 rgb(10,65,224)
```
#013ce9
```
#013ce9 rgb(1,60,233)
```

Tone Color Variation

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

Dichromacy

#3f65af Protanopia 1% of men
#2368ac Deuteranopia 1% of men
#257078 Tritanopia 0.001% of the population

Trichromacy

#3f61ad Protanomaly 1% of men, 0.01% of women
#2e63ab Deuteranomaly 6% of men, 0.4% of women
#2e688a Tritanomaly 0.01% of the population

#405baa hex color

#405baa Color Information

#405baa Color Conversion

Color Schemes with #405baa

Alternatives to #405baa

#405baa Preview

Shades and Tints of #405baa

Tones of #405baa

Color Blindness Simulator