#386c4f hex color

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

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

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

The hexadecimal color #386c4f has RGB values of R:56, G:108, B:79 and CMYK values of C:0.48, M:0, Y:0.27, K:0.58. Its decimal value is 3697743.

Hex triplet	386c4f	`#386c4f`
RGB Decimal	56, 108, 79	`rgb(56,108,79)`
RGB Percent	22, 42.4, 31	`rgb(22%,42.4%,31%)`
CMYK	48, 0, 27, 58
HSL	146.5°, 31.7, 32.2	`hsl(146.5,31.7%,32.2%)`
HSV (or HSB)	146.5°, 48.1, 42.4
Web Safe	336666	`#336666`

CIE-LAB	41.422, -24.755, 10.94
XYZ	8.404, 12.13, 9.295
xyY	0.282, 0.407, 12.13
CIE-LCH	41.422, 27.064, 156.158
CIE-LUV	41.422, -23.586, 17.174
Hunter-Lab	34.828, -17.876, 8.556
Binary	00111000, 01101100, 01001111

#386c4f
```
#386c4f rgb(56,108,79)
```
#6c3855
```
#6c3855 rgb(108,56,85)
```

Complementary Color

#3b6c38
```
#3b6c38 rgb(59,108,56)
```
#386c4f
```
#386c4f rgb(56,108,79)
```
#386c69
```
#386c69 rgb(56,108,105)
```

Analogous Color

#6c383b
```
#6c383b rgb(108,56,59)
```
#386c4f
```
#386c4f rgb(56,108,79)
```
#69386c
```
#69386c rgb(105,56,108)
```

Split Complementary Color

#6c4f38
```
#6c4f38 rgb(108,79,56)
```
#386c4f
```
#386c4f rgb(56,108,79)
```
#4f386c
```
#4f386c rgb(79,56,108)
```

Triadic Color

#556c38
```
#556c38 rgb(85,108,56)
```
#386c4f
```
#386c4f rgb(56,108,79)
```
#4f386c
```
#4f386c rgb(79,56,108)
```
#6c3855
```
#6c3855 rgb(108,56,85)
```

Tetradic Color

#1e3a2a
```
#1e3a2a rgb(30,58,42)
```
#274a36
```
#274a36 rgb(39,74,54)
```
#2f5b43
```
#2f5b43 rgb(47,91,67)
```
#386c4f
```
#386c4f rgb(56,108,79)
```
#417d5b
```
#417d5b rgb(65,125,91)
```
#498e68
```
#498e68 rgb(73,142,104)
```
#529e74
```
#529e74 rgb(82,158,116)
```

Monochromatic Color

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

#386c42
```
#386c42 rgb(56,108,66)
```
#386c46
```
#386c46 rgb(56,108,70)
```
#386c4b
```
#386c4b rgb(56,108,75)
```
#386c4f
```
#386c4f rgb(56,108,79)
```
#386c53
```
#386c53 rgb(56,108,83)
```
#386c58
```
#386c58 rgb(56,108,88)
```
#386c5c
```
#386c5c rgb(56,108,92)
```

Similar Colors

Text with hexadecimal color #386c4f

This text has a font color of #386c4f.

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

#386c4f background color

This paragraph has a background color of #386c4f.

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

#386c4f border color

This element has a border color of #386c4f.

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

CSS codes

.text {color:#386c4f;}

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

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

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 #f7fbf9 is the lightest one.

#020503
```
#020503 rgb(2,5,3)
```
#09120d
```
#09120d rgb(9,18,13)
```
#101e16
```
#101e16 rgb(16,30,22)
```
#172b20
```
#172b20 rgb(23,43,32)
```
#1d3829
```
#1d3829 rgb(29,56,41)
```
#244533
```
#244533 rgb(36,69,51)
```
#2b523c
```
#2b523c rgb(43,82,60)
```
#315f46
```
#315f46 rgb(49,95,70)
```
#386c4f
```
#386c4f rgb(56,108,79)
```
#3f7958
```
#3f7958 rgb(63,121,88)
```
#458662
```
#458662 rgb(69,134,98)
```
#4c936b
```
#4c936b rgb(76,147,107)
```
#53a075
```
#53a075 rgb(83,160,117)
```

Shade Color Variation

#5caa7f
```
#5caa7f rgb(92,170,127)
```
#69b189
```
#69b189 rgb(105,177,137)
```
#76b893
```
#76b893 rgb(118,184,147)
```
#82be9d
```
#82be9d rgb(130,190,157)
```
#8fc5a7
```
#8fc5a7 rgb(143,197,167)
```
#9cccb1
```
#9cccb1 rgb(156,204,177)
```
#a9d3bc
```
#a9d3bc rgb(169,211,188)
```
#b6d9c6
```
#b6d9c6 rgb(182,217,198)
```
#c3e0d0
```
#c3e0d0 rgb(195,224,208)
```
#d0e7da
```
#d0e7da rgb(208,231,218)
```
#ddede4
```
#ddede4 rgb(221,237,228)
```
#eaf4ee
```
#eaf4ee rgb(234,244,238)
```
#f7fbf9
```
#f7fbf9 rgb(247,251,249)
```

Tint Color Variation

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

#515352
```
#515352 rgb(81,83,82)
```
#4b5951
```
#4b5951 rgb(75,89,81)
```
#455f50
```
#455f50 rgb(69,95,80)
```
#3e6650
```
#3e6650 rgb(62,102,80)
```
#386c4f
```
#386c4f rgb(56,108,79)
```
#32724e
```
#32724e rgb(50,114,78)
```
#2b794e
```
#2b794e rgb(43,121,78)
```
#257f4d
```
#257f4d rgb(37,127,77)
```
#1f854c
```
#1f854c rgb(31,133,76)
```
#188c4b
```
#188c4b rgb(24,140,75)
```
#12924b
```
#12924b rgb(18,146,75)
```
#0c984a
```
#0c984a rgb(12,152,74)
```
#069e49
```
#069e49 rgb(6,158,73)
```

Tone Color Variation

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

#595959 Achromatopsia 0.005% of the population
#525d57 Atypical Achromatopsia 0.001% of the population

Dichromacy

#706953 Protanopia 1% of men
#78665c Deuteranopia 1% of men
#4b6f77 Tritanopia 0.001% of the population

Trichromacy

#5c6a52 Protanomaly 1% of men, 0.01% of women
#616857 Deuteranomaly 6% of men, 0.4% of women
#446e68 Tritanomaly 0.01% of the population

#386c4f hex color

#386c4f Color Information

#386c4f Color Conversion

Color Schemes with #386c4f

Alternatives to #386c4f

#386c4f Preview

Shades and Tints of #386c4f

Tones of #386c4f

Color Blindness Simulator