#42a487 hex color

In a RGB color space, hex #42a487 is composed of 25.9% red, 64.3% green and 52.9% blue. Whereas in a CMYK color space, it is composed of 59.8% cyan, 0% magenta, 17.7% yellow and 35.7% black. It has a hue angle of 162.2 degrees, a saturation of 42.6% and a lightness of 45.1%. #42a487 color hex could be obtained by blending #84ffff with #00490f. Closest websafe color is: #339999.

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

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

The hexadecimal color #42a487 has RGB values of R:66, G:164, B:135 and CMYK values of C:0.6, M:0, Y:0.18, K:0.36. Its decimal value is 4367495.

Hex triplet	42a487	`#42a487`
RGB Decimal	66, 164, 135	`rgb(66,164,135)`
RGB Percent	25.9, 64.3, 52.9	`rgb(25.9%,64.3%,52.9%)`
CMYK	60, 0, 18, 36
HSL	162.2°, 42.6, 45.1	`hsl(162.2,42.6%,45.1%)`
HSV (or HSB)	162.2°, 59.8, 64.3
Web Safe	339999	`#339999`

CIE-LAB	61.183, -35.816, 6.564
XYZ	19.894, 29.457, 27.558
xyY	0.259, 0.383, 29.457
CIE-LCH	61.183, 36.412, 169.615
CIE-LUV	61.183, -41.1, 14.814
Hunter-Lab	54.274, -29.552, 7.887
Binary	01000010, 10100100, 10000111

#42a487
```
#42a487 rgb(66,164,135)
```
#a4425f
```
#a4425f rgb(164,66,95)
```

Complementary Color

#42a456
```
#42a456 rgb(66,164,86)
```
#42a487
```
#42a487 rgb(66,164,135)
```
#4290a4
```
#4290a4 rgb(66,144,164)
```

Analogous Color

#a45642
```
#a45642 rgb(164,86,66)
```
#42a487
```
#42a487 rgb(66,164,135)
```
#a44290
```
#a44290 rgb(164,66,144)
```

Split Complementary Color

#a48742
```
#a48742 rgb(164,135,66)
```
#42a487
```
#42a487 rgb(66,164,135)
```
#8742a4
```
#8742a4 rgb(135,66,164)
```

Triadic Color

#5fa442
```
#5fa442 rgb(95,164,66)
```
#42a487
```
#42a487 rgb(66,164,135)
```
#8742a4
```
#8742a4 rgb(135,66,164)
```
#a4425f
```
#a4425f rgb(164,66,95)
```

Tetradic Color

#2c6d5a
```
#2c6d5a rgb(44,109,90)
```
#338069
```
#338069 rgb(51,128,105)
```
#3b9278
```
#3b9278 rgb(59,146,120)
```
#42a487
```
#42a487 rgb(66,164,135)
```
#4ab696
```
#4ab696 rgb(74,182,150)
```
#5cbda0
```
#5cbda0 rgb(92,189,160)
```
#6ec5ab
```
#6ec5ab rgb(110,197,171)
```

Monochromatic Color

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

#42a46f
```
#42a46f rgb(66,164,111)
```
#42a477
```
#42a477 rgb(66,164,119)
```
#42a47f
```
#42a47f rgb(66,164,127)
```
#42a487
```
#42a487 rgb(66,164,135)
```
#42a48f
```
#42a48f rgb(66,164,143)
```
#42a497
```
#42a497 rgb(66,164,151)
```
#42a4a0
```
#42a4a0 rgb(66,164,160)
```

Similar Colors

Text with hexadecimal color #42a487

This text has a font color of #42a487.

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

#42a487 background color

This paragraph has a background color of #42a487.

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

#42a487 border color

This element has a border color of #42a487.

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

CSS codes

.text {color:#42a487;}

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

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

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

#040a08
```
#040a08 rgb(4,10,8)
```
#0a1814
```
#0a1814 rgb(10,24,20)
```
#0f261f
```
#0f261f rgb(15,38,31)
```
#15342b
```
#15342b rgb(21,52,43)
```
#1b4236
```
#1b4236 rgb(27,66,54)
```
#205042
```
#205042 rgb(32,80,66)
```
#265e4d
```
#265e4d rgb(38,94,77)
```
#2b6c59
```
#2b6c59 rgb(43,108,89)
```
#317a64
```
#317a64 rgb(49,122,100)
```
#378870
```
#378870 rgb(55,136,112)
```
#3c967b
```
#3c967b rgb(60,150,123)
```
#42a487
```
#42a487 rgb(66,164,135)
```
#48b293
```
#48b293 rgb(72,178,147)
```

Shade Color Variation

#53ba9c
```
#53ba9c rgb(83,186,156)
```
#61c0a4
```
#61c0a4 rgb(97,192,164)
```
#6fc5ac
```
#6fc5ac rgb(111,197,172)
```
#7dcbb4
```
#7dcbb4 rgb(125,203,180)
```
#8bd0bc
```
#8bd0bc rgb(139,208,188)
```
#99d6c4
```
#99d6c4 rgb(153,214,196)
```
#a7dccc
```
#a7dccc rgb(167,220,204)
```
#b5e1d4
```
#b5e1d4 rgb(181,225,212)
```
#c3e7dc
```
#c3e7dc rgb(195,231,220)
```
#d1ede4
```
#d1ede4 rgb(209,237,228)
```
#dff2ed
```
#dff2ed rgb(223,242,237)
```
#edf8f5
```
#edf8f5 rgb(237,248,245)
```
#fbfdfd
```
#fbfdfd rgb(251,253,253)
```

Tint Color Variation

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

#6e7875
```
#6e7875 rgb(110,120,117)
```
#658179
```
#658179 rgb(101,129,121)
```
#5d897c
```
#5d897c rgb(93,137,124)
```
#549280
```
#549280 rgb(84,146,128)
```
#4b9b83
```
#4b9b83 rgb(75,155,131)
```
#42a487
```
#42a487 rgb(66,164,135)
```
#39ad8b
```
#39ad8b rgb(57,173,139)
```
#30b68e
```
#30b68e rgb(48,182,142)
```
#27bf92
```
#27bf92 rgb(39,191,146)
```
#1fc795
```
#1fc795 rgb(31,199,149)
```
#16d099
```
#16d099 rgb(22,208,153)
```
#0dd99d
```
#0dd99d rgb(13,217,157)
```
#04e2a0
```
#04e2a0 rgb(4,226,160)
```

Tone Color Variation

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

#838383 Achromatopsia 0.005% of the population
#768a84 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a09885 Protanopia 1% of men
#a99494 Deuteranopia 1% of men
#5aa3af Tritanopia 0.001% of the population

Trichromacy

#7e9c86 Protanomaly 1% of men, 0.01% of women
#839a8f Deuteranomaly 6% of men, 0.4% of women
#51a3a0 Tritanomaly 0.01% of the population

#42a487 hex color

#42a487 Color Information

#42a487 Color Conversion

Color Schemes with #42a487

Alternatives to #42a487

#42a487 Preview

Shades and Tints of #42a487

Tones of #42a487

Color Blindness Simulator