#42a348 hex color

In a RGB color space, hex #42a348 is composed of 25.9% red, 63.9% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 59.5% cyan, 0% magenta, 55.8% yellow and 36.1% black. It has a hue angle of 123.7 degrees, a saturation of 42.4% and a lightness of 44.9%. #42a348 color hex could be obtained by blending #84ff90 with #004700. Closest websafe color is: #339933.

♥
- f
- t
- g
- R 26
- G 64
- B 28
RGB color chart
- C 60
- M 0
- Y 56
- K 36
CMYK color chart

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

The hexadecimal color #42a348 has RGB values of R:66, G:163, B:72 and CMYK values of C:0.6, M:0, Y:0.56, K:0.36. Its decimal value is 4367176.

Hex triplet	42a348	`#42a348`
RGB Decimal	66, 163, 72	`rgb(66,163,72)`
RGB Percent	25.9, 63.9, 28.2	`rgb(25.9%,63.9%,28.2%)`
CMYK	60, 0, 56, 36
HSL	123.7°, 42.4, 44.9	`hsl(123.7,42.4%,44.9%)`
HSV (or HSB)	123.7°, 59.5, 63.9
Web Safe	339933	`#339933`

CIE-LAB	59.725, -47.405, 38.469
XYZ	16.513, 27.819, 10.63
xyY	0.3, 0.506, 27.819
CIE-LCH	59.725, 61.05, 140.941
CIE-LUV	59.725, -43.484, 53.807
Hunter-Lab	52.744, -36.418, 24.971
Binary	01000010, 10100011, 01001000

#42a348
```
#42a348 rgb(66,163,72)
```
#a3429d
```
#a3429d rgb(163,66,157)
```

Complementary Color

#6da342
```
#6da342 rgb(109,163,66)
```
#42a348
```
#42a348 rgb(66,163,72)
```
#42a379
```
#42a379 rgb(66,163,121)
```

Analogous Color

#a3426d
```
#a3426d rgb(163,66,109)
```
#42a348
```
#42a348 rgb(66,163,72)
```
#7942a3
```
#7942a3 rgb(121,66,163)
```

Split Complementary Color

#a34842
```
#a34842 rgb(163,72,66)
```
#42a348
```
#42a348 rgb(66,163,72)
```
#4842a3
```
#4842a3 rgb(72,66,163)
```

Triadic Color

#9da342
```
#9da342 rgb(157,163,66)
```
#42a348
```
#42a348 rgb(66,163,72)
```
#4842a3
```
#4842a3 rgb(72,66,163)
```
#a3429d
```
#a3429d rgb(163,66,157)
```

Tetradic Color

#2c6d30
```
#2c6d30 rgb(44,109,48)
```
#337f38
```
#337f38 rgb(51,127,56)
```
#3b9140
```
#3b9140 rgb(59,145,64)
```
#42a348
```
#42a348 rgb(66,163,72)
```
#49b550
```
#49b550 rgb(73,181,80)
```
#5bbd61
```
#5bbd61 rgb(91,189,97)
```
#6dc473
```
#6dc473 rgb(109,196,115)
```

Monochromatic Color

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

#54a342
```
#54a342 rgb(84,163,66)
```
#4ca342
```
#4ca342 rgb(76,163,66)
```
#44a342
```
#44a342 rgb(68,163,66)
```
#42a348
```
#42a348 rgb(66,163,72)
```
#42a350
```
#42a350 rgb(66,163,80)
```
#42a358
```
#42a358 rgb(66,163,88)
```
#42a360
```
#42a360 rgb(66,163,96)
```

Similar Colors

Text with hexadecimal color #42a348

This text has a font color of #42a348.

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

#42a348 background color

This paragraph has a background color of #42a348.

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

#42a348 border color

This element has a border color of #42a348.

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

CSS codes

.text {color:#42a348;}

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

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

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, #040904 is the darkest color, while #fafdfb is the lightest one.

#040904
```
#040904 rgb(4,9,4)
```
#09170a
```
#09170a rgb(9,23,10)
```
#0f2510
```
#0f2510 rgb(15,37,16)
```
#153317
```
#153317 rgb(21,51,23)
```
#1a411d
```
#1a411d rgb(26,65,29)
```
#204f23
```
#204f23 rgb(32,79,35)
```
#265d29
```
#265d29 rgb(38,93,41)
```
#2b6b2f
```
#2b6b2f rgb(43,107,47)
```
#317935
```
#317935 rgb(49,121,53)
```
#37873c
```
#37873c rgb(55,135,60)
```
#3c9542
```
#3c9542 rgb(60,149,66)
```
#42a348
```
#42a348 rgb(66,163,72)
```
#48b14e
```
#48b14e rgb(72,177,78)
```

Shade Color Variation

#53b959
```
#53b959 rgb(83,185,89)
```
#61bf67
```
#61bf67 rgb(97,191,103)
```
#6fc574
```
#6fc574 rgb(111,197,116)
```
#7dca82
```
#7dca82 rgb(125,202,130)
```
#8bd08f
```
#8bd08f rgb(139,208,143)
```
#99d69c
```
#99d69c rgb(153,214,156)
```
#a7dbaa
```
#a7dbaa rgb(167,219,170)
```
#b5e1b7
```
#b5e1b7 rgb(181,225,183)
```
#c3e7c5
```
#c3e7c5 rgb(195,231,197)
```
#d1ecd2
```
#d1ecd2 rgb(209,236,210)
```
#dff2e0
```
#dff2e0 rgb(223,242,224)
```
#ecf8ed
```
#ecf8ed rgb(236,248,237)
```
#fafdfb
```
#fafdfb rgb(250,253,251)
```

Tint Color Variation

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

#6e776f
```
#6e776f rgb(110,119,111)
```
#658067
```
#658067 rgb(101,128,103)
```
#5c895f
```
#5c895f rgb(92,137,95)
```
#549157
```
#549157 rgb(84,145,87)
```
#4b9a50
```
#4b9a50 rgb(75,154,80)
```
#42a348
```
#42a348 rgb(66,163,72)
```
#39ac40
```
#39ac40 rgb(57,172,64)
```
#30b539
```
#30b539 rgb(48,181,57)
```
#28bd31
```
#28bd31 rgb(40,189,49)
```
#1fc629
```
#1fc629 rgb(31,198,41)
```
#16cf21
```
#16cf21 rgb(22,207,33)
```
#0dd81a
```
#0dd81a rgb(13,216,26)
```
#04e112
```
#04e112 rgb(4,225,18)
```

Tone Color Variation

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

#7c7c7c Achromatopsia 0.005% of the population
#708472 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a5954b Protanopia 1% of men
#b48f5a Deuteranopia 1% of men
#659ea9 Tritanopia 0.001% of the population

Trichromacy

#819a4a Protanomaly 1% of men, 0.01% of women
#8a9653 Deuteranomaly 6% of men, 0.4% of women
#58a086 Tritanomaly 0.01% of the population

#42a348 hex color

#42a348 Color Information

#42a348 Color Conversion

Color Schemes with #42a348

Alternatives to #42a348

#42a348 Preview

Shades and Tints of #42a348

Tones of #42a348

Color Blindness Simulator