#386c48 hex color

In a RGB color space, hex #386c48 is composed of 22% red, 42.4% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 48.1% cyan, 0% magenta, 33.3% yellow and 57.6% black. It has a hue angle of 138.5 degrees, a saturation of 31.7% and a lightness of 32.2%. #386c48 color hex could be obtained by blending #70d890 with #000000. Closest websafe color is: #336633.

♥
- f
- t
- g
- R 22
- G 42
- B 28
RGB color chart
- C 48
- M 0
- Y 33
- K 58
CMYK color chart

● #386c48 color description : Very dark desaturated cyan - lime green.

The hexadecimal color #386c48 has RGB values of R:56, G:108, B:72 and CMYK values of C:0.48, M:0, Y:0.33, K:0.58. Its decimal value is 3697736.

Hex triplet	386c48	`#386c48`
RGB Decimal	56, 108, 72	`rgb(56,108,72)`
RGB Percent	22, 42.4, 28.2	`rgb(22%,42.4%,28.2%)`
CMYK	48, 0, 33, 58
HSL	138.5°, 31.7, 32.2	`hsl(138.5,31.7%,32.2%)`
HSV (or HSB)	138.5°, 48.1, 42.4
Web Safe	336633	`#336633`

CIE-LAB	41.269, -26.251, 14.892
XYZ	8.163, 12.033, 8.023
xyY	0.289, 0.426, 12.033
CIE-LCH	41.269, 30.181, 150.434
CIE-LUV	41.269, -23.797, 21.865
Hunter-Lab	34.689, -18.703, 10.569
Binary	00111000, 01101100, 01001000

#386c48
```
#386c48 rgb(56,108,72)
```
#6c385c
```
#6c385c rgb(108,56,92)
```

Complementary Color

#426c38
```
#426c38 rgb(66,108,56)
```
#386c48
```
#386c48 rgb(56,108,72)
```
#386c62
```
#386c62 rgb(56,108,98)
```

Analogous Color

#6c3842
```
#6c3842 rgb(108,56,66)
```
#386c48
```
#386c48 rgb(56,108,72)
```
#62386c
```
#62386c rgb(98,56,108)
```

Split Complementary Color

#6c4838
```
#6c4838 rgb(108,72,56)
```
#386c48
```
#386c48 rgb(56,108,72)
```
#48386c
```
#48386c rgb(72,56,108)
```

Triadic Color

#5c6c38
```
#5c6c38 rgb(92,108,56)
```
#386c48
```
#386c48 rgb(56,108,72)
```
#48386c
```
#48386c rgb(72,56,108)
```
#6c385c
```
#6c385c rgb(108,56,92)
```

Tetradic Color

#1e3a26
```
#1e3a26 rgb(30,58,38)
```
#274a32
```
#274a32 rgb(39,74,50)
```
#2f5b3d
```
#2f5b3d rgb(47,91,61)
```
#386c48
```
#386c48 rgb(56,108,72)
```
#417d53
```
#417d53 rgb(65,125,83)
```
#498e5e
```
#498e5e rgb(73,142,94)
```
#529e6a
```
#529e6a rgb(82,158,106)
```

Monochromatic Color

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

#386c3b
```
#386c3b rgb(56,108,59)
```
#386c3f
```
#386c3f rgb(56,108,63)
```
#386c44
```
#386c44 rgb(56,108,68)
```
#386c48
```
#386c48 rgb(56,108,72)
```
#386c4c
```
#386c4c rgb(56,108,76)
```
#386c51
```
#386c51 rgb(56,108,81)
```
#386c55
```
#386c55 rgb(56,108,85)
```

Similar Colors

Text with hexadecimal color #386c48

This text has a font color of #386c48.

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

#386c48 background color

This paragraph has a background color of #386c48.

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

#386c48 border color

This element has a border color of #386c48.

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

CSS codes

.text {color:#386c48;}

.background {background-color:#386c48;}

.border {border:1px solid #386c48;}

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

#020503
```
#020503 rgb(2,5,3)
```
#09120c
```
#09120c rgb(9,18,12)
```
#101e14
```
#101e14 rgb(16,30,20)
```
#172b1d
```
#172b1d rgb(23,43,29)
```
#1d3826
```
#1d3826 rgb(29,56,38)
```
#24452e
```
#24452e rgb(36,69,46)
```
#2b5237
```
#2b5237 rgb(43,82,55)
```
#315f3f
```
#315f3f rgb(49,95,63)
```
#386c48
```
#386c48 rgb(56,108,72)
```
#3f7951
```
#3f7951 rgb(63,121,81)
```
#458659
```
#458659 rgb(69,134,89)
```
#4c9362
```
#4c9362 rgb(76,147,98)
```
#53a06a
```
#53a06a rgb(83,160,106)
```

Shade Color Variation

#5caa74
```
#5caa74 rgb(92,170,116)
```
#69b17f
```
#69b17f rgb(105,177,127)
```
#76b88a
```
#76b88a rgb(118,184,138)
```
#82be95
```
#82be95 rgb(130,190,149)
```
#8fc5a0
```
#8fc5a0 rgb(143,197,160)
```
#9cccab
```
#9cccab rgb(156,204,171)
```
#a9d3b6
```
#a9d3b6 rgb(169,211,182)
```
#b6d9c1
```
#b6d9c1 rgb(182,217,193)
```
#c3e0cc
```
#c3e0cc rgb(195,224,204)
```
#d0e7d7
```
#d0e7d7 rgb(208,231,215)
```
#ddede2
```
#ddede2 rgb(221,237,226)
```
#eaf4ed
```
#eaf4ed rgb(234,244,237)
```
#f7fbf8
```
#f7fbf8 rgb(247,251,248)
```

Tint Color Variation

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

#515352
```
#515352 rgb(81,83,82)
```
#4b594f
```
#4b594f rgb(75,89,79)
```
#455f4d
```
#455f4d rgb(69,95,77)
```
#3e664a
```
#3e664a rgb(62,102,74)
```
#386c48
```
#386c48 rgb(56,108,72)
```
#327246
```
#327246 rgb(50,114,70)
```
#2b7943
```
#2b7943 rgb(43,121,67)
```
#257f41
```
#257f41 rgb(37,127,65)
```
#1f853e
```
#1f853e rgb(31,133,62)
```
#188c3c
```
#188c3c rgb(24,140,60)
```
#129239
```
#129239 rgb(18,146,57)
```
#0c9837
```
#0c9837 rgb(12,152,55)
```
#069e35
```
#069e35 rgb(6,158,53)
```

Tone Color Variation

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

#585858 Achromatopsia 0.005% of the population
#525c55 Atypical Achromatopsia 0.001% of the population

Dichromacy

#71694d Protanopia 1% of men
#7a6556 Deuteranopia 1% of men
#4c6e76 Tritanopia 0.001% of the population

Trichromacy

#5c6a4b Protanomaly 1% of men, 0.01% of women
#626751 Deuteranomaly 6% of men, 0.4% of women
#456d65 Tritanomaly 0.01% of the population

#386c48 hex color

#386c48 Color Information

#386c48 Color Conversion

Color Schemes with #386c48

Alternatives to #386c48

#386c48 Preview

Shades and Tints of #386c48

Tones of #386c48

Color Blindness Simulator