#42a745 hex color

In a RGB color space, hex #42a745 is composed of 25.9% red, 65.5% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 60.5% cyan, 0% magenta, 58.7% yellow and 34.5% black. It has a hue angle of 121.8 degrees, a saturation of 43.3% and a lightness of 45.7%. #42a745 color hex could be obtained by blending #84ff8a with #004f00. Closest websafe color is: #339933.

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

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

The hexadecimal color #42a745 has RGB values of R:66, G:167, B:69 and CMYK values of C:0.6, M:0, Y:0.59, K:0.35. Its decimal value is 4368197.

Hex triplet	42a745	`#42a745`
RGB Decimal	66, 167, 69	`rgb(66,167,69)`
RGB Percent	25.9, 65.5, 27.1	`rgb(25.9%,65.5%,27.1%)`
CMYK	60, 0, 59, 35
HSL	121.8°, 43.3, 45.7	`hsl(121.8,43.3%,45.7%)`
HSV (or HSB)	121.8°, 60.5, 65.5
Web Safe	339933	`#339933`

CIE-LAB	60.979, -49.328, 41.395
XYZ	17.139, 29.224, 10.368
xyY	0.302, 0.515, 29.224
CIE-LCH	60.979, 64.395, 139.997
CIE-LUV	60.979, -45.149, 57.219
Hunter-Lab	54.059, -38.012, 26.471
Binary	01000010, 10100111, 01000101

#42a745
```
#42a745 rgb(66,167,69)
```
#a742a4
```
#a742a4 rgb(167,66,164)
```

Complementary Color

#72a742
```
#72a742 rgb(114,167,66)
```
#42a745
```
#42a745 rgb(66,167,69)
```
#42a778
```
#42a778 rgb(66,167,120)
```

Analogous Color

#a74272
```
#a74272 rgb(167,66,114)
```
#42a745
```
#42a745 rgb(66,167,69)
```
#7842a7
```
#7842a7 rgb(120,66,167)
```

Split Complementary Color

#a74542
```
#a74542 rgb(167,69,66)
```
#42a745
```
#42a745 rgb(66,167,69)
```
#4542a7
```
#4542a7 rgb(69,66,167)
```

Triadic Color

#a4a742
```
#a4a742 rgb(164,167,66)
```
#42a745
```
#42a745 rgb(66,167,69)
```
#4542a7
```
#4542a7 rgb(69,66,167)
```
#a742a4
```
#a742a4 rgb(167,66,164)
```

Tetradic Color

#2c702e
```
#2c702e rgb(44,112,46)
```
#348236
```
#348236 rgb(52,130,54)
```
#3b953d
```
#3b953d rgb(59,149,61)
```
#42a745
```
#42a745 rgb(66,167,69)
```
#4bb84e
```
#4bb84e rgb(75,184,78)
```
#5dbf60
```
#5dbf60 rgb(93,191,96)
```
#6fc672
```
#6fc672 rgb(111,198,114)
```

Monochromatic Color

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

#58a742
```
#58a742 rgb(88,167,66)
```
#50a742
```
#50a742 rgb(80,167,66)
```
#47a742
```
#47a742 rgb(71,167,66)
```
#42a745
```
#42a745 rgb(66,167,69)
```
#42a74d
```
#42a74d rgb(66,167,77)
```
#42a756
```
#42a756 rgb(66,167,86)
```
#42a75e
```
#42a75e rgb(66,167,94)
```

Similar Colors

Text with hexadecimal color #42a745

This text has a font color of #42a745.

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

#42a745 background color

This paragraph has a background color of #42a745.

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

#42a745 border color

This element has a border color of #42a745.

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

CSS codes

.text {color:#42a745;}

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

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

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, #050c05 is the darkest color, while #fdfefd is the lightest one.

#050c05
```
#050c05 rgb(5,12,5)
```
#0a1a0b
```
#0a1a0b rgb(10,26,11)
```
#102811
```
#102811 rgb(16,40,17)
```
#163717
```
#163717 rgb(22,55,23)
```
#1b451c
```
#1b451c rgb(27,69,28)
```
#215322
```
#215322 rgb(33,83,34)
```
#266128
```
#266128 rgb(38,97,40)
```
#2c6f2e
```
#2c6f2e rgb(44,111,46)
```
#317d34
```
#317d34 rgb(49,125,52)
```
#378b39
```
#378b39 rgb(55,139,57)
```
#3c993f
```
#3c993f rgb(60,153,63)
```
#42a745
```
#42a745 rgb(66,167,69)
```
#48b54b
```
#48b54b rgb(72,181,75)
```

Shade Color Variation

#55bc58
```
#55bc58 rgb(85,188,88)
```
#63c165
```
#63c165 rgb(99,193,101)
```
#71c773
```
#71c773 rgb(113,199,115)
```
#7fcc81
```
#7fcc81 rgb(127,204,129)
```
#8dd28f
```
#8dd28f rgb(141,210,143)
```
#9bd79d
```
#9bd79d rgb(155,215,157)
```
#a9ddaa
```
#a9ddaa rgb(169,221,170)
```
#b7e3b8
```
#b7e3b8 rgb(183,227,184)
```
#c5e8c6
```
#c5e8c6 rgb(197,232,198)
```
#d3eed4
```
#d3eed4 rgb(211,238,212)
```
#e1f3e2
```
#e1f3e2 rgb(225,243,226)
```
#eff9f0
```
#eff9f0 rgb(239,249,240)
```
#fdfefd
```
#fdfefd rgb(253,254,253)
```

Tint Color Variation

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

#6f7a6f
```
#6f7a6f rgb(111,122,111)
```
#668367
```
#668367 rgb(102,131,103)
```
#5d8c5e
```
#5d8c5e rgb(93,140,94)
```
#549556
```
#549556 rgb(84,149,86)
```
#4b9e4d
```
#4b9e4d rgb(75,158,77)
```
#42a745
```
#42a745 rgb(66,167,69)
```
#39b03d
```
#39b03d rgb(57,176,61)
```
#30b934
```
#30b934 rgb(48,185,52)
```
#27c22c
```
#27c22c rgb(39,194,44)
```
#1ecb23
```
#1ecb23 rgb(30,203,35)
```
#15d41b
```
#15d41b rgb(21,212,27)
```
#0cdd12
```
#0cdd12 rgb(12,221,18)
```
#03e60a
```
#03e60a rgb(3,230,10)
```

Tone Color Variation

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

#7e7e7e Achromatopsia 0.005% of the population
#728673 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a89848 Protanopia 1% of men
#b99258 Deuteranopia 1% of men
#67a1ad Tritanopia 0.001% of the population

Trichromacy

#839e47 Protanomaly 1% of men, 0.01% of women
#8d9951 Deuteranomaly 6% of men, 0.4% of women
#59a387 Tritanomaly 0.01% of the population

#42a745 hex color

#42a745 Color Information

#42a745 Color Conversion

Color Schemes with #42a745

Alternatives to #42a745

#42a745 Preview

Shades and Tints of #42a745

Tones of #42a745

Color Blindness Simulator