#3a6350 hex color

In a RGB color space, hex #3a6350 is composed of 22.7% red, 38.8% green and 31.4% blue. Whereas in a CMYK color space, it is composed of 41.4% cyan, 0% magenta, 19.2% yellow and 61.2% black. It has a hue angle of 152.2 degrees, a saturation of 26.1% and a lightness of 30.8%. #3a6350 color hex could be obtained by blending #74c6a0 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 23
- G 39
- B 31
RGB color chart
- C 41
- M 0
- Y 19
- K 61
CMYK color chart

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

The hexadecimal color #3a6350 has RGB values of R:58, G:99, B:80 and CMYK values of C:0.41, M:0, Y:0.19, K:0.61. Its decimal value is 3826512.

Hex triplet	3a6350	`#3a6350`
RGB Decimal	58, 99, 80	`rgb(58,99,80)`
RGB Percent	22.7, 38.8, 31.4	`rgb(22.7%,38.8%,31.4%)`
CMYK	41, 0, 19, 61
HSL	152.2°, 26.1, 30.8	`hsl(152.2,26.1%,30.8%)`
HSV (or HSB)	152.2°, 41.4, 38.8
Web Safe	336666	`#336666`

CIE-LAB	38.554, -19.229, 6.318
XYZ	7.654, 10.402, 9.193
xyY	0.281, 0.382, 10.402
CIE-LCH	38.554, 20.24, 161.81
CIE-LUV	38.554, -18.927, 10.592
Hunter-Lab	32.252, -14.078, 5.676
Binary	00111010, 01100011, 01010000

#3a6350
```
#3a6350 rgb(58,99,80)
```
#633a4d
```
#633a4d rgb(99,58,77)
```

Complementary Color

#3a633c
```
#3a633c rgb(58,99,60)
```
#3a6350
```
#3a6350 rgb(58,99,80)
```
#3a6263
```
#3a6263 rgb(58,98,99)
```

Analogous Color

#633c3a
```
#633c3a rgb(99,60,58)
```
#3a6350
```
#3a6350 rgb(58,99,80)
```
#633a62
```
#633a62 rgb(99,58,98)
```

Split Complementary Color

#63503a
```
#63503a rgb(99,80,58)
```
#3a6350
```
#3a6350 rgb(58,99,80)
```
#503a63
```
#503a63 rgb(80,58,99)
```

Triadic Color

#4d633a
```
#4d633a rgb(77,99,58)
```
#3a6350
```
#3a6350 rgb(58,99,80)
```
#503a63
```
#503a63 rgb(80,58,99)
```
#633a4d
```
#633a4d rgb(99,58,77)
```

Tetradic Color

#1e3329
```
#1e3329 rgb(30,51,41)
```
#274336
```
#274336 rgb(39,67,54)
```
#315343
```
#315343 rgb(49,83,67)
```
#3a6350
```
#3a6350 rgb(58,99,80)
```
#43735d
```
#43735d rgb(67,115,93)
```
#4d836a
```
#4d836a rgb(77,131,106)
```
#569377
```
#569377 rgb(86,147,119)
```

Monochromatic Color

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

#3a6346
```
#3a6346 rgb(58,99,70)
```
#3a6349
```
#3a6349 rgb(58,99,73)
```
#3a634d
```
#3a634d rgb(58,99,77)
```
#3a6350
```
#3a6350 rgb(58,99,80)
```
#3a6353
```
#3a6353 rgb(58,99,83)
```
#3a6357
```
#3a6357 rgb(58,99,87)
```
#3a635a
```
#3a635a rgb(58,99,90)
```

Similar Colors

Text with hexadecimal color #3a6350

This text has a font color of #3a6350.

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

#3a6350 background color

This paragraph has a background color of #3a6350.

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

#3a6350 border color

This element has a border color of #3a6350.

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

CSS codes

.text {color:#3a6350;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#070c0a
```
#070c0a rgb(7,12,10)
```
#0f1914
```
#0f1914 rgb(15,25,20)
```
#16251e
```
#16251e rgb(22,37,30)
```
#1d3228
```
#1d3228 rgb(29,50,40)
```
#243e32
```
#243e32 rgb(36,62,50)
```
#2c4a3c
```
#2c4a3c rgb(44,74,60)
```
#335746
```
#335746 rgb(51,87,70)
```
#3a6350
```
#3a6350 rgb(58,99,80)
```
#416f5a
```
#416f5a rgb(65,111,90)
```
#487c64
```
#487c64 rgb(72,124,100)
```
#50886e
```
#50886e rgb(80,136,110)
```
#579478
```
#579478 rgb(87,148,120)
```

Shade Color Variation

#5ea182
```
#5ea182 rgb(94,161,130)
```
#6ba88c
```
#6ba88c rgb(107,168,140)
```
#77af95
```
#77af95 rgb(119,175,149)
```
#83b79f
```
#83b79f rgb(131,183,159)
```
#90bea8
```
#90bea8 rgb(144,190,168)
```
#9cc5b2
```
#9cc5b2 rgb(156,197,178)
```
#a8ccbc
```
#a8ccbc rgb(168,204,188)
```
#b5d4c5
```
#b5d4c5 rgb(181,212,197)
```
#c1dbcf
```
#c1dbcf rgb(193,219,207)
```
#cee2d9
```
#cee2d9 rgb(206,226,217)
```
#dae9e2
```
#dae9e2 rgb(218,233,226)
```
#e6f1ec
```
#e6f1ec rgb(230,241,236)
```
#f3f8f5
```
#f3f8f5 rgb(243,248,245)
```

Tint Color Variation

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

#4c514f
```
#4c514f rgb(76,81,79)
```
#46574f
```
#46574f rgb(70,87,79)
```
#405d50
```
#405d50 rgb(64,93,80)
```
#3a6350
```
#3a6350 rgb(58,99,80)
```
#346950
```
#346950 rgb(52,105,80)
```
#2e6f51
```
#2e6f51 rgb(46,111,81)
```
#287551
```
#287551 rgb(40,117,81)
```
#227b52
```
#227b52 rgb(34,123,82)
```
#1c8152
```
#1c8152 rgb(28,129,82)
```
#168753
```
#168753 rgb(22,135,83)
```
#108d53
```
#108d53 rgb(16,141,83)
```
#0a9354
```
#0a9354 rgb(10,147,84)
```
#049954
```
#049954 rgb(4,153,84)
```

Tone Color Variation

Below, you can see how #3a6350 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
#505854 Atypical Achromatopsia 0.001% of the population

Dichromacy

#686355 Protanopia 1% of men
#6e605c Deuteranopia 1% of men
#4a676f Tritanopia 0.001% of the population

Trichromacy

#576353 Protanomaly 1% of men, 0.01% of women
#5b6158 Deuteranomaly 6% of men, 0.4% of women
#446664 Tritanomaly 0.01% of the population

#3a6350 hex color

#3a6350 Color Information

#3a6350 Color Conversion

Color Schemes with #3a6350

Alternatives to #3a6350

#3a6350 Preview

Shades and Tints of #3a6350

Tones of #3a6350

Color Blindness Simulator