#42a558 hex color

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

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

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

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

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

CIE-LAB	60.58, -45.84, 31.413
XYZ	17.462, 28.772, 13.865
xyY	0.291, 0.479, 28.772
CIE-LCH	60.58, 55.571, 145.578
CIE-LUV	60.58, -43.688, 46.812
Hunter-Lab	53.639, -35.758, 22.222
Binary	01000010, 10100101, 01011000

#42a558
```
#42a558 rgb(66,165,88)
```
#a5428f
```
#a5428f rgb(165,66,143)
```

Complementary Color

#5ea542
```
#5ea542 rgb(94,165,66)
```
#42a558
```
#42a558 rgb(66,165,88)
```
#42a58a
```
#42a58a rgb(66,165,138)
```

Analogous Color

#a5425e
```
#a5425e rgb(165,66,94)
```
#42a558
```
#42a558 rgb(66,165,88)
```
#8a42a5
```
#8a42a5 rgb(138,66,165)
```

Split Complementary Color

#a55842
```
#a55842 rgb(165,88,66)
```
#42a558
```
#42a558 rgb(66,165,88)
```
#5842a5
```
#5842a5 rgb(88,66,165)
```

Triadic Color

#8fa542
```
#8fa542 rgb(143,165,66)
```
#42a558
```
#42a558 rgb(66,165,88)
```
#5842a5
```
#5842a5 rgb(88,66,165)
```
#a5428f
```
#a5428f rgb(165,66,143)
```

Tetradic Color

#2c6e3b
```
#2c6e3b rgb(44,110,59)
```
#338145
```
#338145 rgb(51,129,69)
```
#3b934e
```
#3b934e rgb(59,147,78)
```
#42a558
```
#42a558 rgb(66,165,88)
```
#4ab762
```
#4ab762 rgb(74,183,98)
```
#5cbe72
```
#5cbe72 rgb(92,190,114)
```
#6ec582
```
#6ec582 rgb(110,197,130)
```

Monochromatic Color

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

#45a542
```
#45a542 rgb(69,165,66)
```
#42a548
```
#42a548 rgb(66,165,72)
```
#42a550
```
#42a550 rgb(66,165,80)
```
#42a558
```
#42a558 rgb(66,165,88)
```
#42a560
```
#42a560 rgb(66,165,96)
```
#42a569
```
#42a569 rgb(66,165,105)
```
#42a571
```
#42a571 rgb(66,165,113)
```

Similar Colors

Text with hexadecimal color #42a558

This text has a font color of #42a558.

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

#42a558 background color

This paragraph has a background color of #42a558.

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

#42a558 border color

This element has a border color of #42a558.

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

CSS codes

.text {color:#42a558;}

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

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

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)
```
#1b4324
```
#1b4324 rgb(27,67,36)
```
#20512b
```
#20512b rgb(32,81,43)
```
#265f33
```
#265f33 rgb(38,95,51)
```
#2c6d3a
```
#2c6d3a rgb(44,109,58)
```
#317b42
```
#317b42 rgb(49,123,66)
```
#378949
```
#378949 rgb(55,137,73)
```
#3c9751
```
#3c9751 rgb(60,151,81)
```
#42a558
```
#42a558 rgb(66,165,88)
```
#48b35f
```
#48b35f rgb(72,179,95)
```

Shade Color Variation

#54ba6b
```
#54ba6b rgb(84,186,107)
```
#62c077
```
#62c077 rgb(98,192,119)
```
#70c683
```
#70c683 rgb(112,198,131)
```
#7ecb8f
```
#7ecb8f rgb(126,203,143)
```
#8cd19b
```
#8cd19b rgb(140,209,155)
```
#9ad7a7
```
#9ad7a7 rgb(154,215,167)
```
#a8dcb3
```
#a8dcb3 rgb(168,220,179)
```
#b6e2c0
```
#b6e2c0 rgb(182,226,192)
```
#c4e7cc
```
#c4e7cc rgb(196,231,204)
```
#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 #04e335 is the most saturated one.

#6e7971
```
#6e7971 rgb(110,121,113)
```
#66816c
```
#66816c rgb(102,129,108)
```
#5d8a67
```
#5d8a67 rgb(93,138,103)
```
#549362
```
#549362 rgb(84,147,98)
```
#4b9c5d
```
#4b9c5d rgb(75,156,93)
```
#42a558
```
#42a558 rgb(66,165,88)
```
#39ae53
```
#39ae53 rgb(57,174,83)
```
#30b74e
```
#30b74e rgb(48,183,78)
```
#27c049
```
#27c049 rgb(39,192,73)
```
#1ec944
```
#1ec944 rgb(30,201,68)
```
#16d13f
```
#16d13f rgb(22,209,63)
```
#0dda3a
```
#0dda3a rgb(13,218,58)
```
#04e335
```
#04e335 rgb(4,227,53)
```

Tone Color Variation

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

#a5975a Protanopia 1% of men
#b49169 Deuteranopia 1% of men
#64a0ac Tritanopia 0.001% of the population

Trichromacy

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

#42a558 hex color

#42a558 Color Information

#42a558 Color Conversion

Color Schemes with #42a558

Alternatives to #42a558

#42a558 Preview

Shades and Tints of #42a558

Tones of #42a558

Color Blindness Simulator