#406768 hex color

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

♥
- f
- t
- g
- R 25
- G 40
- B 41
RGB color chart
- C 38
- M 1
- Y 0
- K 59
CMYK color chart

● #406768 color description : Very dark desaturated cyan.

The hexadecimal color #406768 has RGB values of R:64, G:103, B:104 and CMYK values of C:0.38, M:0.01, Y:0, K:0.59. Its decimal value is 4220776.

Hex triplet	406768	`#406768`
RGB Decimal	64, 103, 104	`rgb(64,103,104)`
RGB Percent	25.1, 40.4, 40.8	`rgb(25.1%,40.4%,40.8%)`
CMYK	38, 1, 0, 59
HSL	181.5°, 23.8, 32.9	`hsl(181.5,23.8%,32.9%)`
HSV (or HSB)	181.5°, 38.5, 40.8
Web Safe	336666	`#336666`

CIE-LAB	40.88, -13.434, -4.933
XYZ	9.463, 11.789, 14.873
xyY	0.262, 0.326, 11.789
CIE-LCH	40.88, 14.311, 200.163
CIE-LUV	40.88, -18.032, -4.705
Hunter-Lab	34.336, -10.895, -1.647
Binary	01000000, 01100111, 01101000

#406768
```
#406768 rgb(64,103,104)
```
#684140
```
#684140 rgb(104,65,64)
```

Complementary Color

#406855
```
#406855 rgb(64,104,85)
```
#406768
```
#406768 rgb(64,103,104)
```
#405368
```
#405368 rgb(64,83,104)
```

Analogous Color

#685540
```
#685540 rgb(104,85,64)
```
#406768
```
#406768 rgb(64,103,104)
```
#684053
```
#684053 rgb(104,64,83)
```

Split Complementary Color

#676840
```
#676840 rgb(103,104,64)
```
#406768
```
#406768 rgb(64,103,104)
```
#684067
```
#684067 rgb(104,64,103)
```

Triadic Color

#406841
```
#406841 rgb(64,104,65)
```
#406768
```
#406768 rgb(64,103,104)
```
#684067
```
#684067 rgb(104,64,103)
```
#684140
```
#684140 rgb(104,65,64)
```

Tetradic Color

#233839
```
#233839 rgb(35,56,57)
```
#2d4848
```
#2d4848 rgb(45,72,72)
```
#365758
```
#365758 rgb(54,87,88)
```
#406768
```
#406768 rgb(64,103,104)
```
#4a7778
```
#4a7778 rgb(74,119,120)
```
#538688
```
#538688 rgb(83,134,136)
```
#5d9697
```
#5d9697 rgb(93,150,151)
```

Monochromatic Color

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

#40685f
```
#40685f rgb(64,104,95)
```
#406862
```
#406862 rgb(64,104,98)
```
#406866
```
#406866 rgb(64,104,102)
```
#406768
```
#406768 rgb(64,103,104)
```
#406468
```
#406468 rgb(64,100,104)
```
#406068
```
#406068 rgb(64,96,104)
```
#405d68
```
#405d68 rgb(64,93,104)
```

Similar Colors

Text with hexadecimal color #406768

This text has a font color of #406768.

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

#406768 background color

This paragraph has a background color of #406768.

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

#406768 border color

This element has a border color of #406768.

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

CSS codes

.text {color:#406768;}

.background {background-color:#406768;}

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

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

#040707
```
#040707 rgb(4,7,7)
```
#0c1313
```
#0c1313 rgb(12,19,19)
```
#131f1f
```
#131f1f rgb(19,31,31)
```
#1b2b2b
```
#1b2b2b rgb(27,43,43)
```
#223737
```
#223737 rgb(34,55,55)
```
#2a4344
```
#2a4344 rgb(42,67,68)
```
#314f50
```
#314f50 rgb(49,79,80)
```
#395b5c
```
#395b5c rgb(57,91,92)
```
#406768
```
#406768 rgb(64,103,104)
```
#477374
```
#477374 rgb(71,115,116)
```
#4f7f80
```
#4f7f80 rgb(79,127,128)
```
#568b8c
```
#568b8c rgb(86,139,140)
```
#5e9799
```
#5e9799 rgb(94,151,153)
```

Shade Color Variation

#68a1a2
```
#68a1a2 rgb(104,161,162)
```
#74a8aa
```
#74a8aa rgb(116,168,170)
```
#80b0b1
```
#80b0b1 rgb(128,176,177)
```
#8cb7b8
```
#8cb7b8 rgb(140,183,184)
```
#99bfc0
```
#99bfc0 rgb(153,191,192)
```
#a5c7c7
```
#a5c7c7 rgb(165,199,199)
```
#b1cecf
```
#b1cecf rgb(177,206,207)
```
#bdd6d6
```
#bdd6d6 rgb(189,214,214)
```
#c9ddde
```
#c9ddde rgb(201,221,222)
```
#d5e5e5
```
#d5e5e5 rgb(213,229,229)
```
#e1eded
```
#e1eded rgb(225,237,237)
```
#eef4f4
```
#eef4f4 rgb(238,244,244)
```
#fafcfc
```
#fafcfc rgb(250,252,252)
```

Tint Color Variation

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

#535555
```
#535555 rgb(83,85,85)
```
#4d5b5b
```
#4d5b5b rgb(77,91,91)
```
#466162
```
#466162 rgb(70,97,98)
```
#406768
```
#406768 rgb(64,103,104)
```
#3a6d6e
```
#3a6d6e rgb(58,109,110)
```
#337375
```
#337375 rgb(51,115,117)
```
#2d797b
```
#2d797b rgb(45,121,123)
```
#268082
```
#268082 rgb(38,128,130)
```
#208688
```
#208688 rgb(32,134,136)
```
#198c8f
```
#198c8f rgb(25,140,143)
```
#139295
```
#139295 rgb(19,146,149)
```
#0c989c
```
#0c989c rgb(12,152,156)
```
#069ea2
```
#069ea2 rgb(6,158,162)
```

Tone Color Variation

Below, you can see how #406768 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
#565d5e Atypical Achromatopsia 0.001% of the population

Dichromacy

#69686c Protanopia 1% of men
#6d6672 Deuteranopia 1% of men
#4b6d75 Tritanopia 0.001% of the population

Trichromacy

#5a676a Protanomaly 1% of men, 0.01% of women
#5c666e Deuteranomaly 6% of men, 0.4% of women
#476b70 Tritanomaly 0.01% of the population

#406768 hex color

#406768 Color Information

#406768 Color Conversion

Color Schemes with #406768

Alternatives to #406768

#406768 Preview

Shades and Tints of #406768

Tones of #406768

Color Blindness Simulator