#405f9a hex color

In a RGB color space, hex #405f9a is composed of 25.1% red, 37.3% green and 60.4% blue. Whereas in a CMYK color space, it is composed of 58.4% cyan, 38.3% magenta, 0% yellow and 39.6% black. It has a hue angle of 219.3 degrees, a saturation of 41.3% and a lightness of 42.7%. #405f9a color hex could be obtained by blending #80beff with #000035. Closest websafe color is: #336699.

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

● #405f9a color description : Dark moderate blue.

The hexadecimal color #405f9a has RGB values of R:64, G:95, B:154 and CMYK values of C:0.58, M:0.38, Y:0, K:0.4. Its decimal value is 4218778.

Hex triplet	405f9a	`#405f9a`
RGB Decimal	64, 95, 154	`rgb(64,95,154)`
RGB Percent	25.1, 37.3, 60.4	`rgb(25.1%,37.3%,60.4%)`
CMYK	58, 38, 0, 40
HSL	219.3°, 41.3, 42.7	`hsl(219.3,41.3%,42.7%)`
HSV (or HSB)	219.3°, 58.4, 60.4
Web Safe	336699	`#336699`

CIE-LAB	40.584, 7.199, -35.656
XYZ	12.038, 11.607, 32.176
xyY	0.216, 0.208, 11.607
CIE-LCH	40.584, 36.376, 281.415
CIE-LUV	40.584, -14.505, -52.117
Hunter-Lab	34.069, 3.451, -32.148
Binary	01000000, 01011111, 10011010

#405f9a
```
#405f9a rgb(64,95,154)
```
#9a7b40
```
#9a7b40 rgb(154,123,64)
```

Complementary Color

#408c9a
```
#408c9a rgb(64,140,154)
```
#405f9a
```
#405f9a rgb(64,95,154)
```
#4e409a
```
#4e409a rgb(78,64,154)
```

Analogous Color

#8c9a40
```
#8c9a40 rgb(140,154,64)
```
#405f9a
```
#405f9a rgb(64,95,154)
```
#9a4e40
```
#9a4e40 rgb(154,78,64)
```

Split Complementary Color

#5f9a40
```
#5f9a40 rgb(95,154,64)
```
#405f9a
```
#405f9a rgb(64,95,154)
```
#9a405f
```
#9a405f rgb(154,64,95)
```

Triadic Color

#409a7b
```
#409a7b rgb(64,154,123)
```
#405f9a
```
#405f9a rgb(64,95,154)
```
#9a405f
```
#9a405f rgb(154,64,95)
```
#9a7b40
```
#9a7b40 rgb(154,123,64)
```

Tetradic Color

#2a3e64
```
#2a3e64 rgb(42,62,100)
```
#314976
```
#314976 rgb(49,73,118)
```
#395488
```
#395488 rgb(57,84,136)
```
#405f9a
```
#405f9a rgb(64,95,154)
```
#476aac
```
#476aac rgb(71,106,172)
```
#5577b8
```
#5577b8 rgb(85,119,184)
```
#6785c0
```
#6785c0 rgb(103,133,192)
```

Monochromatic Color

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

#40769a
```
#40769a rgb(64,118,154)
```
#406e9a
```
#406e9a rgb(64,110,154)
```
#40679a
```
#40679a rgb(64,103,154)
```
#405f9a
```
#405f9a rgb(64,95,154)
```
#40589a
```
#40589a rgb(64,88,154)
```
#40509a
```
#40509a rgb(64,80,154)
```
#40499a
```
#40499a rgb(64,73,154)
```

Similar Colors

Text with hexadecimal color #405f9a

This text has a font color of #405f9a.

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

#405f9a background color

This paragraph has a background color of #405f9a.

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

#405f9a border color

This element has a border color of #405f9a.

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

CSS codes

.text {color:#405f9a;}

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

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

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

#010102
```
#010102 rgb(1,1,2)
```
#060a0f
```
#060a0f rgb(6,10,15)
```
#0c121d
```
#0c121d rgb(12,18,29)
```
#121b2b
```
#121b2b rgb(18,27,43)
```
#182339
```
#182339 rgb(24,35,57)
```
#1d2c47
```
#1d2c47 rgb(29,44,71)
```
#233455
```
#233455 rgb(35,52,85)
```
#293d63
```
#293d63 rgb(41,61,99)
```
#2f4570
```
#2f4570 rgb(47,69,112)
```
#344e7e
```
#344e7e rgb(52,78,126)
```
#3a568c
```
#3a568c rgb(58,86,140)
```
#405f9a
```
#405f9a rgb(64,95,154)
```
#4668a8
```
#4668a8 rgb(70,104,168)
```

Shade Color Variation

#4c70b5
```
#4c70b5 rgb(76,112,181)
```
#5a7bbb
```
#5a7bbb rgb(90,123,187)
```
#6887c0
```
#6887c0 rgb(104,135,192)
```
#7692c6
```
#7692c6 rgb(118,146,198)
```
#849dcc
```
#849dcc rgb(132,157,204)
```
#92a8d2
```
#92a8d2 rgb(146,168,210)
```
#a0b3d7
```
#a0b3d7 rgb(160,179,215)
```
#adbedd
```
#adbedd rgb(173,190,221)
```
#bbc9e3
```
#bbc9e3 rgb(187,201,227)
```
#c9d4e9
```
#c9d4e9 rgb(201,212,233)
```
#d7dfee
```
#d7dfee rgb(215,223,238)
```
#e5eaf4
```
#e5eaf4 rgb(229,234,244)
```
#f3f5fa
```
#f3f5fa rgb(243,245,250)
```

Tint Color Variation

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

#6a6c70
```
#6a6c70 rgb(106,108,112)
```
#626978
```
#626978 rgb(98,105,120)
```
#596781
```
#596781 rgb(89,103,129)
```
#516489
```
#516489 rgb(81,100,137)
```
#486292
```
#486292 rgb(72,98,146)
```
#405f9a
```
#405f9a rgb(64,95,154)
```
#385ca2
```
#385ca2 rgb(56,92,162)
```
#2f5aab
```
#2f5aab rgb(47,90,171)
```
#2757b3
```
#2757b3 rgb(39,87,179)
```
#1e55bc
```
#1e55bc rgb(30,85,188)
```
#1652c4
```
#1652c4 rgb(22,82,196)
```
#0e4fcc
```
#0e4fcc rgb(14,79,204)
```
#054dd5
```
#054dd5 rgb(5,77,213)
```

Tone Color Variation

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

Dichromacy

#50669e Protanopia 1% of men
#45689e Deuteranopia 1% of men
#356f78 Tritanopia 0.001% of the population

Trichromacy

#4a639c Protanomaly 1% of men, 0.01% of women
#43649d Deuteranomaly 6% of men, 0.4% of women
#396984 Tritanomaly 0.01% of the population

#405f9a hex color

#405f9a Color Information

#405f9a Color Conversion

Color Schemes with #405f9a

Alternatives to #405f9a

#405f9a Preview

Shades and Tints of #405f9a

Tones of #405f9a

Color Blindness Simulator