#40c7aa hex color

In a RGB color space, hex #40c7aa is composed of 25.1% red, 78% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 67.8% cyan, 0% magenta, 14.6% yellow and 22% black. It has a hue angle of 167.1 degrees, a saturation of 54.7% and a lightness of 51.6%. #40c7aa color hex could be obtained by blending #80ffff with #008f55. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 25
- G 78
- B 67
RGB color chart
- C 68
- M 0
- Y 15
- K 22
CMYK color chart

● #40c7aa color description : Moderate cyan.

The hexadecimal color #40c7aa has RGB values of R:64, G:199, B:170 and CMYK values of C:0.68, M:0, Y:0.15, K:0.22. Its decimal value is 4245418.

Hex triplet	40c7aa	`#40c7aa`
RGB Decimal	64, 199, 170	`rgb(64,199,170)`
RGB Percent	25.1, 78, 66.7	`rgb(25.1%,78%,66.7%)`
CMYK	68, 0, 15, 22
HSL	167.1°, 54.7, 51.6	`hsl(167.1,54.7%,51.6%)`
HSV (or HSB)	167.1°, 67.8, 78
Web Safe	33cc99	`#33cc99`

CIE-LAB	72.784, -43.05, 3.977
XYZ	29.791, 44.836, 45.112
xyY	0.249, 0.374, 44.836
CIE-LCH	72.784, 43.233, 174.722
CIE-LUV	72.784, -52.593, 12.667
Hunter-Lab	66.96, -37.764, 6.927
Binary	01000000, 11000111, 10101010

#40c7aa
```
#40c7aa rgb(64,199,170)
```
#c7405d
```
#c7405d rgb(199,64,93)
```

Complementary Color

#40c767
```
#40c767 rgb(64,199,103)
```
#40c7aa
```
#40c7aa rgb(64,199,170)
```
#40a1c7
```
#40a1c7 rgb(64,161,199)
```

Analogous Color

#c76740
```
#c76740 rgb(199,103,64)
```
#40c7aa
```
#40c7aa rgb(64,199,170)
```
#c740a1
```
#c740a1 rgb(199,64,161)
```

Split Complementary Color

#c7aa40
```
#c7aa40 rgb(199,170,64)
```
#40c7aa
```
#40c7aa rgb(64,199,170)
```
#aa40c7
```
#aa40c7 rgb(170,64,199)
```

Triadic Color

#5dc740
```
#5dc740 rgb(93,199,64)
```
#40c7aa
```
#40c7aa rgb(64,199,170)
```
#aa40c7
```
#aa40c7 rgb(170,64,199)
```
#c7405d
```
#c7405d rgb(199,64,93)
```

Tetradic Color

#2a907a
```
#2a907a rgb(42,144,122)
```
#30a48b
```
#30a48b rgb(48,164,139)
```
#36b89c
```
#36b89c rgb(54,184,156)
```
#40c7aa
```
#40c7aa rgb(64,199,170)
```
#54cdb3
```
#54cdb3 rgb(84,205,179)
```
#67d3bc
```
#67d3bc rgb(103,211,188)
```
#7bd8c4
```
#7bd8c4 rgb(123,216,196)
```

Monochromatic Color

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

#40c788
```
#40c788 rgb(64,199,136)
```
#40c794
```
#40c794 rgb(64,199,148)
```
#40c79f
```
#40c79f rgb(64,199,159)
```
#40c7aa
```
#40c7aa rgb(64,199,170)
```
#40c7b5
```
#40c7b5 rgb(64,199,181)
```
#40c7c1
```
#40c7c1 rgb(64,199,193)
```
#40c2c7
```
#40c2c7 rgb(64,194,199)
```

Similar Colors

Text with hexadecimal color #40c7aa

This text has a font color of #40c7aa.

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

#40c7aa background color

This paragraph has a background color of #40c7aa.

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

#40c7aa border color

This element has a border color of #40c7aa.

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

CSS codes

.text {color:#40c7aa;}

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

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

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

#020605
```
#020605 rgb(2,6,5)
```
#061512
```
#061512 rgb(6,21,18)
```
#0b251f
```
#0b251f rgb(11,37,31)
```
#0f342c
```
#0f342c rgb(15,52,44)
```
#144339
```
#144339 rgb(20,67,57)
```
#185246
```
#185246 rgb(24,82,70)
```
#1c6152
```
#1c6152 rgb(28,97,82)
```
#21705f
```
#21705f rgb(33,112,95)
```
#25806c
```
#25806c rgb(37,128,108)
```
#2a8f79
```
#2a8f79 rgb(42,143,121)
```
#2e9e86
```
#2e9e86 rgb(46,158,134)
```
#33ad93
```
#33ad93 rgb(51,173,147)
```
#37bca0
```
#37bca0 rgb(55,188,160)
```

Shade Color Variation

#40c7aa
```
#40c7aa rgb(64,199,170)
```
#4fcbb1
```
#4fcbb1 rgb(79,203,177)
```
#5ed0b8
```
#5ed0b8 rgb(94,208,184)
```
#6ed4be
```
#6ed4be rgb(110,212,190)
```
#7dd9c5
```
#7dd9c5 rgb(125,217,197)
```
#8cddcc
```
#8cddcc rgb(140,221,204)
```
#9be2d3
```
#9be2d3 rgb(155,226,211)
```
#aae6d9
```
#aae6d9 rgb(170,230,217)
```
#b9ebe0
```
#b9ebe0 rgb(185,235,224)
```
#c9efe7
```
#c9efe7 rgb(201,239,231)
```
#d8f3ee
```
#d8f3ee rgb(216,243,238)
```
#e7f8f4
```
#e7f8f4 rgb(231,248,244)
```
#f6fcfb
```
#f6fcfb rgb(246,252,251)
```

Tint Color Variation

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

#838584
```
#838584 rgb(131,133,132)
```
#798e89
```
#798e89 rgb(121,142,137)
```
#70988f
```
#70988f rgb(112,152,143)
```
#66a194
```
#66a194 rgb(102,161,148)
```
#5dab9a
```
#5dab9a rgb(93,171,154)
```
#53b49f
```
#53b49f rgb(83,180,159)
```
#4abea5
```
#4abea5 rgb(74,190,165)
```
#40c7aa
```
#40c7aa rgb(64,199,170)
```
#37d1af
```
#37d1af rgb(55,209,175)
```
#2ddab5
```
#2ddab5 rgb(45,218,181)
```
#24e4ba
```
#24e4ba rgb(36,228,186)
```
#1aedc0
```
#1aedc0 rgb(26,237,192)
```
#10f7c5
```
#10f7c5 rgb(16,247,197)
```

Tone Color Variation

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

#9b9b9b Achromatopsia 0.005% of the population
#89a49e Atypical Achromatopsia 0.001% of the population

Dichromacy

#beb5a4 Protanopia 1% of men
#c6b1b7 Deuteranopia 1% of men
#5ec4d2 Tritanopia 0.001% of the population

Trichromacy

#90bca6 Protanomaly 1% of men, 0.01% of women
#95b9b2 Deuteranomaly 6% of men, 0.4% of women
#53c5c4 Tritanomaly 0.01% of the population

#40c7aa hex color

#40c7aa Color Information

#40c7aa Color Conversion

Color Schemes with #40c7aa

Alternatives to #40c7aa

#40c7aa Preview

Shades and Tints of #40c7aa

Tones of #40c7aa

Color Blindness Simulator