#40aa86 hex color

In a RGB color space, hex #40aa86 is composed of 25.1% red, 66.7% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 62.4% cyan, 0% magenta, 21.2% yellow and 33.3% black. It has a hue angle of 159.6 degrees, a saturation of 45.3% and a lightness of 45.9%. #40aa86 color hex could be obtained by blending #80ffff with #00550d. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 25
- G 67
- B 53
RGB color chart
- C 62
- M 0
- Y 21
- K 33
CMYK color chart

● #40aa86 color description : Dark moderate cyan - lime green.

The hexadecimal color #40aa86 has RGB values of R:64, G:170, B:134 and CMYK values of C:0.62, M:0, Y:0.21, K:0.33. Its decimal value is 4237958.

Hex triplet	40aa86	`#40aa86`
RGB Decimal	64, 170, 134	`rgb(64,170,134)`
RGB Percent	25.1, 66.7, 52.5	`rgb(25.1%,66.7%,52.5%)`
CMYK	62, 0, 21, 33
HSL	159.6°, 45.3, 45.9	`hsl(159.6,45.3%,45.9%)`
HSV (or HSB)	159.6°, 62.4, 66.7
Web Safe	339999	`#339999`

CIE-LAB	62.977, -39.153, 9.67
XYZ	20.791, 31.559, 27.549
xyY	0.26, 0.395, 31.559
CIE-LCH	62.977, 40.33, 166.126
CIE-LUV	62.977, -43.936, 19.706
Hunter-Lab	56.177, -32.25, 10.249
Binary	01000000, 10101010, 10000110

#40aa86
```
#40aa86 rgb(64,170,134)
```
#aa4064
```
#aa4064 rgb(170,64,100)
```

Complementary Color

#40aa51
```
#40aa51 rgb(64,170,81)
```
#40aa86
```
#40aa86 rgb(64,170,134)
```
#4099aa
```
#4099aa rgb(64,153,170)
```

Analogous Color

#aa5140
```
#aa5140 rgb(170,81,64)
```
#40aa86
```
#40aa86 rgb(64,170,134)
```
#aa4099
```
#aa4099 rgb(170,64,153)
```

Split Complementary Color

#aa8640
```
#aa8640 rgb(170,134,64)
```
#40aa86
```
#40aa86 rgb(64,170,134)
```
#8640aa
```
#8640aa rgb(134,64,170)
```

Triadic Color

#64aa40
```
#64aa40 rgb(100,170,64)
```
#40aa86
```
#40aa86 rgb(64,170,134)
```
#8640aa
```
#8640aa rgb(134,64,170)
```
#aa4064
```
#aa4064 rgb(170,64,100)
```

Tetradic Color

#2b725a
```
#2b725a rgb(43,114,90)
```
#328569
```
#328569 rgb(50,133,105)
```
#399777
```
#399777 rgb(57,151,119)
```
#40aa86
```
#40aa86 rgb(64,170,134)
```
#49ba94
```
#49ba94 rgb(73,186,148)
```
#5cc19f
```
#5cc19f rgb(92,193,159)
```
#6ec8aa
```
#6ec8aa rgb(110,200,170)
```

Monochromatic Color

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

#40aa6c
```
#40aa6c rgb(64,170,108)
```
#40aa74
```
#40aa74 rgb(64,170,116)
```
#40aa7d
```
#40aa7d rgb(64,170,125)
```
#40aa86
```
#40aa86 rgb(64,170,134)
```
#40aa8f
```
#40aa8f rgb(64,170,143)
```
#40aa98
```
#40aa98 rgb(64,170,152)
```
#40aaa1
```
#40aaa1 rgb(64,170,161)
```

Similar Colors

Text with hexadecimal color #40aa86

This text has a font color of #40aa86.

<span style="color:#40aa86;">Text here</span>

#40aa86 background color

This paragraph has a background color of #40aa86.

<p style="background-color:#40aa86;">Content here</p>

#40aa86 border color

This element has a border color of #40aa86.

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

CSS codes

.text {color:#40aa86;}

.background {background-color:#40aa86;}

.border {border:1px solid #40aa86;}

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, #050d0a is the darkest color, while #fefffe is the lightest one.

#050d0a
```
#050d0a rgb(5,13,10)
```
#0a1b16
```
#0a1b16 rgb(10,27,22)
```
#102a21
```
#102a21 rgb(16,42,33)
```
#15382c
```
#15382c rgb(21,56,44)
```
#1a4637
```
#1a4637 rgb(26,70,55)
```
#205443
```
#205443 rgb(32,84,67)
```
#25634e
```
#25634e rgb(37,99,78)
```
#2b7159
```
#2b7159 rgb(43,113,89)
```
#307f64
```
#307f64 rgb(48,127,100)
```
#358d70
```
#358d70 rgb(53,141,112)
```
#3b9c7b
```
#3b9c7b rgb(59,156,123)
```
#40aa86
```
#40aa86 rgb(64,170,134)
```
#45b891
```
#45b891 rgb(69,184,145)
```

Shade Color Variation

#53be9a
```
#53be9a rgb(83,190,154)
```
#61c4a2
```
#61c4a2 rgb(97,196,162)
```
#6fc9ab
```
#6fc9ab rgb(111,201,171)
```
#7eceb3
```
#7eceb3 rgb(126,206,179)
```
#8cd4bb
```
#8cd4bb rgb(140,212,187)
```
#9ad9c4
```
#9ad9c4 rgb(154,217,196)
```
#a8decc
```
#a8decc rgb(168,222,204)
```
#b7e4d4
```
#b7e4d4 rgb(183,228,212)
```
#c5e9dd
```
#c5e9dd rgb(197,233,221)
```
#d3efe5
```
#d3efe5 rgb(211,239,229)
```
#e1f4ee
```
#e1f4ee rgb(225,244,238)
```
#f0f9f6
```
#f0f9f6 rgb(240,249,246)
```
#fefffe
```
#fefffe rgb(254,255,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6d7d78 is the less saturated color, while #01e99a is the most saturated one.

#6d7d78
```
#6d7d78 rgb(109,125,120)
```
#64867a
```
#64867a rgb(100,134,122)
```
#5b8f7d
```
#5b8f7d rgb(91,143,125)
```
#529880
```
#529880 rgb(82,152,128)
```
#49a183
```
#49a183 rgb(73,161,131)
```
#40aa86
```
#40aa86 rgb(64,170,134)
```
#37b389
```
#37b389 rgb(55,179,137)
```
#2ebc8c
```
#2ebc8c rgb(46,188,140)
```
#25c58f
```
#25c58f rgb(37,197,143)
```
#1cce92
```
#1cce92 rgb(28,206,146)
```
#13d794
```
#13d794 rgb(19,215,148)
```
#0ae097
```
#0ae097 rgb(10,224,151)
```
#01e99a
```
#01e99a rgb(1,233,154)
```

Tone Color Variation

Below, you can see how #40aa86 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

#868686 Achromatopsia 0.005% of the population
#788d86 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a69d84 Protanopia 1% of men
#b09893 Deuteranopia 1% of men
#5ca8b5 Tritanopia 0.001% of the population

Trichromacy

#81a184 Protanomaly 1% of men, 0.01% of women
#879e8e Deuteranomaly 6% of men, 0.4% of women
#51a9a3 Tritanomaly 0.01% of the population

#40aa86 hex color

#40aa86 Color Information

#40aa86 Color Conversion

Color Schemes with #40aa86

Alternatives to #40aa86

#40aa86 Preview

Shades and Tints of #40aa86

Tones of #40aa86

Color Blindness Simulator