#40d894 hex color

In a RGB color space, hex #40d894 is composed of 25.1% red, 84.7% green and 58% blue. Whereas in a CMYK color space, it is composed of 70.4% cyan, 0% magenta, 31.5% yellow and 15.3% black. It has a hue angle of 153.2 degrees, a saturation of 66.1% and a lightness of 54.9%. #40d894 color hex could be obtained by blending #80ffff with #00b129. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 25
- G 85
- B 58
RGB color chart
- C 70
- M 0
- Y 31
- K 15
CMYK color chart

● #40d894 color description : Moderate cyan - lime green.

The hexadecimal color #40d894 has RGB values of R:64, G:216, B:148 and CMYK values of C:0.7, M:0, Y:0.31, K:0.15. Its decimal value is 4249748.

Hex triplet	40d894	`#40d894`
RGB Decimal	64, 216, 148	`rgb(64,216,148)`
RGB Percent	25.1, 84.7, 58	`rgb(25.1%,84.7%,58%)`
CMYK	70, 0, 31, 15
HSL	153.2°, 66.1, 54.9	`hsl(153.2,66.1%,54.9%)`
HSV (or HSB)	153.2°, 70.4, 84.7
Web Safe	33cc99	`#33cc99`

CIE-LAB	77.482, -55.056, 22.33
XYZ	32.013, 52.337, 36.43
xyY	0.265, 0.433, 52.337
CIE-LCH	77.482, 59.412, 157.923
CIE-LUV	77.482, -60.04, 40.433
Hunter-Lab	72.344, -47.614, 20.784
Binary	01000000, 11011000, 10010100

#40d894
```
#40d894 rgb(64,216,148)
```
#d84084
```
#d84084 rgb(216,64,132)
```

Complementary Color

#40d848
```
#40d848 rgb(64,216,72)
```
#40d894
```
#40d894 rgb(64,216,148)
```
#40d0d8
```
#40d0d8 rgb(64,208,216)
```

Analogous Color

#d84840
```
#d84840 rgb(216,72,64)
```
#40d894
```
#40d894 rgb(64,216,148)
```
#d840d0
```
#d840d0 rgb(216,64,208)
```

Split Complementary Color

#d89440
```
#d89440 rgb(216,148,64)
```
#40d894
```
#40d894 rgb(64,216,148)
```
#9440d8
```
#9440d8 rgb(148,64,216)
```

Triadic Color

#84d840
```
#84d840 rgb(132,216,64)
```
#40d894
```
#40d894 rgb(64,216,148)
```
#9440d8
```
#9440d8 rgb(148,64,216)
```
#d84084
```
#d84084 rgb(216,64,132)
```

Tetradic Color

#23a96d
```
#23a96d rgb(35,169,109)
```
#27be7a
```
#27be7a rgb(39,190,122)
```
#2bd388
```
#2bd388 rgb(43,211,136)
```
#40d894
```
#40d894 rgb(64,216,148)
```
#55dca0
```
#55dca0 rgb(85,220,160)
```
#6ae1ac
```
#6ae1ac rgb(106,225,172)
```
#80e5b8
```
#80e5b8 rgb(128,229,184)
```

Monochromatic Color

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

#40d86e
```
#40d86e rgb(64,216,110)
```
#40d87b
```
#40d87b rgb(64,216,123)
```
#40d887
```
#40d887 rgb(64,216,135)
```
#40d894
```
#40d894 rgb(64,216,148)
```
#40d8a1
```
#40d8a1 rgb(64,216,161)
```
#40d8ad
```
#40d8ad rgb(64,216,173)
```
#40d8ba
```
#40d8ba rgb(64,216,186)
```

Similar Colors

Text with hexadecimal color #40d894

This text has a font color of #40d894.

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

#40d894 background color

This paragraph has a background color of #40d894.

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

#40d894 border color

This element has a border color of #40d894.

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

CSS codes

.text {color:#40d894;}

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

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

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

#010403
```
#010403 rgb(1,4,3)
```
#04150d
```
#04150d rgb(4,21,13)
```
#082518
```
#082518 rgb(8,37,24)
```
#0b3522
```
#0b3522 rgb(11,53,34)
```
#0e462d
```
#0e462d rgb(14,70,45)
```
#125637
```
#125637 rgb(18,86,55)
```
#156642
```
#156642 rgb(21,102,66)
```
#18764c
```
#18764c rgb(24,118,76)
```
#1c8757
```
#1c8757 rgb(28,135,87)
```
#1f9761
```
#1f9761 rgb(31,151,97)
```
#22a76c
```
#22a76c rgb(34,167,108)
```
#26b876
```
#26b876 rgb(38,184,118)
```
#29c881
```
#29c881 rgb(41,200,129)
```

Shade Color Variation

#30d58b
```
#30d58b rgb(48,213,139)
```
#40d894
```
#40d894 rgb(64,216,148)
```
#50db9d
```
#50db9d rgb(80,219,157)
```
#61dfa6
```
#61dfa6 rgb(97,223,166)
```
#71e2af
```
#71e2af rgb(113,226,175)
```
#81e5b9
```
#81e5b9 rgb(129,229,185)
```
#91e9c2
```
#91e9c2 rgb(145,233,194)
```
#a2eccb
```
#a2eccb rgb(162,236,203)
```
#b2efd4
```
#b2efd4 rgb(178,239,212)
```
#c2f3dd
```
#c2f3dd rgb(194,243,221)
```
#d3f6e6
```
#d3f6e6 rgb(211,246,230)
```
#e3f9ef
```
#e3f9ef rgb(227,249,239)
```
#f3fdf8
```
#f3fdf8 rgb(243,253,248)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #87918d is the less saturated color, while #1dfb98 is the most saturated one.

#87918d
```
#87918d rgb(135,145,141)
```
#7e9a8d
```
#7e9a8d rgb(126,154,141)
```
#75a38e
```
#75a38e rgb(117,163,142)
```
#6cac8f
```
#6cac8f rgb(108,172,143)
```
#63b590
```
#63b590 rgb(99,181,144)
```
#5bbd91
```
#5bbd91 rgb(91,189,145)
```
#52c692
```
#52c692 rgb(82,198,146)
```
#49cf93
```
#49cf93 rgb(73,207,147)
```
#40d894
```
#40d894 rgb(64,216,148)
```
#37e195
```
#37e195 rgb(55,225,149)
```
#2eea96
```
#2eea96 rgb(46,234,150)
```
#25f397
```
#25f397 rgb(37,243,151)
```
#1dfb98
```
#1dfb98 rgb(29,251,152)
```

Tone Color Variation

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

#a3a3a3 Achromatopsia 0.005% of the population
#8faea0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d0c28f Protanopia 1% of men
#dfbba3 Deuteranopia 1% of men
#6cd0e0 Tritanopia 0.001% of the population

Trichromacy

#9cca91 Protanomaly 1% of men, 0.01% of women
#a5c69e Deuteranomaly 6% of men, 0.4% of women
#5cd3c4 Tritanomaly 0.01% of the population

#40d894 hex color

#40d894 Color Information

#40d894 Color Conversion

Color Schemes with #40d894

Alternatives to #40d894

#40d894 Preview

Shades and Tints of #40d894

Tones of #40d894

Color Blindness Simulator