#40a745 hex color

In a RGB color space, hex #40a745 is composed of 25.1% red, 65.5% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 61.7% cyan, 0% magenta, 58.7% yellow and 34.5% black. It has a hue angle of 122.9 degrees, a saturation of 44.6% and a lightness of 45.3%. #40a745 color hex could be obtained by blending #80ff8a with #004f00. Closest websafe color is: #339933.

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

● #40a745 color description : Dark moderate lime green.

The hexadecimal color #40a745 has RGB values of R:64, G:167, B:69 and CMYK values of C:0.62, M:0, Y:0.59, K:0.35. Its decimal value is 4237125.

Hex triplet	40a745	`#40a745`
RGB Decimal	64, 167, 69	`rgb(64,167,69)`
RGB Percent	25.1, 65.5, 27.1	`rgb(25.1%,65.5%,27.1%)`
CMYK	62, 0, 59, 35
HSL	122.9°, 44.6, 45.3	`hsl(122.9,44.6%,45.3%)`
HSV (or HSB)	122.9°, 61.7, 65.5
Web Safe	339933	`#339933`

CIE-LAB	60.919, -49.798, 41.309
XYZ	17.006, 29.156, 10.361
xyY	0.301, 0.516, 29.156
CIE-LCH	60.919, 64.702, 140.323
CIE-LUV	60.919, -45.698, 57.196
Hunter-Lab	53.996, -38.273, 26.42
Binary	01000000, 10100111, 01000101

#40a745
```
#40a745 rgb(64,167,69)
```
#a740a2
```
#a740a2 rgb(167,64,162)
```

Complementary Color

#6fa740
```
#6fa740 rgb(111,167,64)
```
#40a745
```
#40a745 rgb(64,167,69)
```
#40a779
```
#40a779 rgb(64,167,121)
```

Analogous Color

#a7406f
```
#a7406f rgb(167,64,111)
```
#40a745
```
#40a745 rgb(64,167,69)
```
#7940a7
```
#7940a7 rgb(121,64,167)
```

Split Complementary Color

#a74540
```
#a74540 rgb(167,69,64)
```
#40a745
```
#40a745 rgb(64,167,69)
```
#4540a7
```
#4540a7 rgb(69,64,167)
```

Triadic Color

#a2a740
```
#a2a740 rgb(162,167,64)
```
#40a745
```
#40a745 rgb(64,167,69)
```
#4540a7
```
#4540a7 rgb(69,64,167)
```
#a740a2
```
#a740a2 rgb(167,64,162)
```

Tetradic Color

#2b702e
```
#2b702e rgb(43,112,46)
```
#328236
```
#328236 rgb(50,130,54)
```
#39953d
```
#39953d rgb(57,149,61)
```
#40a745
```
#40a745 rgb(64,167,69)
```
#48b94d
```
#48b94d rgb(72,185,77)
```
#5ac05f
```
#5ac05f rgb(90,192,95)
```
#6dc771
```
#6dc771 rgb(109,199,113)
```

Monochromatic Color

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

#55a740
```
#55a740 rgb(85,167,64)
```
#4ca740
```
#4ca740 rgb(76,167,64)
```
#44a740
```
#44a740 rgb(68,167,64)
```
#40a745
```
#40a745 rgb(64,167,69)
```
#40a74e
```
#40a74e rgb(64,167,78)
```
#40a756
```
#40a756 rgb(64,167,86)
```
#40a75f
```
#40a75f rgb(64,167,95)
```

Similar Colors

Text with hexadecimal color #40a745

This text has a font color of #40a745.

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

#40a745 background color

This paragraph has a background color of #40a745.

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

#40a745 border color

This element has a border color of #40a745.

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

CSS codes

.text {color:#40a745;}

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

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

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

#040b05
```
#040b05 rgb(4,11,5)
```
#0a190a
```
#0a190a rgb(10,25,10)
```
#0f2710
```
#0f2710 rgb(15,39,16)
```
#153616
```
#153616 rgb(21,54,22)
```
#1a441c
```
#1a441c rgb(26,68,28)
```
#1f5222
```
#1f5222 rgb(31,82,34)
```
#256028
```
#256028 rgb(37,96,40)
```
#2a6e2e
```
#2a6e2e rgb(42,110,46)
```
#307c33
```
#307c33 rgb(48,124,51)
```
#358b39
```
#358b39 rgb(53,139,57)
```
#3b993f
```
#3b993f rgb(59,153,63)
```
#40a745
```
#40a745 rgb(64,167,69)
```
#45b54b
```
#45b54b rgb(69,181,75)
```

Shade Color Variation

#52bd57
```
#52bd57 rgb(82,189,87)
```
#60c265
```
#60c265 rgb(96,194,101)
```
#6ec772
```
#6ec772 rgb(110,199,114)
```
#7ccd80
```
#7ccd80 rgb(124,205,128)
```
#8ad28e
```
#8ad28e rgb(138,210,142)
```
#99d89c
```
#99d89c rgb(153,216,156)
```
#a7dda9
```
#a7dda9 rgb(167,221,169)
```
#b5e3b7
```
#b5e3b7 rgb(181,227,183)
```
#c3e8c5
```
#c3e8c5 rgb(195,232,197)
```
#d1edd3
```
#d1edd3 rgb(209,237,211)
```
#dff3e0
```
#dff3e0 rgb(223,243,224)
```
#eef8ee
```
#eef8ee rgb(238,248,238)
```
#fcfefc
```
#fcfefc rgb(252,254,252)
```

Tint Color Variation

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

#6c7b6d
```
#6c7b6d rgb(108,123,109)
```
#648365
```
#648365 rgb(100,131,101)
```
#5b8c5d
```
#5b8c5d rgb(91,140,93)
```
#529555
```
#529555 rgb(82,149,85)
```
#499e4d
```
#499e4d rgb(73,158,77)
```
#40a745
```
#40a745 rgb(64,167,69)
```
#37b03d
```
#37b03d rgb(55,176,61)
```
#2eb935
```
#2eb935 rgb(46,185,53)
```
#25c22d
```
#25c22d rgb(37,194,45)
```
#1ccb25
```
#1ccb25 rgb(28,203,37)
```
#14d31d
```
#14d31d rgb(20,211,29)
```
#0bdc15
```
#0bdc15 rgb(11,220,21)
```
#02e50d
```
#02e50d rgb(2,229,13)
```

Tone Color Variation

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

#7d7d7d Achromatopsia 0.005% of the population
#718572 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a89848 Protanopia 1% of men
#b89258 Deuteranopia 1% of men
#65a1ad Tritanopia 0.001% of the population

Trichromacy

#829d47 Protanomaly 1% of men, 0.01% of women
#8c9951 Deuteranomaly 6% of men, 0.4% of women
#58a387 Tritanomaly 0.01% of the population

#40a745 hex color

#40a745 Color Information

#40a745 Color Conversion

Color Schemes with #40a745

Alternatives to #40a745

#40a745 Preview

Shades and Tints of #40a745

Tones of #40a745

Color Blindness Simulator