#40af5c hex color

In a RGB color space, hex #40af5c is composed of 25.1% red, 68.6% green and 36.1% blue. Whereas in a CMYK color space, it is composed of 63.4% cyan, 0% magenta, 47.4% yellow and 31.4% black. It has a hue angle of 135.1 degrees, a saturation of 46.4% and a lightness of 46.9%. #40af5c color hex could be obtained by blending #80ffb8 with #005f00. Closest websafe color is: #339966.

♥
- f
- t
- g
- R 25
- G 69
- B 36
RGB color chart
- C 63
- M 0
- Y 47
- K 31
CMYK color chart

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

The hexadecimal color #40af5c has RGB values of R:64, G:175, B:92 and CMYK values of C:0.63, M:0, Y:0.47, K:0.31. Its decimal value is 4239196.

Hex triplet	40af5c	`#40af5c`
RGB Decimal	64, 175, 92	`rgb(64,175,92)`
RGB Percent	25.1, 68.6, 36.1	`rgb(25.1%,68.6%,36.1%)`
CMYK	63, 0, 47, 31
HSL	135.1°, 46.4, 46.9	`hsl(135.1,46.4%,46.9%)`
HSV (or HSB)	135.1°, 63.4, 68.6
Web Safe	339966	`#339966`

CIE-LAB	63.771, -49.577, 33.376
XYZ	19.375, 32.521, 15.381
xyY	0.288, 0.483, 32.521
CIE-LCH	63.771, 59.765, 146.051
CIE-LUV	63.771, -47.901, 50.256
Hunter-Lab	57.027, -39.152, 23.928
Binary	01000000, 10101111, 01011100

#40af5c
```
#40af5c rgb(64,175,92)
```
#af4093
```
#af4093 rgb(175,64,147)
```

Complementary Color

#5caf40
```
#5caf40 rgb(92,175,64)
```
#40af5c
```
#40af5c rgb(64,175,92)
```
#40af94
```
#40af94 rgb(64,175,148)
```

Analogous Color

#af405c
```
#af405c rgb(175,64,92)
```
#40af5c
```
#40af5c rgb(64,175,92)
```
#9440af
```
#9440af rgb(148,64,175)
```

Split Complementary Color

#af5c40
```
#af5c40 rgb(175,92,64)
```
#40af5c
```
#40af5c rgb(64,175,92)
```
#5c40af
```
#5c40af rgb(92,64,175)
```

Triadic Color

#93af40
```
#93af40 rgb(147,175,64)
```
#40af5c
```
#40af5c rgb(64,175,92)
```
#5c40af
```
#5c40af rgb(92,64,175)
```
#af4093
```
#af4093 rgb(175,64,147)
```

Tetradic Color

#2c773f
```
#2c773f rgb(44,119,63)
```
#328a48
```
#328a48 rgb(50,138,72)
```
#399c52
```
#399c52 rgb(57,156,82)
```
#40af5c
```
#40af5c rgb(64,175,92)
```
#4bbd68
```
#4bbd68 rgb(75,189,104)
```
#5ec478
```
#5ec478 rgb(94,196,120)
```
#71cb87
```
#71cb87 rgb(113,203,135)
```

Monochromatic Color

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

#40af40
```
#40af40 rgb(64,175,64)
```
#40af4a
```
#40af4a rgb(64,175,74)
```
#40af53
```
#40af53 rgb(64,175,83)
```
#40af5c
```
#40af5c rgb(64,175,92)
```
#40af65
```
#40af65 rgb(64,175,101)
```
#40af6f
```
#40af6f rgb(64,175,111)
```
#40af78
```
#40af78 rgb(64,175,120)
```

Similar Colors

Text with hexadecimal color #40af5c

This text has a font color of #40af5c.

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

#40af5c background color

This paragraph has a background color of #40af5c.

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

#40af5c border color

This element has a border color of #40af5c.

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

CSS codes

.text {color:#40af5c;}

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

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

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

#010301
```
#010301 rgb(1,3,1)
```
#061109
```
#061109 rgb(6,17,9)
```
#0b1f10
```
#0b1f10 rgb(11,31,16)
```
#112e18
```
#112e18 rgb(17,46,24)
```
#163c20
```
#163c20 rgb(22,60,32)
```
#1b4a27
```
#1b4a27 rgb(27,74,39)
```
#20592f
```
#20592f rgb(32,89,47)
```
#266736
```
#266736 rgb(38,103,54)
```
#2b763e
```
#2b763e rgb(43,118,62)
```
#308445
```
#308445 rgb(48,132,69)
```
#35924d
```
#35924d rgb(53,146,77)
```
#3ba154
```
#3ba154 rgb(59,161,84)
```
#40af5c
```
#40af5c rgb(64,175,92)
```

Shade Color Variation

#47bc64
```
#47bc64 rgb(71,188,100)
```
#55c170
```
#55c170 rgb(85,193,112)
```
#64c67d
```
#64c67d rgb(100,198,125)
```
#72cb89
```
#72cb89 rgb(114,203,137)
```
#80d195
```
#80d195 rgb(128,209,149)
```
#8fd6a1
```
#8fd6a1 rgb(143,214,161)
```
#9ddbad
```
#9ddbad rgb(157,219,173)
```
#abe0b9
```
#abe0b9 rgb(171,224,185)
```
#bae6c5
```
#bae6c5 rgb(186,230,197)
```
#c8ebd1
```
#c8ebd1 rgb(200,235,209)
```
#d7f0dd
```
#d7f0dd rgb(215,240,221)
```
#e5f5e9
```
#e5f5e9 rgb(229,245,233)
```
#f3fbf5
```
#f3fbf5 rgb(243,251,245)
```

Tint Color Variation

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

#777877
```
#777877 rgb(119,120,119)
```
#6e8173
```
#6e8173 rgb(110,129,115)
```
#658a6e
```
#658a6e rgb(101,138,110)
```
#5c936a
```
#5c936a rgb(92,147,106)
```
#529d65
```
#529d65 rgb(82,157,101)
```
#49a661
```
#49a661 rgb(73,166,97)
```
#40af5c
```
#40af5c rgb(64,175,92)
```
#37b857
```
#37b857 rgb(55,184,87)
```
#2ec153
```
#2ec153 rgb(46,193,83)
```
#24cb4e
```
#24cb4e rgb(36,203,78)
```
#1bd44a
```
#1bd44a rgb(27,212,74)
```
#12dd45
```
#12dd45 rgb(18,221,69)
```
#09e641
```
#09e641 rgb(9,230,65)
```

Tone Color Variation

Below, you can see how #40af5c 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
#768d7c Atypical Achromatopsia 0.001% of the population

Dichromacy

#ae9f5d Protanopia 1% of men
#be996d Deuteranopia 1% of men
#65a9b6 Tritanopia 0.001% of the population

Trichromacy

#86a55d Protanomaly 1% of men, 0.01% of women
#90a167 Deuteranomaly 6% of men, 0.4% of women
#58ab95 Tritanomaly 0.01% of the population

#40af5c hex color

#40af5c Color Information

#40af5c Color Conversion

Color Schemes with #40af5c

Alternatives to #40af5c

#40af5c Preview

Shades and Tints of #40af5c

Tones of #40af5c

Color Blindness Simulator