#405f6c hex color

In a RGB color space, hex #405f6c is composed of 25.1% red, 37.3% green and 42.4% blue. Whereas in a CMYK color space, it is composed of 40.7% cyan, 12% magenta, 0% yellow and 57.6% black. It has a hue angle of 197.7 degrees, a saturation of 25.6% and a lightness of 33.7%. #405f6c color hex could be obtained by blending #80bed8 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 25
- G 37
- B 42
RGB color chart
- C 41
- M 12
- Y 0
- K 58
CMYK color chart

● #405f6c color description : Very dark desaturated blue.

The hexadecimal color #405f6c has RGB values of R:64, G:95, B:108 and CMYK values of C:0.41, M:0.12, Y:0, K:0.58. Its decimal value is 4218732.

Hex triplet	405f6c	`#405f6c`
RGB Decimal	64, 95, 108	`rgb(64,95,108)`
RGB Percent	25.1, 37.3, 42.4	`rgb(25.1%,37.3%,42.4%)`
CMYK	41, 12, 0, 58
HSL	197.7°, 25.6, 33.7	`hsl(197.7,25.6%,33.7%)`
HSV (or HSB)	197.7°, 40.7, 42.4
Web Safe	336666	`#336666`

CIE-LAB	38.475, -7.649, -10.989
XYZ	8.913, 10.357, 15.716
xyY	0.255, 0.296, 10.357
CIE-LCH	38.475, 13.389, 235.158
CIE-LUV	38.475, -14.609, -13.725
Hunter-Lab	32.182, -6.883, -6.427
Binary	01000000, 01011111, 01101100

#405f6c
```
#405f6c rgb(64,95,108)
```
#6c4d40
```
#6c4d40 rgb(108,77,64)
```

Complementary Color

#406c63
```
#406c63 rgb(64,108,99)
```
#405f6c
```
#405f6c rgb(64,95,108)
```
#40496c
```
#40496c rgb(64,73,108)
```

Analogous Color

#6c6340
```
#6c6340 rgb(108,99,64)
```
#405f6c
```
#405f6c rgb(64,95,108)
```
#6c4049
```
#6c4049 rgb(108,64,73)
```

Split Complementary Color

#5f6c40
```
#5f6c40 rgb(95,108,64)
```
#405f6c
```
#405f6c rgb(64,95,108)
```
#6c405f
```
#6c405f rgb(108,64,95)
```

Triadic Color

#406c4d
```
#406c4d rgb(64,108,77)
```
#405f6c
```
#405f6c rgb(64,95,108)
```
#6c405f
```
#6c405f rgb(108,64,95)
```
#6c4d40
```
#6c4d40 rgb(108,77,64)
```

Tetradic Color

#24353c
```
#24353c rgb(36,53,60)
```
#2d434c
```
#2d434c rgb(45,67,76)
```
#37515c
```
#37515c rgb(55,81,92)
```
#405f6c
```
#405f6c rgb(64,95,108)
```
#496d7c
```
#496d7c rgb(73,109,124)
```
#537b8c
```
#537b8c rgb(83,123,140)
```
#5c899c
```
#5c899c rgb(92,137,156)
```

Monochromatic Color

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

#406a6c
```
#406a6c rgb(64,106,108)
```
#40666c
```
#40666c rgb(64,102,108)
```
#40636c
```
#40636c rgb(64,99,108)
```
#405f6c
```
#405f6c rgb(64,95,108)
```
#405b6c
```
#405b6c rgb(64,91,108)
```
#40586c
```
#40586c rgb(64,88,108)
```
#40546c
```
#40546c rgb(64,84,108)
```

Similar Colors

Text with hexadecimal color #405f6c

This text has a font color of #405f6c.

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

#405f6c background color

This paragraph has a background color of #405f6c.

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

#405f6c border color

This element has a border color of #405f6c.

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

CSS codes

.text {color:#405f6c;}

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

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

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

#060809
```
#060809 rgb(6,8,9)
```
#0d1316
```
#0d1316 rgb(13,19,22)
```
#141e22
```
#141e22 rgb(20,30,34)
```
#1c292e
```
#1c292e rgb(28,41,46)
```
#23343b
```
#23343b rgb(35,52,59)
```
#2a3e47
```
#2a3e47 rgb(42,62,71)
```
#314953
```
#314953 rgb(49,73,83)
```
#395460
```
#395460 rgb(57,84,96)
```
#405f6c
```
#405f6c rgb(64,95,108)
```
#476a78
```
#476a78 rgb(71,106,120)
```
#4f7585
```
#4f7585 rgb(79,117,133)
```
#568091
```
#568091 rgb(86,128,145)
```
#5d8a9d
```
#5d8a9d rgb(93,138,157)
```

Shade Color Variation

#6894a6
```
#6894a6 rgb(104,148,166)
```
#759cad
```
#759cad rgb(117,156,173)
```
#81a5b4
```
#81a5b4 rgb(129,165,180)
```
#8daebc
```
#8daebc rgb(141,174,188)
```
#9ab7c3
```
#9ab7c3 rgb(154,183,195)
```
#a6bfca
```
#a6bfca rgb(166,191,202)
```
#b2c8d2
```
#b2c8d2 rgb(178,200,210)
```
#bfd1d9
```
#bfd1d9 rgb(191,209,217)
```
#cbdae0
```
#cbdae0 rgb(203,218,224)
```
#d7e3e7
```
#d7e3e7 rgb(215,227,231)
```
#e4ebef
```
#e4ebef rgb(228,235,239)
```
#f0f4f6
```
#f0f4f6 rgb(240,244,246)
```
#fcfdfd
```
#fcfdfd rgb(252,253,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #545758 is the less saturated color, while #0477a8 is the most saturated one.

#545758
```
#545758 rgb(84,87,88)
```
#4d5a5f
```
#4d5a5f rgb(77,90,95)
```
#475c65
```
#475c65 rgb(71,92,101)
```
#405f6c
```
#405f6c rgb(64,95,108)
```
#396273
```
#396273 rgb(57,98,115)
```
#336479
```
#336479 rgb(51,100,121)
```
#2c6780
```
#2c6780 rgb(44,103,128)
```
#266a86
```
#266a86 rgb(38,106,134)
```
#1f6d8d
```
#1f6d8d rgb(31,109,141)
```
#186f94
```
#186f94 rgb(24,111,148)
```
#12729a
```
#12729a rgb(18,114,154)
```
#0b75a1
```
#0b75a1 rgb(11,117,161)
```
#0477a8
```
#0477a8 rgb(4,119,168)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#52595b Atypical Achromatopsia 0.001% of the population

Dichromacy

#606270 Protanopia 1% of men
#626175 Deuteranopia 1% of men
#48686f Tritanopia 0.001% of the population

Trichromacy

#54616e Protanomaly 1% of men, 0.01% of women
#556072 Deuteranomaly 6% of men, 0.4% of women
#45646e Tritanomaly 0.01% of the population

#405f6c hex color

#405f6c Color Information

#405f6c Color Conversion

Color Schemes with #405f6c

Alternatives to #405f6c

#405f6c Preview

Shades and Tints of #405f6c

Tones of #405f6c

Color Blindness Simulator