#405f8b hex color

In a RGB color space, hex #405f8b is composed of 25.1% red, 37.3% green and 54.5% blue. Whereas in a CMYK color space, it is composed of 54% cyan, 31.7% magenta, 0% yellow and 45.5% black. It has a hue angle of 215.2 degrees, a saturation of 36.9% and a lightness of 39.8%. #405f8b color hex could be obtained by blending #80beff with #000017. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 25
- G 37
- B 55
RGB color chart
- C 54
- M 32
- Y 0
- K 45
CMYK color chart

● #405f8b color description : Dark moderate blue.

The hexadecimal color #405f8b has RGB values of R:64, G:95, B:139 and CMYK values of C:0.54, M:0.32, Y:0, K:0.45. Its decimal value is 4218763.

Hex triplet	405f8b	`#405f8b`
RGB Decimal	64, 95, 139	`rgb(64,95,139)`
RGB Percent	25.1, 37.3, 54.5	`rgb(25.1%,37.3%,54.5%)`
CMYK	54, 32, 0, 45
HSL	215.2°, 36.9, 39.8	`hsl(215.2,36.9%,39.8%)`
HSV (or HSB)	215.2°, 54, 54.5
Web Safe	336699	`#336699`

CIE-LAB	39.812, 2.098, -27.856
XYZ	10.866, 11.138, 26.002
xyY	0.226, 0.232, 11.138
CIE-LCH	39.812, 27.935, 274.308
CIE-LUV	39.812, -14.504, -39.685
Hunter-Lab	33.374, -0.288, -22.832
Binary	01000000, 01011111, 10001011

#405f8b
```
#405f8b rgb(64,95,139)
```
#8b6c40
```
#8b6c40 rgb(139,108,64)
```

Complementary Color

#40858b
```
#40858b rgb(64,133,139)
```
#405f8b
```
#405f8b rgb(64,95,139)
```
#47408b
```
#47408b rgb(71,64,139)
```

Analogous Color

#858b40
```
#858b40 rgb(133,139,64)
```
#405f8b
```
#405f8b rgb(64,95,139)
```
#8b4740
```
#8b4740 rgb(139,71,64)
```

Split Complementary Color

#5f8b40
```
#5f8b40 rgb(95,139,64)
```
#405f8b
```
#405f8b rgb(64,95,139)
```
#8b405f
```
#8b405f rgb(139,64,95)
```

Triadic Color

#408b6c
```
#408b6c rgb(64,139,108)
```
#405f8b
```
#405f8b rgb(64,95,139)
```
#8b405f
```
#8b405f rgb(139,64,95)
```
#8b6c40
```
#8b6c40 rgb(139,108,64)
```

Tetradic Color

#283b57
```
#283b57 rgb(40,59,87)
```
#304768
```
#304768 rgb(48,71,104)
```
#38537a
```
#38537a rgb(56,83,122)
```
#405f8b
```
#405f8b rgb(64,95,139)
```
#486b9c
```
#486b9c rgb(72,107,156)
```
#5077ae
```
#5077ae rgb(80,119,174)
```
#6184b6
```
#6184b6 rgb(97,132,182)
```

Monochromatic Color

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

#40728b
```
#40728b rgb(64,114,139)
```
#406c8b
```
#406c8b rgb(64,108,139)
```
#40658b
```
#40658b rgb(64,101,139)
```
#405f8b
```
#405f8b rgb(64,95,139)
```
#40598b
```
#40598b rgb(64,89,139)
```
#40538b
```
#40538b rgb(64,83,139)
```
#404c8b
```
#404c8b rgb(64,76,139)
```

Similar Colors

Text with hexadecimal color #405f8b

This text has a font color of #405f8b.

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

#405f8b background color

This paragraph has a background color of #405f8b.

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

#405f8b border color

This element has a border color of #405f8b.

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

CSS codes

.text {color:#405f8b;}

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

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

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

#020305
```
#020305 rgb(2,3,5)
```
#080c12
```
#080c12 rgb(8,12,18)
```
#0f1620
```
#0f1620 rgb(15,22,32)
```
#151f2d
```
#151f2d rgb(21,31,45)
```
#1b283a
```
#1b283a rgb(27,40,58)
```
#213148
```
#213148 rgb(33,49,72)
```
#273a55
```
#273a55 rgb(39,58,85)
```
#2d4363
```
#2d4363 rgb(45,67,99)
```
#344d70
```
#344d70 rgb(52,77,112)
```
#3a567e
```
#3a567e rgb(58,86,126)
```
#405f8b
```
#405f8b rgb(64,95,139)
```
#466898
```
#466898 rgb(70,104,152)
```
#4c71a6
```
#4c71a6 rgb(76,113,166)
```

Shade Color Variation

#557bb1
```
#557bb1 rgb(85,123,177)
```
#6385b7
```
#6385b7 rgb(99,133,183)
```
#7090bd
```
#7090bd rgb(112,144,189)
```
#7d9ac3
```
#7d9ac3 rgb(125,154,195)
```
#8ba5ca
```
#8ba5ca rgb(139,165,202)
```
#98afd0
```
#98afd0 rgb(152,175,208)
```
#a6bad6
```
#a6bad6 rgb(166,186,214)
```
#b3c4dc
```
#b3c4dc rgb(179,196,220)
```
#c1cee2
```
#c1cee2 rgb(193,206,226)
```
#ced9e8
```
#ced9e8 rgb(206,217,232)
```
#dbe3ef
```
#dbe3ef rgb(219,227,239)
```
#e9eef5
```
#e9eef5 rgb(233,238,245)
```
#f6f8fb
```
#f6f8fb rgb(246,248,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5f646c is the less saturated color, while #0254c9 is the most saturated one.

#5f646c
```
#5f646c rgb(95,100,108)
```
#576374
```
#576374 rgb(87,99,116)
```
#50627b
```
#50627b rgb(80,98,123)
```
#486083
```
#486083 rgb(72,96,131)
```
#405f8b
```
#405f8b rgb(64,95,139)
```
#385e93
```
#385e93 rgb(56,94,147)
```
#305c9b
```
#305c9b rgb(48,92,155)
```
#295ba2
```
#295ba2 rgb(41,91,162)
```
#215aaa
```
#215aaa rgb(33,90,170)
```
#1958b2
```
#1958b2 rgb(25,88,178)
```
#1157ba
```
#1157ba rgb(17,87,186)
```
#0956c2
```
#0956c2 rgb(9,86,194)
```
#0254c9
```
#0254c9 rgb(2,84,201)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#565c65 Atypical Achromatopsia 0.001% of the population

Dichromacy

#57648f Protanopia 1% of men
#516591 Deuteranopia 1% of men
#3d6d75 Tritanopia 0.001% of the population

Trichromacy

#4e628d Protanomaly 1% of men, 0.01% of women
#4b638f Deuteranomaly 6% of men, 0.4% of women
#3e677d Tritanomaly 0.01% of the population

#405f8b hex color

#405f8b Color Information

#405f8b Color Conversion

Color Schemes with #405f8b

Alternatives to #405f8b

#405f8b Preview

Shades and Tints of #405f8b

Tones of #405f8b

Color Blindness Simulator