#3ca980 hex color

In a RGB color space, hex #3ca980 is composed of 23.5% red, 66.3% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 64.5% cyan, 0% magenta, 24.3% yellow and 33.7% black. It has a hue angle of 157.4 degrees, a saturation of 47.6% and a lightness of 44.9%. #3ca980 color hex could be obtained by blending #78ffff with #005301. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 24
- G 66
- B 50
RGB color chart
- C 64
- M 0
- Y 24
- K 34
CMYK color chart

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

The hexadecimal color #3ca980 has RGB values of R:60, G:169, B:128 and CMYK values of C:0.64, M:0, Y:0.24, K:0.34. Its decimal value is 3975552.

Hex triplet	3ca980	`#3ca980`
RGB Decimal	60, 169, 128	`rgb(60,169,128)`
RGB Percent	23.5, 66.3, 50.2	`rgb(23.5%,66.3%,50.2%)`
CMYK	64, 0, 24, 34
HSL	157.4°, 47.6, 44.9	`hsl(157.4,47.6%,44.9%)`
HSV (or HSB)	157.4°, 64.5, 66.3
Web Safe	339999	`#339999`

CIE-LAB	62.418, -40.878, 12.194
XYZ	19.946, 30.893, 25.333
xyY	0.262, 0.406, 30.893
CIE-LCH	62.418, 42.658, 163.391
CIE-LUV	62.418, -44.791, 23.325
Hunter-Lab	55.582, -33.211, 11.884
Binary	00111100, 10101001, 10000000

#3ca980
```
#3ca980 rgb(60,169,128)
```
#a93c65
```
#a93c65 rgb(169,60,101)
```

Complementary Color

#3ca94a
```
#3ca94a rgb(60,169,74)
```
#3ca980
```
#3ca980 rgb(60,169,128)
```
#3c9ca9
```
#3c9ca9 rgb(60,156,169)
```

Analogous Color

#a94a3c
```
#a94a3c rgb(169,74,60)
```
#3ca980
```
#3ca980 rgb(60,169,128)
```
#a93c9c
```
#a93c9c rgb(169,60,156)
```

Split Complementary Color

#a9803c
```
#a9803c rgb(169,128,60)
```
#3ca980
```
#3ca980 rgb(60,169,128)
```
#803ca9
```
#803ca9 rgb(128,60,169)
```

Triadic Color

#65a93c
```
#65a93c rgb(101,169,60)
```
#3ca980
```
#3ca980 rgb(60,169,128)
```
#803ca9
```
#803ca9 rgb(128,60,169)
```
#a93c65
```
#a93c65 rgb(169,60,101)
```

Tetradic Color

#287155
```
#287155 rgb(40,113,85)
```
#2f8363
```
#2f8363 rgb(47,131,99)
```
#359672
```
#359672 rgb(53,150,114)
```
#3ca980
```
#3ca980 rgb(60,169,128)
```
#43bc8e
```
#43bc8e rgb(67,188,142)
```
#55c39a
```
#55c39a rgb(85,195,154)
```
#68c9a5
```
#68c9a5 rgb(104,201,165)
```

Monochromatic Color

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

#3ca965
```
#3ca965 rgb(60,169,101)
```
#3ca96e
```
#3ca96e rgb(60,169,110)
```
#3ca977
```
#3ca977 rgb(60,169,119)
```
#3ca980
```
#3ca980 rgb(60,169,128)
```
#3ca989
```
#3ca989 rgb(60,169,137)
```
#3ca992
```
#3ca992 rgb(60,169,146)
```
#3ca99b
```
#3ca99b rgb(60,169,155)
```

Similar Colors

Text with hexadecimal color #3ca980

This text has a font color of #3ca980.

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

#3ca980 background color

This paragraph has a background color of #3ca980.

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

#3ca980 border color

This element has a border color of #3ca980.

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

CSS codes

.text {color:#3ca980;}

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

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

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, #030a07 is the darkest color, while #fafdfc is the lightest one.

#030a07
```
#030a07 rgb(3,10,7)
```
#091812
```
#091812 rgb(9,24,18)
```
#0e271d
```
#0e271d rgb(14,39,29)
```
#133528
```
#133528 rgb(19,53,40)
```
#184433
```
#184433 rgb(24,68,51)
```
#1d523e
```
#1d523e rgb(29,82,62)
```
#226149
```
#226149 rgb(34,97,73)
```
#276f54
```
#276f54 rgb(39,111,84)
```
#2d7e5f
```
#2d7e5f rgb(45,126,95)
```
#328c6a
```
#328c6a rgb(50,140,106)
```
#379b75
```
#379b75 rgb(55,155,117)
```
#3ca980
```
#3ca980 rgb(60,169,128)
```
#41b78b
```
#41b78b rgb(65,183,139)
```

Shade Color Variation

#4dc094
```
#4dc094 rgb(77,192,148)
```
#5bc59d
```
#5bc59d rgb(91,197,157)
```
#6acaa6
```
#6acaa6 rgb(106,202,166)
```
#78cfae
```
#78cfae rgb(120,207,174)
```
#86d4b7
```
#86d4b7 rgb(134,212,183)
```
#95d9c0
```
#95d9c0 rgb(149,217,192)
```
#a3dec8
```
#a3dec8 rgb(163,222,200)
```
#b2e4d1
```
#b2e4d1 rgb(178,228,209)
```
#c0e9da
```
#c0e9da rgb(192,233,218)
```
#cfeee2
```
#cfeee2 rgb(207,238,226)
```
#ddf3eb
```
#ddf3eb rgb(221,243,235)
```
#ecf8f4
```
#ecf8f4 rgb(236,248,244)
```
#fafdfc
```
#fafdfc rgb(250,253,252)
```

Tint Color Variation

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

#717473
```
#717473 rgb(113,116,115)
```
#687d75
```
#687d75 rgb(104,125,117)
```
#5f8677
```
#5f8677 rgb(95,134,119)
```
#568f79
```
#568f79 rgb(86,143,121)
```
#4e977c
```
#4e977c rgb(78,151,124)
```
#45a07e
```
#45a07e rgb(69,160,126)
```
#3ca980
```
#3ca980 rgb(60,169,128)
```
#33b282
```
#33b282 rgb(51,178,130)
```
#2abb84
```
#2abb84 rgb(42,187,132)
```
#22c387
```
#22c387 rgb(34,195,135)
```
#19cc89
```
#19cc89 rgb(25,204,137)
```
#10d58b
```
#10d58b rgb(16,213,139)
```
#07de8d
```
#07de8d rgb(7,222,141)
```

Tone Color Variation

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

#848484 Achromatopsia 0.005% of the population
#768b83 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a59c7e Protanopia 1% of men
#b0978e Deuteranopia 1% of men
#5aa7b3 Tritanopia 0.001% of the population

Trichromacy

#7fa07f Protanomaly 1% of men, 0.01% of women
#859d89 Deuteranomaly 6% of men, 0.4% of women
#4fa7a0 Tritanomaly 0.01% of the population

#3ca980 hex color

#3ca980 Color Information

#3ca980 Color Conversion

Color Schemes with #3ca980

Alternatives to #3ca980

#3ca980 Preview

Shades and Tints of #3ca980

Tones of #3ca980

Color Blindness Simulator