#3caa5f hex color

In a RGB color space, hex #3caa5f is composed of 23.5% red, 66.7% green and 37.3% blue. Whereas in a CMYK color space, it is composed of 64.7% cyan, 0% magenta, 44.1% yellow and 33.3% black. It has a hue angle of 139.1 degrees, a saturation of 47.8% and a lightness of 45.1%. #3caa5f color hex could be obtained by blending #78ffbe with #005500. Closest websafe color is: #339966.

♥
- f
- t
- g
- R 24
- G 67
- B 37
RGB color chart
- C 65
- M 0
- Y 44
- K 33
CMYK color chart

● #3caa5f color description : Dark moderate cyan - lime green.

The hexadecimal color #3caa5f has RGB values of R:60, G:170, B:95 and CMYK values of C:0.65, M:0, Y:0.44, K:0.33. Its decimal value is 3975775.

Hex triplet	3caa5f	`#3caa5f`
RGB Decimal	60, 170, 95	`rgb(60,170,95)`
RGB Percent	23.5, 66.7, 37.3	`rgb(23.5%,66.7%,37.3%)`
CMYK	65, 0, 44, 33
HSL	139.1°, 47.8, 45.1	`hsl(139.1,47.8%,45.1%)`
HSV (or HSB)	139.1°, 64.7, 66.7
Web Safe	339966	`#339966`

CIE-LAB	62.113, -47.961, 29.679
XYZ	18.303, 30.535, 15.755
xyY	0.283, 0.473, 30.535
CIE-LCH	62.113, 56.402, 148.251
CIE-LUV	62.113, -46.846, 45.644
Hunter-Lab	55.258, -37.579, 21.776
Binary	00111100, 10101010, 01011111

#3caa5f
```
#3caa5f rgb(60,170,95)
```
#aa3c87
```
#aa3c87 rgb(170,60,135)
```

Complementary Color

#50aa3c
```
#50aa3c rgb(80,170,60)
```
#3caa5f
```
#3caa5f rgb(60,170,95)
```
#3caa96
```
#3caa96 rgb(60,170,150)
```

Analogous Color

#aa3c50
```
#aa3c50 rgb(170,60,80)
```
#3caa5f
```
#3caa5f rgb(60,170,95)
```
#963caa
```
#963caa rgb(150,60,170)
```

Split Complementary Color

#aa5f3c
```
#aa5f3c rgb(170,95,60)
```
#3caa5f
```
#3caa5f rgb(60,170,95)
```
#5f3caa
```
#5f3caa rgb(95,60,170)
```

Triadic Color

#87aa3c
```
#87aa3c rgb(135,170,60)
```
#3caa5f
```
#3caa5f rgb(60,170,95)
```
#5f3caa
```
#5f3caa rgb(95,60,170)
```
#aa3c87
```
#aa3c87 rgb(170,60,135)
```

Tetradic Color

#28713f
```
#28713f rgb(40,113,63)
```
#2f844a
```
#2f844a rgb(47,132,74)
```
#359754
```
#359754 rgb(53,151,84)
```
#3caa5f
```
#3caa5f rgb(60,170,95)
```
#43bd6a
```
#43bd6a rgb(67,189,106)
```
#56c379
```
#56c379 rgb(86,195,121)
```
#69ca88
```
#69ca88 rgb(105,202,136)
```

Monochromatic Color

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

#3caa44
```
#3caa44 rgb(60,170,68)
```
#3caa4d
```
#3caa4d rgb(60,170,77)
```
#3caa56
```
#3caa56 rgb(60,170,86)
```
#3caa5f
```
#3caa5f rgb(60,170,95)
```
#3caa68
```
#3caa68 rgb(60,170,104)
```
#3caa71
```
#3caa71 rgb(60,170,113)
```
#3caa7b
```
#3caa7b rgb(60,170,123)
```

Similar Colors

Text with hexadecimal color #3caa5f

This text has a font color of #3caa5f.

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

#3caa5f background color

This paragraph has a background color of #3caa5f.

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

#3caa5f border color

This element has a border color of #3caa5f.

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

CSS codes

.text {color:#3caa5f;}

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

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

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, #040b06 is the darkest color, while #fbfefc is the lightest one.

#040b06
```
#040b06 rgb(4,11,6)
```
#09190e
```
#09190e rgb(9,25,14)
```
#0e2816
```
#0e2816 rgb(14,40,22)
```
#13361e
```
#13361e rgb(19,54,30)
```
#184526
```
#184526 rgb(24,69,38)
```
#1d532e
```
#1d532e rgb(29,83,46)
```
#226236
```
#226236 rgb(34,98,54)
```
#28703f
```
#28703f rgb(40,112,63)
```
#2d7f47
```
#2d7f47 rgb(45,127,71)
```
#328d4f
```
#328d4f rgb(50,141,79)
```
#379c57
```
#379c57 rgb(55,156,87)
```
#3caa5f
```
#3caa5f rgb(60,170,95)
```
#41b867
```
#41b867 rgb(65,184,103)
```

Shade Color Variation

#4dc072
```
#4dc072 rgb(77,192,114)
```
#5cc57d
```
#5cc57d rgb(92,197,125)
```
#6aca89
```
#6aca89 rgb(106,202,137)
```
#79d094
```
#79d094 rgb(121,208,148)
```
#87d5a0
```
#87d5a0 rgb(135,213,160)
```
#96daab
```
#96daab rgb(150,218,171)
```
#a4dfb7
```
#a4dfb7 rgb(164,223,183)
```
#b3e4c2
```
#b3e4c2 rgb(179,228,194)
```
#c1e9ce
```
#c1e9ce rgb(193,233,206)
```
#d0eed9
```
#d0eed9 rgb(208,238,217)
```
#def3e5
```
#def3e5 rgb(222,243,229)
```
#edf8f0
```
#edf8f0 rgb(237,248,240)
```
#fbfefc
```
#fbfefc rgb(251,254,252)
```

Tint Color Variation

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

#717572
```
#717572 rgb(113,117,114)
```
#687e6f
```
#687e6f rgb(104,126,111)
```
#5f876c
```
#5f876c rgb(95,135,108)
```
#578f69
```
#578f69 rgb(87,143,105)
```
#4e9865
```
#4e9865 rgb(78,152,101)
```
#45a162
```
#45a162 rgb(69,161,98)
```
#3caa5f
```
#3caa5f rgb(60,170,95)
```
#33b35c
```
#33b35c rgb(51,179,92)
```
#2abc59
```
#2abc59 rgb(42,188,89)
```
#21c555
```
#21c555 rgb(33,197,85)
```
#19cd52
```
#19cd52 rgb(25,205,82)
```
#10d64f
```
#10d64f rgb(16,214,79)
```
#07df4c
```
#07df4c rgb(7,223,76)
```

Tone Color Variation

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

#818181 Achromatopsia 0.005% of the population
#73897a Atypical Achromatopsia 0.001% of the population

Dichromacy

#a99b60 Protanopia 1% of men
#b79570 Deuteranopia 1% of men
#61a5b1 Tritanopia 0.001% of the population

Trichromacy

#81a05f Protanomaly 1% of men, 0.01% of women
#8a9c69 Deuteranomaly 6% of men, 0.4% of women
#53a793 Tritanomaly 0.01% of the population

#3caa5f hex color

#3caa5f Color Information

#3caa5f Color Conversion

Color Schemes with #3caa5f

Alternatives to #3caa5f

#3caa5f Preview

Shades and Tints of #3caa5f

Tones of #3caa5f

Color Blindness Simulator