#42a574 hex color

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

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

● #42a574 color description : Dark moderate cyan - lime green.

The hexadecimal color #42a574 has RGB values of R:66, G:165, B:116 and CMYK values of C:0.6, M:0, Y:0.3, K:0.35. Its decimal value is 4367732.

Hex triplet	42a574	`#42a574`
RGB Decimal	66, 165, 116	`rgb(66,165,116)`
RGB Percent	25.9, 64.7, 45.5	`rgb(25.9%,64.7%,45.5%)`
CMYK	60, 0, 30, 35
HSL	150.3°, 42.9, 45.3	`hsl(150.3,42.9%,45.3%)`
HSV (or HSB)	150.3°, 60, 64.7
Web Safe	339966	`#339966`

CIE-LAB	61.07, -40.601, 16.979
XYZ	18.853, 29.328, 21.189
xyY	0.272, 0.423, 29.328
CIE-LCH	61.07, 44.008, 157.305
CIE-LUV	61.07, -42.448, 29.366
Hunter-Lab	54.155, -32.631, 14.71
Binary	01000010, 10100101, 01110100

#42a574
```
#42a574 rgb(66,165,116)
```
#a54273
```
#a54273 rgb(165,66,115)
```

Complementary Color

#42a543
```
#42a543 rgb(66,165,67)
```
#42a574
```
#42a574 rgb(66,165,116)
```
#42a5a5
```
#42a5a5 rgb(66,165,165)
```

Analogous Color

#a54342
```
#a54342 rgb(165,67,66)
```
#42a574
```
#42a574 rgb(66,165,116)
```
#a542a5
```
#a542a5 rgb(165,66,165)
```

Split Complementary Color

#a57442
```
#a57442 rgb(165,116,66)
```
#42a574
```
#42a574 rgb(66,165,116)
```
#7442a5
```
#7442a5 rgb(116,66,165)
```

Triadic Color

#73a542
```
#73a542 rgb(115,165,66)
```
#42a574
```
#42a574 rgb(66,165,116)
```
#7442a5
```
#7442a5 rgb(116,66,165)
```
#a54273
```
#a54273 rgb(165,66,115)
```

Tetradic Color

#2c6e4e
```
#2c6e4e rgb(44,110,78)
```
#33815a
```
#33815a rgb(51,129,90)
```
#3b9367
```
#3b9367 rgb(59,147,103)
```
#42a574
```
#42a574 rgb(66,165,116)
```
#4ab781
```
#4ab781 rgb(74,183,129)
```
#5cbe8d
```
#5cbe8d rgb(92,190,141)
```
#6ec59a
```
#6ec59a rgb(110,197,154)
```

Monochromatic Color

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

#42a55b
```
#42a55b rgb(66,165,91)
```
#42a564
```
#42a564 rgb(66,165,100)
```
#42a56c
```
#42a56c rgb(66,165,108)
```
#42a574
```
#42a574 rgb(66,165,116)
```
#42a57c
```
#42a57c rgb(66,165,124)
```
#42a585
```
#42a585 rgb(66,165,133)
```
#42a58d
```
#42a58d rgb(66,165,141)
```

Similar Colors

Text with hexadecimal color #42a574

This text has a font color of #42a574.

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

#42a574 background color

This paragraph has a background color of #42a574.

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

#42a574 border color

This element has a border color of #42a574.

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

CSS codes

.text {color:#42a574;}

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

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

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

#040b08
```
#040b08 rgb(4,11,8)
```
#0a1911
```
#0a1911 rgb(10,25,17)
```
#10271b
```
#10271b rgb(16,39,27)
```
#153525
```
#153525 rgb(21,53,37)
```
#1b432f
```
#1b432f rgb(27,67,47)
```
#205139
```
#205139 rgb(32,81,57)
```
#265f43
```
#265f43 rgb(38,95,67)
```
#2c6d4d
```
#2c6d4d rgb(44,109,77)
```
#317b56
```
#317b56 rgb(49,123,86)
```
#378960
```
#378960 rgb(55,137,96)
```
#3c976a
```
#3c976a rgb(60,151,106)
```
#42a574
```
#42a574 rgb(66,165,116)
```
#48b37e
```
#48b37e rgb(72,179,126)
```

Shade Color Variation

#54ba88
```
#54ba88 rgb(84,186,136)
```
#62c091
```
#62c091 rgb(98,192,145)
```
#70c69b
```
#70c69b rgb(112,198,155)
```
#7ecba5
```
#7ecba5 rgb(126,203,165)
```
#8cd1af
```
#8cd1af rgb(140,209,175)
```
#9ad7b8
```
#9ad7b8 rgb(154,215,184)
```
#a8dcc2
```
#a8dcc2 rgb(168,220,194)
```
#b6e2cc
```
#b6e2cc rgb(182,226,204)
```
#c4e7d6
```
#c4e7d6 rgb(196,231,214)
```
#d2ede0
```
#d2ede0 rgb(210,237,224)
```
#e0f3e9
```
#e0f3e9 rgb(224,243,233)
```
#eef8f3
```
#eef8f3 rgb(238,248,243)
```
#fcfefd
```
#fcfefd rgb(252,254,253)
```

Tint Color Variation

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

#6e7974
```
#6e7974 rgb(110,121,116)
```
#668174
```
#668174 rgb(102,129,116)
```
#5d8a74
```
#5d8a74 rgb(93,138,116)
```
#549374
```
#549374 rgb(84,147,116)
```
#4b9c74
```
#4b9c74 rgb(75,156,116)
```
#42a574
```
#42a574 rgb(66,165,116)
```
#39ae74
```
#39ae74 rgb(57,174,116)
```
#30b774
```
#30b774 rgb(48,183,116)
```
#27c074
```
#27c074 rgb(39,192,116)
```
#1ec974
```
#1ec974 rgb(30,201,116)
```
#16d174
```
#16d174 rgb(22,209,116)
```
#0dda75
```
#0dda75 rgb(13,218,117)
```
#04e375
```
#04e375 rgb(4,227,117)
```

Tone Color Variation

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

#828282 Achromatopsia 0.005% of the population
#75897f Atypical Achromatopsia 0.001% of the population

Dichromacy

#a39874 Protanopia 1% of men
#af9382 Deuteranopia 1% of men
#5fa2ae Tritanopia 0.001% of the population

Trichromacy

#809d74 Protanomaly 1% of men, 0.01% of women
#87997d Deuteranomaly 6% of men, 0.4% of women
#54a399 Tritanomaly 0.01% of the population

#42a574 hex color

#42a574 Color Information

#42a574 Color Conversion

Color Schemes with #42a574

Alternatives to #42a574

#42a574 Preview

Shades and Tints of #42a574

Tones of #42a574

Color Blindness Simulator