#42a564 hex color

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

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

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

The hexadecimal color #42a564 has RGB values of R:66, G:165, B:100 and CMYK values of C:0.6, M:0, Y:0.39, K:0.35. Its decimal value is 4367716.

Hex triplet	42a564	`#42a564`
RGB Decimal	66, 165, 100	`rgb(66,165,100)`
RGB Percent	25.9, 64.7, 39.2	`rgb(25.9%,64.7%,39.2%)`
CMYK	60, 0, 39, 35
HSL	140.6°, 42.9, 45.3	`hsl(140.6,42.9%,45.3%)`
HSV (or HSB)	140.6°, 60, 64.7
Web Safe	339966	`#339966`

CIE-LAB	60.77, -43.769, 25.3
XYZ	18.001, 28.987, 16.702
xyY	0.283, 0.455, 28.987
CIE-LCH	60.77, 50.555, 149.97
CIE-LUV	60.77, -43.187, 39.823
Hunter-Lab	53.84, -34.539, 19.295
Binary	01000010, 10100101, 01100100

#42a564
```
#42a564 rgb(66,165,100)
```
#a54283
```
#a54283 rgb(165,66,131)
```

Complementary Color

#52a542
```
#52a542 rgb(82,165,66)
```
#42a564
```
#42a564 rgb(66,165,100)
```
#42a596
```
#42a596 rgb(66,165,150)
```

Analogous Color

#a54252
```
#a54252 rgb(165,66,82)
```
#42a564
```
#42a564 rgb(66,165,100)
```
#9642a5
```
#9642a5 rgb(150,66,165)
```

Split Complementary Color

#a56442
```
#a56442 rgb(165,100,66)
```
#42a564
```
#42a564 rgb(66,165,100)
```
#6442a5
```
#6442a5 rgb(100,66,165)
```

Triadic Color

#83a542
```
#83a542 rgb(131,165,66)
```
#42a564
```
#42a564 rgb(66,165,100)
```
#6442a5
```
#6442a5 rgb(100,66,165)
```
#a54283
```
#a54283 rgb(165,66,131)
```

Tetradic Color

#2c6e43
```
#2c6e43 rgb(44,110,67)
```
#33814e
```
#33814e rgb(51,129,78)
```
#3b9359
```
#3b9359 rgb(59,147,89)
```
#42a564
```
#42a564 rgb(66,165,100)
```
#4ab76f
```
#4ab76f rgb(74,183,111)
```
#5cbe7e
```
#5cbe7e rgb(92,190,126)
```
#6ec58c
```
#6ec58c rgb(110,197,140)
```

Monochromatic Color

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

#42a54b
```
#42a54b rgb(66,165,75)
```
#42a554
```
#42a554 rgb(66,165,84)
```
#42a55c
```
#42a55c rgb(66,165,92)
```
#42a564
```
#42a564 rgb(66,165,100)
```
#42a56c
```
#42a56c rgb(66,165,108)
```
#42a575
```
#42a575 rgb(66,165,117)
```
#42a57d
```
#42a57d rgb(66,165,125)
```

Similar Colors

Text with hexadecimal color #42a564

This text has a font color of #42a564.

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

#42a564 background color

This paragraph has a background color of #42a564.

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

#42a564 border color

This element has a border color of #42a564.

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

CSS codes

.text {color:#42a564;}

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

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

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

#040b07
```
#040b07 rgb(4,11,7)
```
#0a190f
```
#0a190f rgb(10,25,15)
```
#102718
```
#102718 rgb(16,39,24)
```
#153520
```
#153520 rgb(21,53,32)
```
#1b4329
```
#1b4329 rgb(27,67,41)
```
#205131
```
#205131 rgb(32,81,49)
```
#265f3a
```
#265f3a rgb(38,95,58)
```
#2c6d42
```
#2c6d42 rgb(44,109,66)
```
#317b4b
```
#317b4b rgb(49,123,75)
```
#378953
```
#378953 rgb(55,137,83)
```
#3c975c
```
#3c975c rgb(60,151,92)
```
#42a564
```
#42a564 rgb(66,165,100)
```
#48b36c
```
#48b36c rgb(72,179,108)
```

Shade Color Variation

#54ba77
```
#54ba77 rgb(84,186,119)
```
#62c082
```
#62c082 rgb(98,192,130)
```
#70c68d
```
#70c68d rgb(112,198,141)
```
#7ecb98
```
#7ecb98 rgb(126,203,152)
```
#8cd1a4
```
#8cd1a4 rgb(140,209,164)
```
#9ad7af
```
#9ad7af rgb(154,215,175)
```
#a8dcba
```
#a8dcba rgb(168,220,186)
```
#b6e2c5
```
#b6e2c5 rgb(182,226,197)
```
#c4e7d0
```
#c4e7d0 rgb(196,231,208)
```
#d2eddb
```
#d2eddb rgb(210,237,219)
```
#e0f3e6
```
#e0f3e6 rgb(224,243,230)
```
#eef8f1
```
#eef8f1 rgb(238,248,241)
```
#fcfefd
```
#fcfefd rgb(252,254,253)
```

Tint Color Variation

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

#6e7972
```
#6e7972 rgb(110,121,114)
```
#66816f
```
#66816f rgb(102,129,111)
```
#5d8a6c
```
#5d8a6c rgb(93,138,108)
```
#54936a
```
#54936a rgb(84,147,106)
```
#4b9c67
```
#4b9c67 rgb(75,156,103)
```
#42a564
```
#42a564 rgb(66,165,100)
```
#39ae61
```
#39ae61 rgb(57,174,97)
```
#30b75e
```
#30b75e rgb(48,183,94)
```
#27c05c
```
#27c05c rgb(39,192,92)
```
#1ec959
```
#1ec959 rgb(30,201,89)
```
#16d156
```
#16d156 rgb(22,209,86)
```
#0dda53
```
#0dda53 rgb(13,218,83)
```
#04e351
```
#04e351 rgb(4,227,81)
```

Tone Color Variation

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

#808080 Achromatopsia 0.005% of the population
#74877a Atypical Achromatopsia 0.001% of the population

Dichromacy

#a59865 Protanopia 1% of men
#b29274 Deuteranopia 1% of men
#62a1ad Tritanopia 0.001% of the population

Trichromacy

#819c64 Protanomaly 1% of men, 0.01% of women
#89996e Deuteranomaly 6% of men, 0.4% of women
#56a292 Tritanomaly 0.01% of the population

#42a564 hex color

#42a564 Color Information

#42a564 Color Conversion

Color Schemes with #42a564

Alternatives to #42a564

#42a564 Preview

Shades and Tints of #42a564

Tones of #42a564

Color Blindness Simulator