#42a366 hex color

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

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

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

The hexadecimal color #42a366 has RGB values of R:66, G:163, B:102 and CMYK values of C:0.6, M:0, Y:0.37, K:0.36. Its decimal value is 4367206.

Hex triplet	42a366	`#42a366`
RGB Decimal	66, 163, 102	`rgb(66,163,102)`
RGB Percent	25.9, 63.9, 40	`rgb(25.9%,63.9%,40%)`
CMYK	60, 0, 37, 36
HSL	142.3°, 42.4, 44.9	`hsl(142.3,42.4%,44.9%)`
HSV (or HSB)	142.3°, 59.5, 63.9
Web Safe	339966	`#339966`

CIE-LAB	60.168, -42.563, 23.421
XYZ	17.741, 28.311, 17.099
xyY	0.281, 0.448, 28.311
CIE-LCH	60.168, 48.581, 151.177
CIE-LUV	60.168, -42.315, 37.357
Hunter-Lab	53.208, -33.596, 18.191
Binary	01000010, 10100011, 01100110

#42a366
```
#42a366 rgb(66,163,102)
```
#a3427f
```
#a3427f rgb(163,66,127)
```

Complementary Color

#4fa342
```
#4fa342 rgb(79,163,66)
```
#42a366
```
#42a366 rgb(66,163,102)
```
#42a397
```
#42a397 rgb(66,163,151)
```

Analogous Color

#a3424f
```
#a3424f rgb(163,66,79)
```
#42a366
```
#42a366 rgb(66,163,102)
```
#9742a3
```
#9742a3 rgb(151,66,163)
```

Split Complementary Color

#a36642
```
#a36642 rgb(163,102,66)
```
#42a366
```
#42a366 rgb(66,163,102)
```
#6642a3
```
#6642a3 rgb(102,66,163)
```

Triadic Color

#7fa342
```
#7fa342 rgb(127,163,66)
```
#42a366
```
#42a366 rgb(66,163,102)
```
#6642a3
```
#6642a3 rgb(102,66,163)
```
#a3427f
```
#a3427f rgb(163,66,127)
```

Tetradic Color

#2c6d44
```
#2c6d44 rgb(44,109,68)
```
#337f4f
```
#337f4f rgb(51,127,79)
```
#3b915b
```
#3b915b rgb(59,145,91)
```
#42a366
```
#42a366 rgb(66,163,102)
```
#49b571
```
#49b571 rgb(73,181,113)
```
#5bbd7f
```
#5bbd7f rgb(91,189,127)
```
#6dc48e
```
#6dc48e rgb(109,196,142)
```

Monochromatic Color

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

#42a34e
```
#42a34e rgb(66,163,78)
```
#42a356
```
#42a356 rgb(66,163,86)
```
#42a35e
```
#42a35e rgb(66,163,94)
```
#42a366
```
#42a366 rgb(66,163,102)
```
#42a36e
```
#42a36e rgb(66,163,110)
```
#42a376
```
#42a376 rgb(66,163,118)
```
#42a37e
```
#42a37e rgb(66,163,126)
```

Similar Colors

Text with hexadecimal color #42a366

This text has a font color of #42a366.

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

#42a366 background color

This paragraph has a background color of #42a366.

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

#42a366 border color

This element has a border color of #42a366.

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

CSS codes

.text {color:#42a366;}

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

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

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

#040906
```
#040906 rgb(4,9,6)
```
#09170f
```
#09170f rgb(9,23,15)
```
#0f2517
```
#0f2517 rgb(15,37,23)
```
#153320
```
#153320 rgb(21,51,32)
```
#1a4129
```
#1a4129 rgb(26,65,41)
```
#204f32
```
#204f32 rgb(32,79,50)
```
#265d3a
```
#265d3a rgb(38,93,58)
```
#2b6b43
```
#2b6b43 rgb(43,107,67)
```
#31794c
```
#31794c rgb(49,121,76)
```
#378755
```
#378755 rgb(55,135,85)
```
#3c955d
```
#3c955d rgb(60,149,93)
```
#42a366
```
#42a366 rgb(66,163,102)
```
#48b16f
```
#48b16f rgb(72,177,111)
```

Shade Color Variation

#53b979
```
#53b979 rgb(83,185,121)
```
#61bf84
```
#61bf84 rgb(97,191,132)
```
#6fc58f
```
#6fc58f rgb(111,197,143)
```
#7dca9a
```
#7dca9a rgb(125,202,154)
```
#8bd0a4
```
#8bd0a4 rgb(139,208,164)
```
#99d6af
```
#99d6af rgb(153,214,175)
```
#a7dbba
```
#a7dbba rgb(167,219,186)
```
#b5e1c5
```
#b5e1c5 rgb(181,225,197)
```
#c3e7d0
```
#c3e7d0 rgb(195,231,208)
```
#d1ecdb
```
#d1ecdb rgb(209,236,219)
```
#dff2e6
```
#dff2e6 rgb(223,242,230)
```
#ecf8f1
```
#ecf8f1 rgb(236,248,241)
```
#fafdfb
```
#fafdfb rgb(250,253,251)
```

Tint Color Variation

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

#6e7771
```
#6e7771 rgb(110,119,113)
```
#65806f
```
#65806f rgb(101,128,111)
```
#5c896d
```
#5c896d rgb(92,137,109)
```
#54916b
```
#54916b rgb(84,145,107)
```
#4b9a68
```
#4b9a68 rgb(75,154,104)
```
#42a366
```
#42a366 rgb(66,163,102)
```
#39ac64
```
#39ac64 rgb(57,172,100)
```
#30b561
```
#30b561 rgb(48,181,97)
```
#28bd5f
```
#28bd5f rgb(40,189,95)
```
#1fc65d
```
#1fc65d rgb(31,198,93)
```
#16cf5b
```
#16cf5b rgb(22,207,91)
```
#0dd858
```
#0dd858 rgb(13,216,88)
```
#04e156
```
#04e156 rgb(4,225,86)
```

Tone Color Variation

Below, you can see how #42a366 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
#73867a Atypical Achromatopsia 0.001% of the population

Dichromacy

#a39667 Protanopia 1% of men
#af9175 Deuteranopia 1% of men
#61a0ab Tritanopia 0.001% of the population

Trichromacy

#7f9b66 Protanomaly 1% of men, 0.01% of women
#879770 Deuteranomaly 6% of men, 0.4% of women
#55a192 Tritanomaly 0.01% of the population

#42a366 hex color

#42a366 Color Information

#42a366 Color Conversion

Color Schemes with #42a366

Alternatives to #42a366

#42a366 Preview

Shades and Tints of #42a366

Tones of #42a366

Color Blindness Simulator