#40af8e hex color

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

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

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

The hexadecimal color #40af8e has RGB values of R:64, G:175, B:142 and CMYK values of C:0.63, M:0, Y:0.19, K:0.31. Its decimal value is 4239246.

Hex triplet	40af8e	`#40af8e`
RGB Decimal	64, 175, 142	`rgb(64,175,142)`
RGB Percent	25.1, 68.6, 55.7	`rgb(25.1%,68.6%,55.7%)`
CMYK	63, 0, 19, 31
HSL	162.2°, 46.4, 46.9	`hsl(162.2,46.4%,46.9%)`
HSV (or HSB)	162.2°, 63.4, 68.6
Web Safe	339999	`#339999`

CIE-LAB	64.725, -39.451, 7.724
XYZ	22.325, 33.701, 30.918
xyY	0.257, 0.388, 33.701
CIE-LCH	64.725, 40.2, 168.922
CIE-LUV	64.725, -45.391, 17.168
Hunter-Lab	58.053, -32.947, 9.06
Binary	01000000, 10101111, 10001110

#40af8e
```
#40af8e rgb(64,175,142)
```
#af4061
```
#af4061 rgb(175,64,97)
```

Complementary Color

#40af56
```
#40af56 rgb(64,175,86)
```
#40af8e
```
#40af8e rgb(64,175,142)
```
#4099af
```
#4099af rgb(64,153,175)
```

Analogous Color

#af5640
```
#af5640 rgb(175,86,64)
```
#40af8e
```
#40af8e rgb(64,175,142)
```
#af4099
```
#af4099 rgb(175,64,153)
```

Split Complementary Color

#af8e40
```
#af8e40 rgb(175,142,64)
```
#40af8e
```
#40af8e rgb(64,175,142)
```
#8e40af
```
#8e40af rgb(142,64,175)
```

Triadic Color

#61af40
```
#61af40 rgb(97,175,64)
```
#40af8e
```
#40af8e rgb(64,175,142)
```
#8e40af
```
#8e40af rgb(142,64,175)
```
#af4061
```
#af4061 rgb(175,64,97)
```

Tetradic Color

#2c7761
```
#2c7761 rgb(44,119,97)
```
#328a70
```
#328a70 rgb(50,138,112)
```
#399c7f
```
#399c7f rgb(57,156,127)
```
#40af8e
```
#40af8e rgb(64,175,142)
```
#4bbd9b
```
#4bbd9b rgb(75,189,155)
```
#5ec4a6
```
#5ec4a6 rgb(94,196,166)
```
#71cbb0
```
#71cbb0 rgb(113,203,176)
```

Monochromatic Color

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

#40af72
```
#40af72 rgb(64,175,114)
```
#40af7c
```
#40af7c rgb(64,175,124)
```
#40af85
```
#40af85 rgb(64,175,133)
```
#40af8e
```
#40af8e rgb(64,175,142)
```
#40af97
```
#40af97 rgb(64,175,151)
```
#40afa1
```
#40afa1 rgb(64,175,161)
```
#40afaa
```
#40afaa rgb(64,175,170)
```

Similar Colors

Text with hexadecimal color #40af8e

This text has a font color of #40af8e.

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

#40af8e background color

This paragraph has a background color of #40af8e.

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

#40af8e border color

This element has a border color of #40af8e.

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

CSS codes

.text {color:#40af8e;}

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

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

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 #f3fbf9 is the lightest one.

#010302
```
#010302 rgb(1,3,2)
```
#06110e
```
#06110e rgb(6,17,14)
```
#0b1f19
```
#0b1f19 rgb(11,31,25)
```
#112e25
```
#112e25 rgb(17,46,37)
```
#163c31
```
#163c31 rgb(22,60,49)
```
#1b4a3c
```
#1b4a3c rgb(27,74,60)
```
#205948
```
#205948 rgb(32,89,72)
```
#266754
```
#266754 rgb(38,103,84)
```
#2b765f
```
#2b765f rgb(43,118,95)
```
#30846b
```
#30846b rgb(48,132,107)
```
#359277
```
#359277 rgb(53,146,119)
```
#3ba182
```
#3ba182 rgb(59,161,130)
```
#40af8e
```
#40af8e rgb(64,175,142)
```

Shade Color Variation

#47bc99
```
#47bc99 rgb(71,188,153)
```
#55c1a1
```
#55c1a1 rgb(85,193,161)
```
#64c6a9
```
#64c6a9 rgb(100,198,169)
```
#72cbb1
```
#72cbb1 rgb(114,203,177)
```
#80d1b9
```
#80d1b9 rgb(128,209,185)
```
#8fd6c1
```
#8fd6c1 rgb(143,214,193)
```
#9ddbc9
```
#9ddbc9 rgb(157,219,201)
```
#abe0d1
```
#abe0d1 rgb(171,224,209)
```
#bae6d9
```
#bae6d9 rgb(186,230,217)
```
#c8ebe1
```
#c8ebe1 rgb(200,235,225)
```
#d7f0e9
```
#d7f0e9 rgb(215,240,233)
```
#e5f5f1
```
#e5f5f1 rgb(229,245,241)
```
#f3fbf9
```
#f3fbf9 rgb(243,251,249)
```

Tint Color Variation

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

#777878
```
#777878 rgb(119,120,120)
```
#6e817b
```
#6e817b rgb(110,129,123)
```
#658a7f
```
#658a7f rgb(101,138,127)
```
#5c9383
```
#5c9383 rgb(92,147,131)
```
#529d87
```
#529d87 rgb(82,157,135)
```
#49a68a
```
#49a68a rgb(73,166,138)
```
#40af8e
```
#40af8e rgb(64,175,142)
```
#37b892
```
#37b892 rgb(55,184,146)
```
#2ec195
```
#2ec195 rgb(46,193,149)
```
#24cb99
```
#24cb99 rgb(36,203,153)
```
#1bd49d
```
#1bd49d rgb(27,212,157)
```
#12dda1
```
#12dda1 rgb(18,221,161)
```
#09e6a4
```
#09e6a4 rgb(9,230,164)
```

Tone Color Variation

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

Dichromacy

#aaa18b Protanopia 1% of men
#b39d9b Deuteranopia 1% of men
#5badba Tritanopia 0.001% of the population

Trichromacy

#83a68c Protanomaly 1% of men, 0.01% of women
#89a396 Deuteranomaly 6% of men, 0.4% of women
#51aeaa Tritanomaly 0.01% of the population

#40af8e hex color

#40af8e Color Information

#40af8e Color Conversion

Color Schemes with #40af8e

Alternatives to #40af8e

#40af8e Preview

Shades and Tints of #40af8e

Tones of #40af8e

Color Blindness Simulator