#3a6d5f hex color

In a RGB color space, hex #3a6d5f is composed of 22.7% red, 42.7% green and 37.3% blue. Whereas in a CMYK color space, it is composed of 46.8% cyan, 0% magenta, 12.8% yellow and 57.3% black. It has a hue angle of 163.5 degrees, a saturation of 30.5% and a lightness of 32.7%. #3a6d5f color hex could be obtained by blending #74dabe with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 23
- G 43
- B 37
RGB color chart
- C 47
- M 0
- Y 13
- K 57
CMYK color chart

● #3a6d5f color description : Very dark desaturated cyan - lime green.

The hexadecimal color #3a6d5f has RGB values of R:58, G:109, B:95 and CMYK values of C:0.47, M:0, Y:0.13, K:0.57. Its decimal value is 3829087.

Hex triplet	3a6d5f	`#3a6d5f`
RGB Decimal	58, 109, 95	`rgb(58,109,95)`
RGB Percent	22.7, 42.7, 37.3	`rgb(22.7%,42.7%,37.3%)`
CMYK	47, 0, 13, 57
HSL	163.5°, 30.5, 32.7	`hsl(163.5,30.5%,32.7%)`
HSV (or HSB)	163.5°, 46.8, 42.7
Web Safe	336666	`#336666`

CIE-LAB	42.25, -20.855, 2.505
XYZ	9.278, 12.662, 12.781
xyY	0.267, 0.365, 12.662
CIE-LCH	42.25, 21.005, 173.15
CIE-LUV	42.25, -22.854, 6.254
Hunter-Lab	35.584, -15.729, 3.614
Binary	00111010, 01101101, 01011111

#3a6d5f
```
#3a6d5f rgb(58,109,95)
```
#6d3a48
```
#6d3a48 rgb(109,58,72)
```

Complementary Color

#3a6d46
```
#3a6d46 rgb(58,109,70)
```
#3a6d5f
```
#3a6d5f rgb(58,109,95)
```
#3a626d
```
#3a626d rgb(58,98,109)
```

Analogous Color

#6d463a
```
#6d463a rgb(109,70,58)
```
#3a6d5f
```
#3a6d5f rgb(58,109,95)
```
#6d3a61
```
#6d3a61 rgb(109,58,97)
```

Split Complementary Color

#6d5f3a
```
#6d5f3a rgb(109,95,58)
```
#3a6d5f
```
#3a6d5f rgb(58,109,95)
```
#5f3a6d
```
#5f3a6d rgb(95,58,109)
```

Triadic Color

#486d3a
```
#486d3a rgb(72,109,58)
```
#3a6d5f
```
#3a6d5f rgb(58,109,95)
```
#5f3a6d
```
#5f3a6d rgb(95,58,109)
```
#6d3a48
```
#6d3a48 rgb(109,58,72)
```

Tetradic Color

#1f3b33
```
#1f3b33 rgb(31,59,51)
```
#284c42
```
#284c42 rgb(40,76,66)
```
#315c50
```
#315c50 rgb(49,92,80)
```
#3a6d5f
```
#3a6d5f rgb(58,109,95)
```
#437e6e
```
#437e6e rgb(67,126,110)
```
#4c8e7c
```
#4c8e7c rgb(76,142,124)
```
#559f8b
```
#559f8b rgb(85,159,139)
```

Monochromatic Color

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

#3a6d52
```
#3a6d52 rgb(58,109,82)
```
#3a6d57
```
#3a6d57 rgb(58,109,87)
```
#3a6d5b
```
#3a6d5b rgb(58,109,91)
```
#3a6d5f
```
#3a6d5f rgb(58,109,95)
```
#3a6d63
```
#3a6d63 rgb(58,109,99)
```
#3a6d68
```
#3a6d68 rgb(58,109,104)
```
#3a6d6c
```
#3a6d6c rgb(58,109,108)
```

Similar Colors

Text with hexadecimal color #3a6d5f

This text has a font color of #3a6d5f.

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

#3a6d5f background color

This paragraph has a background color of #3a6d5f.

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

#3a6d5f border color

This element has a border color of #3a6d5f.

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

CSS codes

.text {color:#3a6d5f;}

.background {background-color:#3a6d5f;}

.border {border:1px solid #3a6d5f;}

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

#030706
```
#030706 rgb(3,7,6)
```
#0a1311
```
#0a1311 rgb(10,19,17)
```
#11201c
```
#11201c rgb(17,32,28)
```
#182d27
```
#182d27 rgb(24,45,39)
```
#1f3a32
```
#1f3a32 rgb(31,58,50)
```
#26473e
```
#26473e rgb(38,71,62)
```
#2c5349
```
#2c5349 rgb(44,83,73)
```
#336054
```
#336054 rgb(51,96,84)
```
#3a6d5f
```
#3a6d5f rgb(58,109,95)
```
#417a6a
```
#417a6a rgb(65,122,106)
```
#488775
```
#488775 rgb(72,135,117)
```
#4e9380
```
#4e9380 rgb(78,147,128)
```
#55a08c
```
#55a08c rgb(85,160,140)
```

Shade Color Variation

#5faa95
```
#5faa95 rgb(95,170,149)
```
#6cb19e
```
#6cb19e rgb(108,177,158)
```
#79b8a6
```
#79b8a6 rgb(121,184,166)
```
#86beaf
```
#86beaf rgb(134,190,175)
```
#92c5b7
```
#92c5b7 rgb(146,197,183)
```
#9fccc0
```
#9fccc0 rgb(159,204,192)
```
#acd3c8
```
#acd3c8 rgb(172,211,200)
```
#b9dad1
```
#b9dad1 rgb(185,218,209)
```
#c6e0d9
```
#c6e0d9 rgb(198,224,217)
```
#d2e7e2
```
#d2e7e2 rgb(210,231,226)
```
#dfeeea
```
#dfeeea rgb(223,238,234)
```
#ecf5f2
```
#ecf5f2 rgb(236,245,242)
```
#f9fcfb
```
#f9fcfb rgb(249,252,251)
```

Tint Color Variation

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

#4d5a56
```
#4d5a56 rgb(77,90,86)
```
#476059
```
#476059 rgb(71,96,89)
```
#40675c
```
#40675c rgb(64,103,92)
```
#3a6d5f
```
#3a6d5f rgb(58,109,95)
```
#347362
```
#347362 rgb(52,115,98)
```
#2d7a65
```
#2d7a65 rgb(45,122,101)
```
#278068
```
#278068 rgb(39,128,104)
```
#20876b
```
#20876b rgb(32,135,107)
```
#1a8d6d
```
#1a8d6d rgb(26,141,109)
```
#139470
```
#139470 rgb(19,148,112)
```
#0d9a73
```
#0d9a73 rgb(13,154,115)
```
#07a076
```
#07a076 rgb(7,160,118)
```
#00a779
```
#00a779 rgb(0,167,121)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#555f5d Atypical Achromatopsia 0.001% of the population

Dichromacy

#6f6b62 Protanopia 1% of men
#75686b Deuteranopia 1% of men
#4a717a Tritanopia 0.001% of the population

Trichromacy

#5c6b61 Protanomaly 1% of men, 0.01% of women
#606a66 Deuteranomaly 6% of men, 0.4% of women
#447070 Tritanomaly 0.01% of the population

#3a6d5f hex color

#3a6d5f Color Information

#3a6d5f Color Conversion

Color Schemes with #3a6d5f

Alternatives to #3a6d5f

#3a6d5f Preview

Shades and Tints of #3a6d5f

Tones of #3a6d5f

Color Blindness Simulator