#42aa77 hex color

In a RGB color space, hex #42aa77 is composed of 25.9% red, 66.7% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 61.2% cyan, 0% magenta, 30% yellow and 33.3% black. It has a hue angle of 150.6 degrees, a saturation of 44.1% and a lightness of 46.3%. #42aa77 color hex could be obtained by blending #84ffee with #005500. Closest websafe color is: #339966.

♥
- f
- t
- g
- R 26
- G 67
- B 47
RGB color chart
- C 61
- M 0
- Y 30
- K 33
CMYK color chart

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

The hexadecimal color #42aa77 has RGB values of R:66, G:170, B:119 and CMYK values of C:0.61, M:0, Y:0.3, K:0.33. Its decimal value is 4369015.

Hex triplet	42aa77	`#42aa77`
RGB Decimal	66, 170, 119	`rgb(66,170,119)`
RGB Percent	25.9, 66.7, 46.7	`rgb(25.9%,66.7%,46.7%)`
CMYK	61, 0, 30, 33
HSL	150.6°, 44.1, 46.3	`hsl(150.6,44.1%,46.3%)`
HSV (or HSB)	150.6°, 61.2, 66.7
Web Safe	339966	`#339966`

CIE-LAB	62.708, -42.112, 17.585
XYZ	19.95, 31.238, 22.43
xyY	0.271, 0.424, 31.238
CIE-LCH	62.708, 45.636, 157.336
CIE-LUV	62.708, -44.238, 30.56
Hunter-Lab	55.891, -34.095, 15.33
Binary	01000010, 10101010, 01110111

#42aa77
```
#42aa77 rgb(66,170,119)
```
#aa4275
```
#aa4275 rgb(170,66,117)
```

Complementary Color

#42aa43
```
#42aa43 rgb(66,170,67)
```
#42aa77
```
#42aa77 rgb(66,170,119)
```
#42a9aa
```
#42a9aa rgb(66,169,170)
```

Analogous Color

#aa4342
```
#aa4342 rgb(170,67,66)
```
#42aa77
```
#42aa77 rgb(66,170,119)
```
#aa42a9
```
#aa42a9 rgb(170,66,169)
```

Split Complementary Color

#aa7742
```
#aa7742 rgb(170,119,66)
```
#42aa77
```
#42aa77 rgb(66,170,119)
```
#7742aa
```
#7742aa rgb(119,66,170)
```

Triadic Color

#75aa42
```
#75aa42 rgb(117,170,66)
```
#42aa77
```
#42aa77 rgb(66,170,119)
```
#7742aa
```
#7742aa rgb(119,66,170)
```
#aa4275
```
#aa4275 rgb(170,66,117)
```

Tetradic Color

#2d7350
```
#2d7350 rgb(45,115,80)
```
#34855d
```
#34855d rgb(52,133,93)
```
#3b986a
```
#3b986a rgb(59,152,106)
```
#42aa77
```
#42aa77 rgb(66,170,119)
```
#4cba84
```
#4cba84 rgb(76,186,132)
```
#5ec190
```
#5ec190 rgb(94,193,144)
```
#71c89d
```
#71c89d rgb(113,200,157)
```

Monochromatic Color

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

#42aa5d
```
#42aa5d rgb(66,170,93)
```
#42aa66
```
#42aa66 rgb(66,170,102)
```
#42aa6e
```
#42aa6e rgb(66,170,110)
```
#42aa77
```
#42aa77 rgb(66,170,119)
```
#42aa80
```
#42aa80 rgb(66,170,128)
```
#42aa88
```
#42aa88 rgb(66,170,136)
```
#42aa91
```
#42aa91 rgb(66,170,145)
```

Similar Colors

Text with hexadecimal color #42aa77

This text has a font color of #42aa77.

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

#42aa77 background color

This paragraph has a background color of #42aa77.

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

#42aa77 border color

This element has a border color of #42aa77.

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

CSS codes

.text {color:#42aa77;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#060f0a
```
#060f0a rgb(6,15,10)
```
#0b1d14
```
#0b1d14 rgb(11,29,20)
```
#112b1e
```
#112b1e rgb(17,43,30)
```
#163928
```
#163928 rgb(22,57,40)
```
#1c4732
```
#1c4732 rgb(28,71,50)
```
#21553c
```
#21553c rgb(33,85,60)
```
#276346
```
#276346 rgb(39,99,70)
```
#2c714f
```
#2c714f rgb(44,113,79)
```
#328059
```
#328059 rgb(50,128,89)
```
#378e63
```
#378e63 rgb(55,142,99)
```
#3d9c6d
```
#3d9c6d rgb(61,156,109)
```
#42aa77
```
#42aa77 rgb(66,170,119)
```

Shade Color Variation

#48b881
```
#48b881 rgb(72,184,129)
```
#56bd8b
```
#56bd8b rgb(86,189,139)
```
#64c394
```
#64c394 rgb(100,195,148)
```
#72c89e
```
#72c89e rgb(114,200,158)
```
#80cea8
```
#80cea8 rgb(128,206,168)
```
#8ed3b2
```
#8ed3b2 rgb(142,211,178)
```
#9dd9bb
```
#9dd9bb rgb(157,217,187)
```
#abdec5
```
#abdec5 rgb(171,222,197)
```
#b9e4cf
```
#b9e4cf rgb(185,228,207)
```
#c7e9d8
```
#c7e9d8 rgb(199,233,216)
```
#d5efe2
```
#d5efe2 rgb(213,239,226)
```
#e3f4ec
```
#e3f4ec rgb(227,244,236)
```
#f1faf6
```
#f1faf6 rgb(241,250,246)
```

Tint Color Variation

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

#6f7d76
```
#6f7d76 rgb(111,125,118)
```
#668676
```
#668676 rgb(102,134,118)
```
#5d8f76
```
#5d8f76 rgb(93,143,118)
```
#549877
```
#549877 rgb(84,152,119)
```
#4ba177
```
#4ba177 rgb(75,161,119)
```
#42aa77
```
#42aa77 rgb(66,170,119)
```
#39b377
```
#39b377 rgb(57,179,119)
```
#30bc77
```
#30bc77 rgb(48,188,119)
```
#27c578
```
#27c578 rgb(39,197,120)
```
#1ece78
```
#1ece78 rgb(30,206,120)
```
#15d778
```
#15d778 rgb(21,215,120)
```
#0ce078
```
#0ce078 rgb(12,224,120)
```
#02ea78
```
#02ea78 rgb(2,234,120)
```

Tone Color Variation

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

#858585 Achromatopsia 0.005% of the population
#788c82 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a89c76 Protanopia 1% of men
#b39785 Deuteranopia 1% of men
#60a7b3 Tritanopia 0.001% of the population

Trichromacy

#82a176 Protanomaly 1% of men, 0.01% of women
#8a9e80 Deuteranomaly 6% of men, 0.4% of women
#55a89d Tritanomaly 0.01% of the population

#42aa77 hex color

#42aa77 Color Information

#42aa77 Color Conversion

Color Schemes with #42aa77

Alternatives to #42aa77

#42aa77 Preview

Shades and Tints of #42aa77

Tones of #42aa77

Color Blindness Simulator