#405366 hex color

In a RGB color space, hex #405366 is composed of 25.1% red, 32.5% green and 40% blue. Whereas in a CMYK color space, it is composed of 37.3% cyan, 18.6% magenta, 0% yellow and 60% black. It has a hue angle of 210 degrees, a saturation of 22.9% and a lightness of 32.5%. #405366 color hex could be obtained by blending #80a6cc with #000000. Closest websafe color is: #336666.

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

● #405366 color description : Very dark desaturated blue.

The hexadecimal color #405366 has RGB values of R:64, G:83, B:102 and CMYK values of C:0.37, M:0.19, Y:0, K:0.6. Its decimal value is 4215654.

Hex triplet	405366	`#405366`
RGB Decimal	64, 83, 102	`rgb(64,83,102)`
RGB Percent	25.1, 32.5, 40	`rgb(25.1%,32.5%,40%)`
CMYK	37, 19, 0, 60
HSL	210°, 22.9, 32.5	`hsl(210,22.9%,32.5%)`
HSV (or HSB)	210°, 37.3, 40
Web Safe	336666	`#336666`

CIE-LAB	34.469, -2.079, -13.347
XYZ	7.605, 8.236, 13.759
xyY	0.257, 0.278, 8.236
CIE-LCH	34.469, 13.508, 261.146
CIE-LUV	34.469, -9.587, -17.225
Hunter-Lab	28.698, -2.915, -8.337
Binary	01000000, 01010011, 01100110

#405366
```
#405366 rgb(64,83,102)
```
#665340
```
#665340 rgb(102,83,64)
```

Complementary Color

#406666
```
#406666 rgb(64,102,102)
```
#405366
```
#405366 rgb(64,83,102)
```
#404066
```
#404066 rgb(64,64,102)
```

Analogous Color

#666640
```
#666640 rgb(102,102,64)
```
#405366
```
#405366 rgb(64,83,102)
```
#664040
```
#664040 rgb(102,64,64)
```

Split Complementary Color

#536640
```
#536640 rgb(83,102,64)
```
#405366
```
#405366 rgb(64,83,102)
```
#664053
```
#664053 rgb(102,64,83)
```

Triadic Color

#406653
```
#406653 rgb(64,102,83)
```
#405366
```
#405366 rgb(64,83,102)
```
#664053
```
#664053 rgb(102,64,83)
```
#665340
```
#665340 rgb(102,83,64)
```

Tetradic Color

#232d37
```
#232d37 rgb(35,45,55)
```
#2c3a47
```
#2c3a47 rgb(44,58,71)
```
#364656
```
#364656 rgb(54,70,86)
```
#405366
```
#405366 rgb(64,83,102)
```
#4a6076
```
#4a6076 rgb(74,96,118)
```
#546d85
```
#546d85 rgb(84,109,133)
```
#5d7995
```
#5d7995 rgb(93,121,149)
```

Monochromatic Color

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

#405d66
```
#405d66 rgb(64,93,102)
```
#405966
```
#405966 rgb(64,89,102)
```
#405666
```
#405666 rgb(64,86,102)
```
#405366
```
#405366 rgb(64,83,102)
```
#405066
```
#405066 rgb(64,80,102)
```
#404d66
```
#404d66 rgb(64,77,102)
```
#404a66
```
#404a66 rgb(64,74,102)
```

Similar Colors

Text with hexadecimal color #405366

This text has a font color of #405366.

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

#405366 background color

This paragraph has a background color of #405366.

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

#405366 border color

This element has a border color of #405366.

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

CSS codes

.text {color:#405366;}

.background {background-color:#405366;}

.border {border:1px solid #405366;}

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

#030506
```
#030506 rgb(3,5,6)
```
#0b0e12
```
#0b0e12 rgb(11,14,18)
```
#13181e
```
#13181e rgb(19,24,30)
```
#1a222a
```
#1a222a rgb(26,34,42)
```
#222c36
```
#222c36 rgb(34,44,54)
```
#293642
```
#293642 rgb(41,54,66)
```
#313f4e
```
#313f4e rgb(49,63,78)
```
#38495a
```
#38495a rgb(56,73,90)
```
#405366
```
#405366 rgb(64,83,102)
```
#485d72
```
#485d72 rgb(72,93,114)
```
#4f677e
```
#4f677e rgb(79,103,126)
```
#57708a
```
#57708a rgb(87,112,138)
```
#5e7a96
```
#5e7a96 rgb(94,122,150)
```

Shade Color Variation

#6884a0
```
#6884a0 rgb(104,132,160)
```
#748ea8
```
#748ea8 rgb(116,142,168)
```
#8098af
```
#8098af rgb(128,152,175)
```
#8ca1b7
```
#8ca1b7 rgb(140,161,183)
```
#98abbe
```
#98abbe rgb(152,171,190)
```
#a4b5c6
```
#a4b5c6 rgb(164,181,198)
```
#b0bfce
```
#b0bfce rgb(176,191,206)
```
#bcc9d5
```
#bcc9d5 rgb(188,201,213)
```
#c8d3dd
```
#c8d3dd rgb(200,211,221)
```
#d4dce4
```
#d4dce4 rgb(212,220,228)
```
#e0e6ec
```
#e0e6ec rgb(224,230,236)
```
#ecf0f3
```
#ecf0f3 rgb(236,240,243)
```
#f9fafb
```
#f9fafb rgb(249,250,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #4d5359 is the less saturated color, while #0053a6 is the most saturated one.

#4d5359
```
#4d5359 rgb(77,83,89)
```
#465360
```
#465360 rgb(70,83,96)
```
#405366
```
#405366 rgb(64,83,102)
```
#3a536c
```
#3a536c rgb(58,83,108)
```
#335373
```
#335373 rgb(51,83,115)
```
#2d5379
```
#2d5379 rgb(45,83,121)
```
#265380
```
#265380 rgb(38,83,128)
```
#205386
```
#205386 rgb(32,83,134)
```
#1a538c
```
#1a538c rgb(26,83,140)
```
#135393
```
#135393 rgb(19,83,147)
```
#0d5399
```
#0d5399 rgb(13,83,153)
```
#07539f
```
#07539f rgb(7,83,159)
```
#0053a6
```
#0053a6 rgb(0,83,166)
```

Tone Color Variation

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

#4f4f4f Achromatopsia 0.005% of the population
#4c5054 Atypical Achromatopsia 0.001% of the population

Dichromacy

#55596c Protanopia 1% of men
#56586f Deuteranopia 1% of men
#475d64 Tritanopia 0.001% of the population

Trichromacy

#4d576a Protanomaly 1% of men, 0.01% of women
#4e566b Deuteranomaly 6% of men, 0.4% of women
#445965 Tritanomaly 0.01% of the population

#405366 hex color

#405366 Color Information

#405366 Color Conversion

Color Schemes with #405366

Alternatives to #405366

#405366 Preview

Shades and Tints of #405366

Tones of #405366

Color Blindness Simulator