#40b7a4 hex color

In a RGB color space, hex #40b7a4 is composed of 25.1% red, 71.8% green and 64.3% blue. Whereas in a CMYK color space, it is composed of 65% cyan, 0% magenta, 10.4% yellow and 28.2% black. It has a hue angle of 170.4 degrees, a saturation of 48.2% and a lightness of 48.4%. #40b7a4 color hex could be obtained by blending #80ffff with #006f49. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 25
- G 72
- B 64
RGB color chart
- C 65
- M 0
- Y 10
- K 28
CMYK color chart

● #40b7a4 color description : Moderate cyan.

The hexadecimal color #40b7a4 has RGB values of R:64, G:183, B:164 and CMYK values of C:0.65, M:0, Y:0.1, K:0.28. Its decimal value is 4241316.

Hex triplet	40b7a4	`#40b7a4`
RGB Decimal	64, 183, 164	`rgb(64,183,164)`
RGB Percent	25.1, 71.8, 64.3	`rgb(25.1%,71.8%,64.3%)`
CMYK	65, 0, 10, 28
HSL	170.4°, 48.2, 48.4	`hsl(170.4,48.2%,48.4%)`
HSV (or HSB)	170.4°, 65, 71.8
Web Safe	33cc99	`#33cc99`

CIE-LAB	67.751, -37.478, -0.058
XYZ	25.746, 37.635, 41.027
xyY	0.247, 0.36, 37.635
CIE-LCH	67.751, 37.478, 180.088
CIE-LUV	67.751, -47.095, 5.711
Hunter-Lab	61.347, -32.445, 3.292
Binary	01000000, 10110111, 10100100

#40b7a4
```
#40b7a4 rgb(64,183,164)
```
#b74053
```
#b74053 rgb(183,64,83)
```

Complementary Color

#40b769
```
#40b769 rgb(64,183,105)
```
#40b7a4
```
#40b7a4 rgb(64,183,164)
```
#408fb7
```
#408fb7 rgb(64,143,183)
```

Analogous Color

#b76940
```
#b76940 rgb(183,105,64)
```
#40b7a4
```
#40b7a4 rgb(64,183,164)
```
#b7408f
```
#b7408f rgb(183,64,143)
```

Split Complementary Color

#b7a440
```
#b7a440 rgb(183,164,64)
```
#40b7a4
```
#40b7a4 rgb(64,183,164)
```
#a440b7
```
#a440b7 rgb(164,64,183)
```

Triadic Color

#53b740
```
#53b740 rgb(83,183,64)
```
#40b7a4
```
#40b7a4 rgb(64,183,164)
```
#a440b7
```
#a440b7 rgb(164,64,183)
```
#b74053
```
#b74053 rgb(183,64,83)
```

Tetradic Color

#2c7e71
```
#2c7e71 rgb(44,126,113)
```
#339182
```
#339182 rgb(51,145,130)
```
#39a493
```
#39a493 rgb(57,164,147)
```
#40b7a4
```
#40b7a4 rgb(64,183,164)
```
#4fc1af
```
#4fc1af rgb(79,193,175)
```
#62c8b8
```
#62c8b8 rgb(98,200,184)
```
#75cfc0
```
#75cfc0 rgb(117,207,192)
```

Monochromatic Color

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

#40b786
```
#40b786 rgb(64,183,134)
```
#40b790
```
#40b790 rgb(64,183,144)
```
#40b79a
```
#40b79a rgb(64,183,154)
```
#40b7a4
```
#40b7a4 rgb(64,183,164)
```
#40b7ae
```
#40b7ae rgb(64,183,174)
```
#40b6b7
```
#40b6b7 rgb(64,182,183)
```
#40acb7
```
#40acb7 rgb(64,172,183)
```

Similar Colors

Text with hexadecimal color #40b7a4

This text has a font color of #40b7a4.

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

#40b7a4 background color

This paragraph has a background color of #40b7a4.

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

#40b7a4 border color

This element has a border color of #40b7a4.

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

CSS codes

.text {color:#40b7a4;}

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

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

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

#030908
```
#030908 rgb(3,9,8)
```
#081715
```
#081715 rgb(8,23,21)
```
#0d2622
```
#0d2622 rgb(13,38,34)
```
#12342f
```
#12342f rgb(18,52,47)
```
#17433c
```
#17433c rgb(23,67,60)
```
#1c5149
```
#1c5149 rgb(28,81,73)
```
#226056
```
#226056 rgb(34,96,86)
```
#276e63
```
#276e63 rgb(39,110,99)
```
#2c7d70
```
#2c7d70 rgb(44,125,112)
```
#318b7d
```
#318b7d rgb(49,139,125)
```
#369a8a
```
#369a8a rgb(54,154,138)
```
#3ba897
```
#3ba897 rgb(59,168,151)
```
#40b7a4
```
#40b7a4 rgb(64,183,164)
```

Shade Color Variation

#4bc0ad
```
#4bc0ad rgb(75,192,173)
```
#59c5b4
```
#59c5b4 rgb(89,197,180)
```
#68caba
```
#68caba rgb(104,202,186)
```
#76cfc1
```
#76cfc1 rgb(118,207,193)
```
#85d4c8
```
#85d4c8 rgb(133,212,200)
```
#93d9ce
```
#93d9ce rgb(147,217,206)
```
#a2ded5
```
#a2ded5 rgb(162,222,213)
```
#b0e4db
```
#b0e4db rgb(176,228,219)
```
#bfe9e2
```
#bfe9e2 rgb(191,233,226)
```
#cdeee9
```
#cdeee9 rgb(205,238,233)
```
#dcf3ef
```
#dcf3ef rgb(220,243,239)
```
#ebf8f6
```
#ebf8f6 rgb(235,248,246)
```
#f9fdfc
```
#f9fdfc rgb(249,253,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #797e7d is the less saturated color, while #07f0cb is the most saturated one.

#797e7d
```
#797e7d rgb(121,126,125)
```
#708884
```
#708884 rgb(112,136,132)
```
#66918a
```
#66918a rgb(102,145,138)
```
#5d9b91
```
#5d9b91 rgb(93,155,145)
```
#53a497
```
#53a497 rgb(83,164,151)
```
#4aae9e
```
#4aae9e rgb(74,174,158)
```
#40b7a4
```
#40b7a4 rgb(64,183,164)
```
#37c1aa
```
#37c1aa rgb(55,193,170)
```
#2dcab1
```
#2dcab1 rgb(45,202,177)
```
#24d4b7
```
#24d4b7 rgb(36,212,183)
```
#1addbe
```
#1addbe rgb(26,221,190)
```
#11e7c4
```
#11e7c4 rgb(17,231,196)
```
#07f0cb
```
#07f0cb rgb(7,240,203)
```

Tone Color Variation

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

#919191 Achromatopsia 0.005% of the population
#819995 Atypical Achromatopsia 0.001% of the population

Dichromacy

#afa99f Protanopia 1% of men
#b6a5b0 Deuteranopia 1% of men
#58b6c3 Tritanopia 0.001% of the population

Trichromacy

#86aea1 Protanomaly 1% of men, 0.01% of women
#8babab Deuteranomaly 6% of men, 0.4% of women
#4fb6b8 Tritanomaly 0.01% of the population

#40b7a4 hex color

#40b7a4 Color Information

#40b7a4 Color Conversion

Color Schemes with #40b7a4

Alternatives to #40b7a4

#40b7a4 Preview

Shades and Tints of #40b7a4

Tones of #40b7a4

Color Blindness Simulator