#40a796 hex color

In a RGB color space, hex #40a796 is composed of 25.1% red, 65.5% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 61.7% cyan, 0% magenta, 10.2% yellow and 34.5% black. It has a hue angle of 170.1 degrees, a saturation of 44.6% and a lightness of 45.3%. #40a796 color hex could be obtained by blending #80ffff with #004f2d. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 25
- G 65
- B 59
RGB color chart
- C 62
- M 0
- Y 10
- K 35
CMYK color chart

● #40a796 color description : Dark moderate cyan.

The hexadecimal color #40a796 has RGB values of R:64, G:167, B:150 and CMYK values of C:0.62, M:0, Y:0.1, K:0.35. Its decimal value is 4237206.

Hex triplet	40a796	`#40a796`
RGB Decimal	64, 167, 150	`rgb(64,167,150)`
RGB Percent	25.1, 65.5, 58.8	`rgb(25.1%,65.5%,58.8%)`
CMYK	62, 0, 10, 35
HSL	170.1°, 44.6, 45.3	`hsl(170.1,44.6%,45.3%)`
HSV (or HSB)	170.1°, 61.7, 65.5
Web Safe	339999	`#339999`

CIE-LAB	62.447, -33.781, -0.023
XYZ	21.436, 30.928, 33.692
xyY	0.249, 0.359, 30.928
CIE-LCH	62.447, 33.781, 180.04
CIE-LUV	62.447, -41.908, 5.126
Hunter-Lab	55.613, -28.518, 3.009
Binary	01000000, 10100111, 10010110

#40a796
```
#40a796 rgb(64,167,150)
```
#a74051
```
#a74051 rgb(167,64,81)
```

Complementary Color

#40a763
```
#40a763 rgb(64,167,99)
```
#40a796
```
#40a796 rgb(64,167,150)
```
#4085a7
```
#4085a7 rgb(64,133,167)
```

Analogous Color

#a76340
```
#a76340 rgb(167,99,64)
```
#40a796
```
#40a796 rgb(64,167,150)
```
#a74085
```
#a74085 rgb(167,64,133)
```

Split Complementary Color

#a79640
```
#a79640 rgb(167,150,64)
```
#40a796
```
#40a796 rgb(64,167,150)
```
#9640a7
```
#9640a7 rgb(150,64,167)
```

Triadic Color

#51a740
```
#51a740 rgb(81,167,64)
```
#40a796
```
#40a796 rgb(64,167,150)
```
#9640a7
```
#9640a7 rgb(150,64,167)
```
#a74051
```
#a74051 rgb(167,64,81)
```

Tetradic Color

#2b7064
```
#2b7064 rgb(43,112,100)
```
#328275
```
#328275 rgb(50,130,117)
```
#399585
```
#399585 rgb(57,149,133)
```
#40a796
```
#40a796 rgb(64,167,150)
```
#48b9a6
```
#48b9a6 rgb(72,185,166)
```
#5ac0af
```
#5ac0af rgb(90,192,175)
```
#6dc7b8
```
#6dc7b8 rgb(109,199,184)
```

Monochromatic Color

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

#40a77c
```
#40a77c rgb(64,167,124)
```
#40a785
```
#40a785 rgb(64,167,133)
```
#40a78d
```
#40a78d rgb(64,167,141)
```
#40a796
```
#40a796 rgb(64,167,150)
```
#40a79f
```
#40a79f rgb(64,167,159)
```
#40a7a7
```
#40a7a7 rgb(64,167,167)
```
#409ea7
```
#409ea7 rgb(64,158,167)
```

Similar Colors

Text with hexadecimal color #40a796

This text has a font color of #40a796.

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

#40a796 background color

This paragraph has a background color of #40a796.

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

#40a796 border color

This element has a border color of #40a796.

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

CSS codes

.text {color:#40a796;}

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

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

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, #040b0a is the darkest color, while #fcfefd is the lightest one.

#040b0a
```
#040b0a rgb(4,11,10)
```
#0a1917
```
#0a1917 rgb(10,25,23)
```
#0f2723
```
#0f2723 rgb(15,39,35)
```
#153630
```
#153630 rgb(21,54,48)
```
#1a443d
```
#1a443d rgb(26,68,61)
```
#1f524a
```
#1f524a rgb(31,82,74)
```
#256056
```
#256056 rgb(37,96,86)
```
#2a6e63
```
#2a6e63 rgb(42,110,99)
```
#307c70
```
#307c70 rgb(48,124,112)
```
#358b7d
```
#358b7d rgb(53,139,125)
```
#3b9989
```
#3b9989 rgb(59,153,137)
```
#40a796
```
#40a796 rgb(64,167,150)
```
#45b5a3
```
#45b5a3 rgb(69,181,163)
```

Shade Color Variation

#52bdab
```
#52bdab rgb(82,189,171)
```
#60c2b2
```
#60c2b2 rgb(96,194,178)
```
#6ec7b9
```
#6ec7b9 rgb(110,199,185)
```
#7ccdc0
```
#7ccdc0 rgb(124,205,192)
```
#8ad2c6
```
#8ad2c6 rgb(138,210,198)
```
#99d8cd
```
#99d8cd rgb(153,216,205)
```
#a7ddd4
```
#a7ddd4 rgb(167,221,212)
```
#b5e3db
```
#b5e3db rgb(181,227,219)
```
#c3e8e2
```
#c3e8e2 rgb(195,232,226)
```
#d1ede9
```
#d1ede9 rgb(209,237,233)
```
#dff3f0
```
#dff3f0 rgb(223,243,240)
```
#eef8f7
```
#eef8f7 rgb(238,248,247)
```
#fcfefd
```
#fcfefd rgb(252,254,253)
```

Tint Color Variation

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

#6c7b78
```
#6c7b78 rgb(108,123,120)
```
#64837e
```
#64837e rgb(100,131,126)
```
#5b8c84
```
#5b8c84 rgb(91,140,132)
```
#52958a
```
#52958a rgb(82,149,138)
```
#499e90
```
#499e90 rgb(73,158,144)
```
#40a796
```
#40a796 rgb(64,167,150)
```
#37b09c
```
#37b09c rgb(55,176,156)
```
#2eb9a2
```
#2eb9a2 rgb(46,185,162)
```
#25c2a8
```
#25c2a8 rgb(37,194,168)
```
#1ccbae
```
#1ccbae rgb(28,203,174)
```
#14d3b4
```
#14d3b4 rgb(20,211,180)
```
#0bdcba
```
#0bdcba rgb(11,220,186)
```
#02e5c0
```
#02e5c0 rgb(2,229,192)
```

Tone Color Variation

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

Dichromacy

#a19b93 Protanopia 1% of men
#a898a2 Deuteranopia 1% of men
#56a7b4 Tritanopia 0.001% of the population

Trichromacy

#7d9f94 Protanomaly 1% of men, 0.01% of women
#829d9d Deuteranomaly 6% of men, 0.4% of women
#4ea7a9 Tritanomaly 0.01% of the population

#40a796 hex color

#40a796 Color Information

#40a796 Color Conversion

Color Schemes with #40a796

Alternatives to #40a796

#40a796 Preview

Shades and Tints of #40a796

Tones of #40a796

Color Blindness Simulator