#405f8f hex color

In a RGB color space, hex #405f8f is composed of 25.1% red, 37.3% green and 56.1% blue. Whereas in a CMYK color space, it is composed of 55.2% cyan, 33.6% magenta, 0% yellow and 43.9% black. It has a hue angle of 216.5 degrees, a saturation of 38.2% and a lightness of 40.6%. #405f8f color hex could be obtained by blending #80beff with #00001f. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 25
- G 37
- B 56
RGB color chart
- C 55
- M 34
- Y 0
- K 44
CMYK color chart

● #405f8f color description : Dark moderate blue.

The hexadecimal color #405f8f has RGB values of R:64, G:95, B:143 and CMYK values of C:0.55, M:0.34, Y:0, K:0.44. Its decimal value is 4218767.

Hex triplet	405f8f	`#405f8f`
RGB Decimal	64, 95, 143	`rgb(64,95,143)`
RGB Percent	25.1, 37.3, 56.1	`rgb(25.1%,37.3%,56.1%)`
CMYK	55, 34, 0, 44
HSL	216.5°, 38.2, 40.6	`hsl(216.5,38.2%,40.6%)`
HSV (or HSB)	216.5°, 55.2, 56.1
Web Safe	336699	`#336699`

CIE-LAB	40.01, 3.44, -29.959
XYZ	11.163, 11.257, 27.57
xyY	0.223, 0.225, 11.257
CIE-LCH	40.01, 30.156, 276.551
CIE-LUV	40.01, -14.5, -43.023
Hunter-Lab	33.551, 0.676, -25.233
Binary	01000000, 01011111, 10001111

#405f8f
```
#405f8f rgb(64,95,143)
```
#8f7040
```
#8f7040 rgb(143,112,64)
```

Complementary Color

#40878f
```
#40878f rgb(64,135,143)
```
#405f8f
```
#405f8f rgb(64,95,143)
```
#49408f
```
#49408f rgb(73,64,143)
```

Analogous Color

#878f40
```
#878f40 rgb(135,143,64)
```
#405f8f
```
#405f8f rgb(64,95,143)
```
#8f4940
```
#8f4940 rgb(143,73,64)
```

Split Complementary Color

#5f8f40
```
#5f8f40 rgb(95,143,64)
```
#405f8f
```
#405f8f rgb(64,95,143)
```
#8f405f
```
#8f405f rgb(143,64,95)
```

Triadic Color

#408f70
```
#408f70 rgb(64,143,112)
```
#405f8f
```
#405f8f rgb(64,95,143)
```
#8f405f
```
#8f405f rgb(143,64,95)
```
#8f7040
```
#8f7040 rgb(143,112,64)
```

Tetradic Color

#283c5a
```
#283c5a rgb(40,60,90)
```
#30486c
```
#30486c rgb(48,72,108)
```
#38537d
```
#38537d rgb(56,83,125)
```
#405f8f
```
#405f8f rgb(64,95,143)
```
#486ba1
```
#486ba1 rgb(72,107,161)
```
#5177b1
```
#5177b1 rgb(81,119,177)
```
#6384b9
```
#6384b9 rgb(99,132,185)
```

Monochromatic Color

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

#40738f
```
#40738f rgb(64,115,143)
```
#406c8f
```
#406c8f rgb(64,108,143)
```
#40668f
```
#40668f rgb(64,102,143)
```
#405f8f
```
#405f8f rgb(64,95,143)
```
#40588f
```
#40588f rgb(64,88,143)
```
#40528f
```
#40528f rgb(64,82,143)
```
#404b8f
```
#404b8f rgb(64,75,143)
```

Similar Colors

Text with hexadecimal color #405f8f

This text has a font color of #405f8f.

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

#405f8f background color

This paragraph has a background color of #405f8f.

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

#405f8f border color

This element has a border color of #405f8f.

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

CSS codes

.text {color:#405f8f;}

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

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

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

#030507
```
#030507 rgb(3,5,7)
```
#090e15
```
#090e15 rgb(9,14,21)
```
#0f1723
```
#0f1723 rgb(15,23,35)
```
#162030
```
#162030 rgb(22,32,48)
```
#1c293e
```
#1c293e rgb(28,41,62)
```
#22324b
```
#22324b rgb(34,50,75)
```
#283b59
```
#283b59 rgb(40,59,89)
```
#2e4466
```
#2e4466 rgb(46,68,102)
```
#344d74
```
#344d74 rgb(52,77,116)
```
#3a5681
```
#3a5681 rgb(58,86,129)
```
#405f8f
```
#405f8f rgb(64,95,143)
```
#46689d
```
#46689d rgb(70,104,157)
```
#4c71aa
```
#4c71aa rgb(76,113,170)
```

Shade Color Variation

#567bb4
```
#567bb4 rgb(86,123,180)
```
#6486ba
```
#6486ba rgb(100,134,186)
```
#7190c0
```
#7190c0 rgb(113,144,192)
```
#7f9bc6
```
#7f9bc6 rgb(127,155,198)
```
#8da5cc
```
#8da5cc rgb(141,165,204)
```
#9ab0d2
```
#9ab0d2 rgb(154,176,210)
```
#a8bbd8
```
#a8bbd8 rgb(168,187,216)
```
#b5c5de
```
#b5c5de rgb(181,197,222)
```
#c3d0e4
```
#c3d0e4 rgb(195,208,228)
```
#d0daea
```
#d0daea rgb(208,218,234)
```
#dee5f0
```
#dee5f0 rgb(222,229,240)
```
#ebf0f6
```
#ebf0f6 rgb(235,240,246)
```
#f9fafc
```
#f9fafc rgb(249,250,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #60666f is the less saturated color, while #0051cf is the most saturated one.

#60666f
```
#60666f rgb(96,102,111)
```
#586477
```
#586477 rgb(88,100,119)
```
#50627f
```
#50627f rgb(80,98,127)
```
#486187
```
#486187 rgb(72,97,135)
```
#405f8f
```
#405f8f rgb(64,95,143)
```
#385d97
```
#385d97 rgb(56,93,151)
```
#305c9f
```
#305c9f rgb(48,92,159)
```
#285aa7
```
#285aa7 rgb(40,90,167)
```
#2058af
```
#2058af rgb(32,88,175)
```
#1856b7
```
#1856b7 rgb(24,86,183)
```
#1055bf
```
#1055bf rgb(16,85,191)
```
#0853c7
```
#0853c7 rgb(8,83,199)
```
#0051cf
```
#0051cf rgb(0,81,207)
```

Tone Color Variation

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

#556593 Protanopia 1% of men
#4e6695 Deuteranopia 1% of men
#3b6d75 Tritanopia 0.001% of the population

Trichromacy

#4d6291 Protanomaly 1% of men, 0.01% of women
#496392 Deuteranomaly 6% of men, 0.4% of women
#3d687e Tritanomaly 0.01% of the population

#405f8f hex color

#405f8f Color Information

#405f8f Color Conversion

Color Schemes with #405f8f

Alternatives to #405f8f

#405f8f Preview

Shades and Tints of #405f8f

Tones of #405f8f

Color Blindness Simulator