colorhexa.com

#405a68 hex color

In a RGB color space, hex #405a68 is composed of 25.1% red, 35.3% green and 40.8% blue. Whereas in a CMYK color space, it is composed of 38.5% cyan, 13.5% magenta, 0% yellow and 59.2% black. It has a hue angle of 201 degrees, a saturation of 23.8% and a lightness of 32.9%. #405a68 color hex could be obtained by blending #80b4d0 with #000000. Closest websafe color is: #336666.

- R 25
- G 35
- B 41
RGB color chart
- C 38
- M 13
- Y 0
- K 59
CMYK color chart

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

The hexadecimal color #405a68 has RGB values of R:64, G:90, B:104 and CMYK values of C:0.38, M:0.13, Y:0, K:0.59. Its decimal value is 4217448.

Hex triplet	405a68	`#405a68`
RGB Decimal	64, 90, 104	`rgb(64,90,104)`
RGB Percent	25.1, 35.3, 40.8	`rgb(25.1%,35.3%,40.8%)`
CMYK	38, 13, 0, 59
HSL	201°, 23.8, 32.9	`hsl(201,23.8%,32.9%)`
HSV (or HSB)	201°, 38.5, 40.8
Web Safe	336666	`#336666`

CIE-LAB	36.746, -5.805, -11.133
XYZ	8.269, 9.401, 14.475
xyY	0.257, 0.292, 9.401
CIE-LCH	36.746, 12.555, 242.459
CIE-LUV	36.746, -12.523, -13.986
Hunter-Lab	30.662, -5.522, -6.527
Binary	01000000, 01011010, 01101000

#405a68
```
#405a68 rgb(64,90,104)
```
#684e40
```
#684e40 rgb(104,78,64)
```

Complementary Color

#406862
```
#406862 rgb(64,104,98)
```
#405a68
```
#405a68 rgb(64,90,104)
```
#404668
```
#404668 rgb(64,70,104)
```

Analogous Color

#686240
```
#686240 rgb(104,98,64)
```
#405a68
```
#405a68 rgb(64,90,104)
```
#684046
```
#684046 rgb(104,64,70)
```

Split Complementary Color

#5a6840
```
#5a6840 rgb(90,104,64)
```
#405a68
```
#405a68 rgb(64,90,104)
```
#68405a
```
#68405a rgb(104,64,90)
```

Triadic Color

#233139
```
#233139 rgb(35,49,57)
```
#2d3f48
```
#2d3f48 rgb(45,63,72)
```
#364c58
```
#364c58 rgb(54,76,88)
```
#405a68
```
#405a68 rgb(64,90,104)
```
#4a6878
```
#4a6878 rgb(74,104,120)
```
#537588
```
#537588 rgb(83,117,136)
```
#5d8397
```
#5d8397 rgb(93,131,151)
```

Monochromatic Color

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

#406468
```
#406468 rgb(64,100,104)
```
#406168
```
#406168 rgb(64,97,104)
```
#405d68
```
#405d68 rgb(64,93,104)
```
#405a68
```
#405a68 rgb(64,90,104)
```
#405768
```
#405768 rgb(64,87,104)
```
#405368
```
#405368 rgb(64,83,104)
```
#405068
```
#405068 rgb(64,80,104)
```

Similar Colors

Text with hexadecimal color #405a68

This text has a font color of #405a68.

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

#405a68 background color

This paragraph has a background color of #405a68.

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

#405a68 border color

This element has a border color of #405a68.

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

CSS codes

.text {color:#405a68;}

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

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

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

#040607
```
#040607 rgb(4,6,7)
```
#0c1013
```
#0c1013 rgb(12,16,19)
```
#131b1f
```
#131b1f rgb(19,27,31)
```
#1b252b
```
#1b252b rgb(27,37,43)
```
#223037
```
#223037 rgb(34,48,55)
```
#2a3a44
```
#2a3a44 rgb(42,58,68)
```
#314550
```
#314550 rgb(49,69,80)
```
#394f5c
```
#394f5c rgb(57,79,92)
```
#405a68
```
#405a68 rgb(64,90,104)
```
#476574
```
#476574 rgb(71,101,116)
```
#4f6f80
```
#4f6f80 rgb(79,111,128)
```
#567a8c
```
#567a8c rgb(86,122,140)
```
#5e8499
```
#5e8499 rgb(94,132,153)
```

Shade Color Variation

#688ea2
```
#688ea2 rgb(104,142,162)
```
#7497aa
```
#7497aa rgb(116,151,170)
```
#80a0b1
```
#80a0b1 rgb(128,160,177)
```
#8ca9b8
```
#8ca9b8 rgb(140,169,184)
```
#99b2c0
```
#99b2c0 rgb(153,178,192)
```
#a5bbc7
```
#a5bbc7 rgb(165,187,199)
```
#b1c4cf
```
#b1c4cf rgb(177,196,207)
```
#bdced6
```
#bdced6 rgb(189,206,214)
```
#c9d7de
```
#c9d7de rgb(201,215,222)
```
#d5e0e5
```
#d5e0e5 rgb(213,224,229)
```
#e1e9ed
```
#e1e9ed rgb(225,233,237)
```
#eef2f4
```
#eef2f4 rgb(238,242,244)
```
#fafbfc
```
#fafbfc rgb(250,251,252)
```

Tint Color Variation

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

#535455
```
#535455 rgb(83,84,85)
```
#4d565b
```
#4d565b rgb(77,86,91)
```
#465862
```
#465862 rgb(70,88,98)
```
#405a68
```
#405a68 rgb(64,90,104)
```
#3a5c6e
```
#3a5c6e rgb(58,92,110)
```
#335e75
```
#335e75 rgb(51,94,117)
```
#2d607b
```
#2d607b rgb(45,96,123)
```
#266282
```
#266282 rgb(38,98,130)
```
#206488
```
#206488 rgb(32,100,136)
```
#19668f
```
#19668f rgb(25,102,143)
```
#136895
```
#136895 rgb(19,104,149)
```
#0c6a9c
```
#0c6a9c rgb(12,106,156)
```
#066ba2
```
#066ba2 rgb(6,107,162)
```

Tone Color Variation

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

#545454 Achromatopsia 0.005% of the population
#505558 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5c5e6d Protanopia 1% of men
#5e5d71 Deuteranopia 1% of men
#48636a Tritanopia 0.001% of the population

Trichromacy

#515c6b Protanomaly 1% of men, 0.01% of women
#535c6e Deuteranomaly 6% of men, 0.4% of women
#456069 Tritanomaly 0.01% of the population