#40af8a hex color

In a RGB color space, hex #40af8a is composed of 25.1% red, 68.6% green and 54.1% blue. Whereas in a CMYK color space, it is composed of 63.4% cyan, 0% magenta, 21.1% yellow and 31.4% black. It has a hue angle of 160 degrees, a saturation of 46.4% and a lightness of 46.9%. #40af8a color hex could be obtained by blending #80ffff with #005f15. Closest websafe color is: #339999.

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

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

The hexadecimal color #40af8a has RGB values of R:64, G:175, B:138 and CMYK values of C:0.63, M:0, Y:0.21, K:0.31. Its decimal value is 4239242.

Hex triplet	40af8a	`#40af8a`
RGB Decimal	64, 175, 138	`rgb(64,175,138)`
RGB Percent	25.1, 68.6, 54.1	`rgb(25.1%,68.6%,54.1%)`
CMYK	63, 0, 21, 31
HSL	160°, 46.4, 46.9	`hsl(160,46.4%,46.9%)`
HSV (or HSB)	160°, 63.4, 68.6
Web Safe	339999	`#339999`

CIE-LAB	64.63, -40.409, 9.801
XYZ	22.03, 33.583, 29.365
xyY	0.259, 0.395, 33.583
CIE-LCH	64.63, 41.581, 166.366
CIE-LUV	64.63, -45.615, 20.188
Hunter-Lab	57.951, -33.557, 10.523
Binary	01000000, 10101111, 10001010

#40af8a
```
#40af8a rgb(64,175,138)
```
#af4065
```
#af4065 rgb(175,64,101)
```

Complementary Color

#40af53
```
#40af53 rgb(64,175,83)
```
#40af8a
```
#40af8a rgb(64,175,138)
```
#409daf
```
#409daf rgb(64,157,175)
```

Analogous Color

#af5340
```
#af5340 rgb(175,83,64)
```
#40af8a
```
#40af8a rgb(64,175,138)
```
#af409d
```
#af409d rgb(175,64,157)
```

Split Complementary Color

#af8a40
```
#af8a40 rgb(175,138,64)
```
#40af8a
```
#40af8a rgb(64,175,138)
```
#8a40af
```
#8a40af rgb(138,64,175)
```

Triadic Color

#65af40
```
#65af40 rgb(101,175,64)
```
#40af8a
```
#40af8a rgb(64,175,138)
```
#8a40af
```
#8a40af rgb(138,64,175)
```
#af4065
```
#af4065 rgb(175,64,101)
```

Tetradic Color

#2c775e
```
#2c775e rgb(44,119,94)
```
#328a6d
```
#328a6d rgb(50,138,109)
```
#399c7b
```
#399c7b rgb(57,156,123)
```
#40af8a
```
#40af8a rgb(64,175,138)
```
#4bbd97
```
#4bbd97 rgb(75,189,151)
```
#5ec4a2
```
#5ec4a2 rgb(94,196,162)
```
#71cbad
```
#71cbad rgb(113,203,173)
```

Monochromatic Color

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

#40af6e
```
#40af6e rgb(64,175,110)
```
#40af78
```
#40af78 rgb(64,175,120)
```
#40af81
```
#40af81 rgb(64,175,129)
```
#40af8a
```
#40af8a rgb(64,175,138)
```
#40af93
```
#40af93 rgb(64,175,147)
```
#40af9d
```
#40af9d rgb(64,175,157)
```
#40afa6
```
#40afa6 rgb(64,175,166)
```

Similar Colors

Text with hexadecimal color #40af8a

This text has a font color of #40af8a.

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

#40af8a background color

This paragraph has a background color of #40af8a.

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

#40af8a border color

This element has a border color of #40af8a.

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

CSS codes

.text {color:#40af8a;}

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

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

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

#010302
```
#010302 rgb(1,3,2)
```
#06110d
```
#06110d rgb(6,17,13)
```
#0b1f19
```
#0b1f19 rgb(11,31,25)
```
#112e24
```
#112e24 rgb(17,46,36)
```
#163c2f
```
#163c2f rgb(22,60,47)
```
#1b4a3b
```
#1b4a3b rgb(27,74,59)
```
#205946
```
#205946 rgb(32,89,70)
```
#266751
```
#266751 rgb(38,103,81)
```
#2b765d
```
#2b765d rgb(43,118,93)
```
#308468
```
#308468 rgb(48,132,104)
```
#359273
```
#359273 rgb(53,146,115)
```
#3ba17f
```
#3ba17f rgb(59,161,127)
```
#40af8a
```
#40af8a rgb(64,175,138)
```

Shade Color Variation

#47bc95
```
#47bc95 rgb(71,188,149)
```
#55c19d
```
#55c19d rgb(85,193,157)
```
#64c6a5
```
#64c6a5 rgb(100,198,165)
```
#72cbae
```
#72cbae rgb(114,203,174)
```
#80d1b6
```
#80d1b6 rgb(128,209,182)
```
#8fd6be
```
#8fd6be rgb(143,214,190)
```
#9ddbc7
```
#9ddbc7 rgb(157,219,199)
```
#abe0cf
```
#abe0cf rgb(171,224,207)
```
#bae6d7
```
#bae6d7 rgb(186,230,215)
```
#c8ebdf
```
#c8ebdf rgb(200,235,223)
```
#d7f0e8
```
#d7f0e8 rgb(215,240,232)
```
#e5f5f0
```
#e5f5f0 rgb(229,245,240)
```
#f3fbf8
```
#f3fbf8 rgb(243,251,248)
```

Tint Color Variation

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

#777878
```
#777878 rgb(119,120,120)
```
#6e817b
```
#6e817b rgb(110,129,123)
```
#658a7e
```
#658a7e rgb(101,138,126)
```
#5c9381
```
#5c9381 rgb(92,147,129)
```
#529d84
```
#529d84 rgb(82,157,132)
```
#49a687
```
#49a687 rgb(73,166,135)
```
#40af8a
```
#40af8a rgb(64,175,138)
```
#37b88d
```
#37b88d rgb(55,184,141)
```
#2ec190
```
#2ec190 rgb(46,193,144)
```
#24cb93
```
#24cb93 rgb(36,203,147)
```
#1bd496
```
#1bd496 rgb(27,212,150)
```
#12dd99
```
#12dd99 rgb(18,221,153)
```
#09e69c
```
#09e69c rgb(9,230,156)
```

Tone Color Variation

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

Dichromacy

#aaa187 Protanopia 1% of men
#b49c97 Deuteranopia 1% of men
#5dadb9 Tritanopia 0.001% of the population

Trichromacy

#83a688 Protanomaly 1% of men, 0.01% of women
#8aa392 Deuteranomaly 6% of men, 0.4% of women
#52ada8 Tritanomaly 0.01% of the population

#40af8a hex color

#40af8a Color Information

#40af8a Color Conversion

Color Schemes with #40af8a

Alternatives to #40af8a

#40af8a Preview

Shades and Tints of #40af8a

Tones of #40af8a

Color Blindness Simulator