#42a477 hex color

In a RGB color space, hex #42a477 is composed of 25.9% red, 64.3% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 59.8% cyan, 0% magenta, 27.4% yellow and 35.7% black. It has a hue angle of 152.4 degrees, a saturation of 42.6% and a lightness of 45.1%. #42a477 color hex could be obtained by blending #84ffee with #004900. Closest websafe color is: #339966.

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

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

The hexadecimal color #42a477 has RGB values of R:66, G:164, B:119 and CMYK values of C:0.6, M:0, Y:0.27, K:0.36. Its decimal value is 4367479.

Hex triplet	42a477	`#42a477`
RGB Decimal	66, 164, 119	`rgb(66,164,119)`
RGB Percent	25.9, 64.3, 46.7	`rgb(25.9%,64.3%,46.7%)`
CMYK	60, 0, 27, 36
HSL	152.4°, 42.6, 45.1	`hsl(152.4,42.6%,45.1%)`
HSV (or HSB)	152.4°, 59.8, 64.3
Web Safe	339966	`#339966`

CIE-LAB	60.817, -39.52, 14.97
XYZ	18.851, 29.04, 22.064
xyY	0.269, 0.415, 29.04
CIE-LCH	60.817, 42.26, 159.253
CIE-LUV	60.817, -41.912, 26.611
Hunter-Lab	53.888, -31.864, 13.447
Binary	01000010, 10100100, 01110111

#42a477
```
#42a477 rgb(66,164,119)
```
#a4426f
```
#a4426f rgb(164,66,111)
```

Complementary Color

#42a446
```
#42a446 rgb(66,164,70)
```
#42a477
```
#42a477 rgb(66,164,119)
```
#42a0a4
```
#42a0a4 rgb(66,160,164)
```

Analogous Color

#a44642
```
#a44642 rgb(164,70,66)
```
#42a477
```
#42a477 rgb(66,164,119)
```
#a442a0
```
#a442a0 rgb(164,66,160)
```

Split Complementary Color

#a47742
```
#a47742 rgb(164,119,66)
```
#42a477
```
#42a477 rgb(66,164,119)
```
#7742a4
```
#7742a4 rgb(119,66,164)
```

Triadic Color

#6fa442
```
#6fa442 rgb(111,164,66)
```
#42a477
```
#42a477 rgb(66,164,119)
```
#7742a4
```
#7742a4 rgb(119,66,164)
```
#a4426f
```
#a4426f rgb(164,66,111)
```

Tetradic Color

#2c6d4f
```
#2c6d4f rgb(44,109,79)
```
#33805d
```
#33805d rgb(51,128,93)
```
#3b926a
```
#3b926a rgb(59,146,106)
```
#42a477
```
#42a477 rgb(66,164,119)
```
#4ab684
```
#4ab684 rgb(74,182,132)
```
#5cbd90
```
#5cbd90 rgb(92,189,144)
```
#6ec59d
```
#6ec59d rgb(110,197,157)
```

Monochromatic Color

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

#42a45f
```
#42a45f rgb(66,164,95)
```
#42a467
```
#42a467 rgb(66,164,103)
```
#42a46f
```
#42a46f rgb(66,164,111)
```
#42a477
```
#42a477 rgb(66,164,119)
```
#42a47f
```
#42a47f rgb(66,164,127)
```
#42a487
```
#42a487 rgb(66,164,135)
```
#42a490
```
#42a490 rgb(66,164,144)
```

Similar Colors

Text with hexadecimal color #42a477

This text has a font color of #42a477.

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

#42a477 background color

This paragraph has a background color of #42a477.

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

#42a477 border color

This element has a border color of #42a477.

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

CSS codes

.text {color:#42a477;}

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

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

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

#040a07
```
#040a07 rgb(4,10,7)
```
#0a1812
```
#0a1812 rgb(10,24,18)
```
#0f261c
```
#0f261c rgb(15,38,28)
```
#153426
```
#153426 rgb(21,52,38)
```
#1b4230
```
#1b4230 rgb(27,66,48)
```
#20503a
```
#20503a rgb(32,80,58)
```
#265e44
```
#265e44 rgb(38,94,68)
```
#2b6c4e
```
#2b6c4e rgb(43,108,78)
```
#317a59
```
#317a59 rgb(49,122,89)
```
#378863
```
#378863 rgb(55,136,99)
```
#3c966d
```
#3c966d rgb(60,150,109)
```
#42a477
```
#42a477 rgb(66,164,119)
```
#48b281
```
#48b281 rgb(72,178,129)
```

Shade Color Variation

#53ba8b
```
#53ba8b rgb(83,186,139)
```
#61c094
```
#61c094 rgb(97,192,148)
```
#6fc59e
```
#6fc59e rgb(111,197,158)
```
#7dcba7
```
#7dcba7 rgb(125,203,167)
```
#8bd0b1
```
#8bd0b1 rgb(139,208,177)
```
#99d6ba
```
#99d6ba rgb(153,214,186)
```
#a7dcc4
```
#a7dcc4 rgb(167,220,196)
```
#b5e1cd
```
#b5e1cd rgb(181,225,205)
```
#c3e7d7
```
#c3e7d7 rgb(195,231,215)
```
#d1ede0
```
#d1ede0 rgb(209,237,224)
```
#dff2e9
```
#dff2e9 rgb(223,242,233)
```
#edf8f3
```
#edf8f3 rgb(237,248,243)
```
#fbfdfc
```
#fbfdfc rgb(251,253,252)
```

Tint Color Variation

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

#6e7873
```
#6e7873 rgb(110,120,115)
```
#658174
```
#658174 rgb(101,129,116)
```
#5d8975
```
#5d8975 rgb(93,137,117)
```
#549276
```
#549276 rgb(84,146,118)
```
#4b9b76
```
#4b9b76 rgb(75,155,118)
```
#42a477
```
#42a477 rgb(66,164,119)
```
#39ad78
```
#39ad78 rgb(57,173,120)
```
#30b678
```
#30b678 rgb(48,182,120)
```
#27bf79
```
#27bf79 rgb(39,191,121)
```
#1fc77a
```
#1fc77a rgb(31,199,122)
```
#16d07b
```
#16d07b rgb(22,208,123)
```
#0dd97b
```
#0dd97b rgb(13,217,123)
```
#04e27c
```
#04e27c rgb(4,226,124)
```

Tone Color Variation

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

Dichromacy

#a29876 Protanopia 1% of men
#ad9385 Deuteranopia 1% of men
#5ea2ae Tritanopia 0.001% of the population

Trichromacy

#7f9c76 Protanomaly 1% of men, 0.01% of women
#869980 Deuteranomaly 6% of men, 0.4% of women
#54a29a Tritanomaly 0.01% of the population

#42a477 hex color

#42a477 Color Information

#42a477 Color Conversion

Color Schemes with #42a477

Alternatives to #42a477

#42a477 Preview

Shades and Tints of #42a477

Tones of #42a477

Color Blindness Simulator