#4caa85 hex color

In a RGB color space, hex #4caa85 is composed of 29.8% red, 66.7% green and 52.2% blue. Whereas in a CMYK color space, it is composed of 55.3% cyan, 0% magenta, 21.8% yellow and 33.3% black. It has a hue angle of 156.4 degrees, a saturation of 38.2% and a lightness of 48.2%. #4caa85 color hex could be obtained by blending #98ffff with #00550b. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 30
- G 67
- B 52
RGB color chart
- C 55
- M 0
- Y 22
- K 33
CMYK color chart

● #4caa85 color description : Dark moderate cyan - lime green.

The hexadecimal color #4caa85 has RGB values of R:76, G:170, B:133 and CMYK values of C:0.55, M:0, Y:0.22, K:0.33. Its decimal value is 5024389.

Hex triplet	4caa85	`#4caa85`
RGB Decimal	76, 170, 133	`rgb(76,170,133)`
RGB Percent	29.8, 66.7, 52.2	`rgb(29.8%,66.7%,52.2%)`
CMYK	55, 0, 22, 33
HSL	156.4°, 38.2, 48.2	`hsl(156.4,38.2%,48.2%)`
HSV (or HSB)	156.4°, 55.3, 66.7
Web Safe	339999	`#339999`

CIE-LAB	63.325, -36.853, 10.77
XYZ	21.587, 31.978, 27.224
xyY	0.267, 0.396, 31.978
CIE-LCH	63.325, 38.394, 163.71
CIE-LUV	63.325, -40.921, 20.894
Hunter-Lab	56.549, -30.819, 11.041
Binary	01001100, 10101010, 10000101

#4caa85
```
#4caa85 rgb(76,170,133)
```
#aa4c71
```
#aa4c71 rgb(170,76,113)
```

Complementary Color

#4caa56
```
#4caa56 rgb(76,170,86)
```
#4caa85
```
#4caa85 rgb(76,170,133)
```
#4ca0aa
```
#4ca0aa rgb(76,160,170)
```

Analogous Color

#aa564c
```
#aa564c rgb(170,86,76)
```
#4caa85
```
#4caa85 rgb(76,170,133)
```
#aa4ca0
```
#aa4ca0 rgb(170,76,160)
```

Split Complementary Color

#aa854c
```
#aa854c rgb(170,133,76)
```
#4caa85
```
#4caa85 rgb(76,170,133)
```
#854caa
```
#854caa rgb(133,76,170)
```

Triadic Color

#71aa4c
```
#71aa4c rgb(113,170,76)
```
#4caa85
```
#4caa85 rgb(76,170,133)
```
#854caa
```
#854caa rgb(133,76,170)
```
#aa4c71
```
#aa4c71 rgb(170,76,113)
```

Tetradic Color

#34755c
```
#34755c rgb(52,117,92)
```
#3c8769
```
#3c8769 rgb(60,135,105)
```
#449877
```
#449877 rgb(68,152,119)
```
#4caa85
```
#4caa85 rgb(76,170,133)
```
#5ab591
```
#5ab591 rgb(90,181,145)
```
#6cbd9d
```
#6cbd9d rgb(108,189,157)
```
#7dc5a9
```
#7dc5a9 rgb(125,197,169)
```

Monochromatic Color

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

#4caa6e
```
#4caa6e rgb(76,170,110)
```
#4caa75
```
#4caa75 rgb(76,170,117)
```
#4caa7d
```
#4caa7d rgb(76,170,125)
```
#4caa85
```
#4caa85 rgb(76,170,133)
```
#4caa8d
```
#4caa8d rgb(76,170,141)
```
#4caa95
```
#4caa95 rgb(76,170,149)
```
#4caa9d
```
#4caa9d rgb(76,170,157)
```

Similar Colors

Text with hexadecimal color #4caa85

This text has a font color of #4caa85.

<span style="color:#4caa85;">Text here</span>

#4caa85 background color

This paragraph has a background color of #4caa85.

<p style="background-color:#4caa85;">Content here</p>

#4caa85 border color

This element has a border color of #4caa85.

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

CSS codes

.text {color:#4caa85;}

.background {background-color:#4caa85;}

.border {border:1px solid #4caa85;}

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)
```
#091510
```
#091510 rgb(9,21,16)
```
#0f221b
```
#0f221b rgb(15,34,27)
```
#153026
```
#153026 rgb(21,48,38)
```
#1c3e30
```
#1c3e30 rgb(28,62,48)
```
#224b3b
```
#224b3b rgb(34,75,59)
```
#285945
```
#285945 rgb(40,89,69)
```
#2e6650
```
#2e6650 rgb(46,102,80)
```
#34745b
```
#34745b rgb(52,116,91)
```
#3a8165
```
#3a8165 rgb(58,129,101)
```
#408f70
```
#408f70 rgb(64,143,112)
```
#469c7a
```
#469c7a rgb(70,156,122)
```
#4caa85
```
#4caa85 rgb(76,170,133)
```

Shade Color Variation

#56b38f
```
#56b38f rgb(86,179,143)
```
#64ba98
```
#64ba98 rgb(100,186,152)
```
#71c0a1
```
#71c0a1 rgb(113,192,161)
```
#7fc6aa
```
#7fc6aa rgb(127,198,170)
```
#8cccb3
```
#8cccb3 rgb(140,204,179)
```
#9ad2bc
```
#9ad2bc rgb(154,210,188)
```
#a7d8c5
```
#a7d8c5 rgb(167,216,197)
```
#b5dece
```
#b5dece rgb(181,222,206)
```
#c3e4d7
```
#c3e4d7 rgb(195,228,215)
```
#d0eae0
```
#d0eae0 rgb(208,234,224)
```
#def0e9
```
#def0e9 rgb(222,240,233)
```
#ebf6f2
```
#ebf6f2 rgb(235,246,242)
```
#f9fcfb
```
#f9fcfb rgb(249,252,251)
```

Tint Color Variation

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

#72847d
```
#72847d rgb(114,132,125)
```
#688e7f
```
#688e7f rgb(104,142,127)
```
#5f9781
```
#5f9781 rgb(95,151,129)
```
#55a183
```
#55a183 rgb(85,161,131)
```
#4caa85
```
#4caa85 rgb(76,170,133)
```
#43b387
```
#43b387 rgb(67,179,135)
```
#39bd89
```
#39bd89 rgb(57,189,137)
```
#30c68b
```
#30c68b rgb(48,198,139)
```
#26d08d
```
#26d08d rgb(38,208,141)
```
#1dd98f
```
#1dd98f rgb(29,217,143)
```
#13e391
```
#13e391 rgb(19,227,145)
```
#0aec93
```
#0aec93 rgb(10,236,147)
```
#00f695
```
#00f695 rgb(0,246,149)
```

Tone Color Variation

Below, you can see how #4caa85 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

#8a8a8a Achromatopsia 0.005% of the population
#7e9089 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a79e83 Protanopia 1% of men
#b19992 Deuteranopia 1% of men
#64a8b4 Tritanopia 0.001% of the population

Trichromacy

#86a284 Protanomaly 1% of men, 0.01% of women
#8c9f8d Deuteranomaly 6% of men, 0.4% of women
#5ba9a3 Tritanomaly 0.01% of the population

#4caa85 hex color

#4caa85 Color Information

#4caa85 Color Conversion

Color Schemes with #4caa85

Alternatives to #4caa85

#4caa85 Preview

Shades and Tints of #4caa85

Tones of #4caa85

Color Blindness Simulator