#406348 hex color

In a RGB color space, hex #406348 is composed of 25.1% red, 38.8% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 35.4% cyan, 0% magenta, 27.3% yellow and 61.2% black. It has a hue angle of 133.7 degrees, a saturation of 21.5% and a lightness of 32%. #406348 color hex could be obtained by blending #80c690 with #000000. Closest websafe color is: #336633.

♥
- f
- t
- g
- R 25
- G 39
- B 28
RGB color chart
- C 35
- M 0
- Y 27
- K 61
CMYK color chart

● #406348 color description : Very dark desaturated lime green.

The hexadecimal color #406348 has RGB values of R:64, G:99, B:72 and CMYK values of C:0.35, M:0, Y:0.27, K:0.61. Its decimal value is 4219720.

Hex triplet	406348	`#406348`
RGB Decimal	64, 99, 72	`rgb(64,99,72)`
RGB Percent	25.1, 38.8, 28.2	`rgb(25.1%,38.8%,28.2%)`
CMYK	35, 0, 27, 61
HSL	133.7°, 21.5, 32	`hsl(133.7,21.5%,32%)`
HSV (or HSB)	133.7°, 35.4, 38.8
Web Safe	336633	`#336633`

CIE-LAB	38.693, -18.97, 11.428
XYZ	7.746, 10.481, 7.745
xyY	0.298, 0.404, 10.481
CIE-LCH	38.693, 22.146, 148.933
CIE-LUV	38.693, -16.708, 16.544
Hunter-Lab	32.375, -13.95, 8.477
Binary	01000000, 01100011, 01001000

#406348
```
#406348 rgb(64,99,72)
```
#63405b
```
#63405b rgb(99,64,91)
```

Complementary Color

#4a6340
```
#4a6340 rgb(74,99,64)
```
#406348
```
#406348 rgb(64,99,72)
```
#40635a
```
#40635a rgb(64,99,90)
```

Analogous Color

#63404a
```
#63404a rgb(99,64,74)
```
#406348
```
#406348 rgb(64,99,72)
```
#5a4063
```
#5a4063 rgb(90,64,99)
```

Split Complementary Color

#634840
```
#634840 rgb(99,72,64)
```
#406348
```
#406348 rgb(64,99,72)
```
#484063
```
#484063 rgb(72,64,99)
```

Triadic Color

#5b6340
```
#5b6340 rgb(91,99,64)
```
#406348
```
#406348 rgb(64,99,72)
```
#484063
```
#484063 rgb(72,64,99)
```
#63405b
```
#63405b rgb(99,64,91)
```

Tetradic Color

#223526
```
#223526 rgb(34,53,38)
```
#2c4431
```
#2c4431 rgb(44,68,49)
```
#36543d
```
#36543d rgb(54,84,61)
```
#406348
```
#406348 rgb(64,99,72)
```
#4a7253
```
#4a7253 rgb(74,114,83)
```
#54825f
```
#54825f rgb(84,130,95)
```
#5e916a
```
#5e916a rgb(94,145,106)
```

Monochromatic Color

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

#416340
```
#416340 rgb(65,99,64)
```
#406342
```
#406342 rgb(64,99,66)
```
#406345
```
#406345 rgb(64,99,69)
```
#406348
```
#406348 rgb(64,99,72)
```
#40634b
```
#40634b rgb(64,99,75)
```
#40634e
```
#40634e rgb(64,99,78)
```
#406351
```
#406351 rgb(64,99,81)
```

Similar Colors

Text with hexadecimal color #406348

This text has a font color of #406348.

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

#406348 background color

This paragraph has a background color of #406348.

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

#406348 border color

This element has a border color of #406348.

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

CSS codes

.text {color:#406348;}

.background {background-color:#406348;}

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

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

#020403
```
#020403 rgb(2,4,3)
```
#0a100b
```
#0a100b rgb(10,16,11)
```
#121c14
```
#121c14 rgb(18,28,20)
```
#19271d
```
#19271d rgb(25,39,29)
```
#213325
```
#213325 rgb(33,51,37)
```
#293f2e
```
#293f2e rgb(41,63,46)
```
#314b37
```
#314b37 rgb(49,75,55)
```
#38573f
```
#38573f rgb(56,87,63)
```
#406348
```
#406348 rgb(64,99,72)
```
#486f51
```
#486f51 rgb(72,111,81)
```
#4f7b59
```
#4f7b59 rgb(79,123,89)
```
#578762
```
#578762 rgb(87,135,98)
```
#5f936b
```
#5f936b rgb(95,147,107)
```

Shade Color Variation

#689d74
```
#689d74 rgb(104,157,116)
```
#74a57f
```
#74a57f rgb(116,165,127)
```
#80ad8a
```
#80ad8a rgb(128,173,138)
```
#8cb495
```
#8cb495 rgb(140,180,149)
```
#97bca0
```
#97bca0 rgb(151,188,160)
```
#a3c4ab
```
#a3c4ab rgb(163,196,171)
```
#afcbb6
```
#afcbb6 rgb(175,203,182)
```
#bbd3c1
```
#bbd3c1 rgb(187,211,193)
```
#c7dbcc
```
#c7dbcc rgb(199,219,204)
```
#d3e3d7
```
#d3e3d7 rgb(211,227,215)
```
#dfeae2
```
#dfeae2 rgb(223,234,226)
```
#ebf2ec
```
#ebf2ec rgb(235,242,236)
```
#f7faf7
```
#f7faf7 rgb(247,250,247)
```

Tint Color Variation

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

#4d564f
```
#4d564f rgb(77,86,79)
```
#465d4b
```
#465d4b rgb(70,93,75)
```
#406348
```
#406348 rgb(64,99,72)
```
#3a6945
```
#3a6945 rgb(58,105,69)
```
#337041
```
#337041 rgb(51,112,65)
```
#2d763e
```
#2d763e rgb(45,118,62)
```
#277c3a
```
#277c3a rgb(39,124,58)
```
#218237
```
#218237 rgb(33,130,55)
```
#1a8934
```
#1a8934 rgb(26,137,52)
```
#148f30
```
#148f30 rgb(20,143,48)
```
#0e952d
```
#0e952d rgb(14,149,45)
```
#089b29
```
#089b29 rgb(8,155,41)
```
#01a226
```
#01a226 rgb(1,162,38)
```

Tone Color Variation

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

#555555 Achromatopsia 0.005% of the population
#515852 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6a634e Protanopia 1% of men
#726055 Deuteranopia 1% of men
#50676e Tritanopia 0.001% of the population

Trichromacy

#5a634b Protanomaly 1% of men, 0.01% of women
#5f6150 Deuteranomaly 6% of men, 0.4% of women
#4a6560 Tritanomaly 0.01% of the population

#406348 hex color

#406348 Color Information

#406348 Color Conversion

Color Schemes with #406348

Alternatives to #406348

#406348 Preview

Shades and Tints of #406348

Tones of #406348

Color Blindness Simulator