#42a557 hex color

In a RGB color space, hex #42a557 is composed of 25.9% red, 64.7% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 60% cyan, 0% magenta, 47.3% yellow and 35.3% black. It has a hue angle of 132.7 degrees, a saturation of 42.9% and a lightness of 45.3%. #42a557 color hex could be obtained by blending #84ffae with #004b00. Closest websafe color is: #339966.

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

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

The hexadecimal color #42a557 has RGB values of R:66, G:165, B:87 and CMYK values of C:0.6, M:0, Y:0.47, K:0.35. Its decimal value is 4367703.

Hex triplet	42a557	`#42a557`
RGB Decimal	66, 165, 87	`rgb(66,165,87)`
RGB Percent	25.9, 64.7, 34.1	`rgb(25.9%,64.7%,34.1%)`
CMYK	60, 0, 47, 35
HSL	132.7°, 42.9, 45.3	`hsl(132.7,42.9%,45.3%)`
HSV (or HSB)	132.7°, 60, 64.7
Web Safe	339966	`#339966`

CIE-LAB	60.565, -46.001, 31.915
XYZ	17.421, 28.755, 13.649
xyY	0.291, 0.481, 28.755
CIE-LCH	60.565, 55.988, 145.247
CIE-LUV	60.565, -43.727, 47.358
Hunter-Lab	53.624, -35.851, 22.446
Binary	01000010, 10100101, 01010111

#42a557
```
#42a557 rgb(66,165,87)
```
#a54290
```
#a54290 rgb(165,66,144)
```

Complementary Color

#5fa542
```
#5fa542 rgb(95,165,66)
```
#42a557
```
#42a557 rgb(66,165,87)
```
#42a589
```
#42a589 rgb(66,165,137)
```

Analogous Color

#a5425f
```
#a5425f rgb(165,66,95)
```
#42a557
```
#42a557 rgb(66,165,87)
```
#8942a5
```
#8942a5 rgb(137,66,165)
```

Split Complementary Color

#a55742
```
#a55742 rgb(165,87,66)
```
#42a557
```
#42a557 rgb(66,165,87)
```
#5742a5
```
#5742a5 rgb(87,66,165)
```

Triadic Color

#90a542
```
#90a542 rgb(144,165,66)
```
#42a557
```
#42a557 rgb(66,165,87)
```
#5742a5
```
#5742a5 rgb(87,66,165)
```
#a54290
```
#a54290 rgb(165,66,144)
```

Tetradic Color

#2c6e3a
```
#2c6e3a rgb(44,110,58)
```
#338144
```
#338144 rgb(51,129,68)
```
#3b934d
```
#3b934d rgb(59,147,77)
```
#42a557
```
#42a557 rgb(66,165,87)
```
#4ab761
```
#4ab761 rgb(74,183,97)
```
#5cbe71
```
#5cbe71 rgb(92,190,113)
```
#6ec581
```
#6ec581 rgb(110,197,129)
```

Monochromatic Color

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

#46a542
```
#46a542 rgb(70,165,66)
```
#42a546
```
#42a546 rgb(66,165,70)
```
#42a54f
```
#42a54f rgb(66,165,79)
```
#42a557
```
#42a557 rgb(66,165,87)
```
#42a55f
```
#42a55f rgb(66,165,95)
```
#42a568
```
#42a568 rgb(66,165,104)
```
#42a570
```
#42a570 rgb(66,165,112)
```

Similar Colors

Text with hexadecimal color #42a557

This text has a font color of #42a557.

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

#42a557 background color

This paragraph has a background color of #42a557.

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

#42a557 border color

This element has a border color of #42a557.

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

CSS codes

.text {color:#42a557;}

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

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

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

#040b06
```
#040b06 rgb(4,11,6)
```
#0a190d
```
#0a190d rgb(10,25,13)
```
#102715
```
#102715 rgb(16,39,21)
```
#15351c
```
#15351c rgb(21,53,28)
```
#1b4323
```
#1b4323 rgb(27,67,35)
```
#20512b
```
#20512b rgb(32,81,43)
```
#265f32
```
#265f32 rgb(38,95,50)
```
#2c6d39
```
#2c6d39 rgb(44,109,57)
```
#317b41
```
#317b41 rgb(49,123,65)
```
#378948
```
#378948 rgb(55,137,72)
```
#3c9750
```
#3c9750 rgb(60,151,80)
```
#42a557
```
#42a557 rgb(66,165,87)
```
#48b35e
```
#48b35e rgb(72,179,94)
```

Shade Color Variation

#54ba6a
```
#54ba6a rgb(84,186,106)
```
#62c076
```
#62c076 rgb(98,192,118)
```
#70c682
```
#70c682 rgb(112,198,130)
```
#7ecb8e
```
#7ecb8e rgb(126,203,142)
```
#8cd19a
```
#8cd19a rgb(140,209,154)
```
#9ad7a7
```
#9ad7a7 rgb(154,215,167)
```
#a8dcb3
```
#a8dcb3 rgb(168,220,179)
```
#b6e2bf
```
#b6e2bf rgb(182,226,191)
```
#c4e7cb
```
#c4e7cb rgb(196,231,203)
```
#d2edd8
```
#d2edd8 rgb(210,237,216)
```
#e0f3e4
```
#e0f3e4 rgb(224,243,228)
```
#eef8f0
```
#eef8f0 rgb(238,248,240)
```
#fcfefc
```
#fcfefc rgb(252,254,252)
```

Tint Color Variation

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

#6e7971
```
#6e7971 rgb(110,121,113)
```
#66816b
```
#66816b rgb(102,129,107)
```
#5d8a66
```
#5d8a66 rgb(93,138,102)
```
#549361
```
#549361 rgb(84,147,97)
```
#4b9c5c
```
#4b9c5c rgb(75,156,92)
```
#42a557
```
#42a557 rgb(66,165,87)
```
#39ae52
```
#39ae52 rgb(57,174,82)
```
#30b74d
```
#30b74d rgb(48,183,77)
```
#27c048
```
#27c048 rgb(39,192,72)
```
#1ec943
```
#1ec943 rgb(30,201,67)
```
#16d13d
```
#16d13d rgb(22,209,61)
```
#0dda38
```
#0dda38 rgb(13,218,56)
```
#04e333
```
#04e333 rgb(4,227,51)
```

Tone Color Variation

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

#7f7f7f Achromatopsia 0.005% of the population
#738777 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a59759 Protanopia 1% of men
#b49168 Deuteranopia 1% of men
#64a0ac Tritanopia 0.001% of the population

Trichromacy

#819c58 Protanomaly 1% of men, 0.01% of women
#8a9861 Deuteranomaly 6% of men, 0.4% of women
#57a28d Tritanomaly 0.01% of the population

#42a557 hex color

#42a557 Color Information

#42a557 Color Conversion

Color Schemes with #42a557

Alternatives to #42a557

#42a557 Preview

Shades and Tints of #42a557

Tones of #42a557

Color Blindness Simulator