#42a678 hex color

In a RGB color space, hex #42a678 is composed of 25.9% red, 65.1% green and 47.1% blue. Whereas in a CMYK color space, it is composed of 60.2% cyan, 0% magenta, 27.7% yellow and 34.9% black. It has a hue angle of 152.4 degrees, a saturation of 43.1% and a lightness of 45.5%. #42a678 color hex could be obtained by blending #84fff0 with #004d00. Closest websafe color is: #339966.

♥
- f
- t
- g
- R 26
- G 65
- B 47
RGB color chart
- C 60
- M 0
- Y 28
- K 35
CMYK color chart

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

The hexadecimal color #42a678 has RGB values of R:66, G:166, B:120 and CMYK values of C:0.6, M:0, Y:0.28, K:0.35. Its decimal value is 4367992.

Hex triplet	42a678	`#42a678`
RGB Decimal	66, 166, 120	`rgb(66,166,120)`
RGB Percent	25.9, 65.1, 47.1	`rgb(25.9%,65.1%,47.1%)`
CMYK	60, 0, 28, 35
HSL	152.4°, 43.1, 45.5	`hsl(152.4,43.1%,45.5%)`
HSV (or HSB)	152.4°, 60.2, 65.1
Web Safe	339966	`#339966`

CIE-LAB	61.468, -40.175, 15.321
XYZ	19.272, 29.785, 22.502
xyY	0.269, 0.416, 29.785
CIE-LCH	61.468, 42.997, 159.125
CIE-LUV	61.468, -42.64, 27.233
Hunter-Lab	54.576, -32.476, 13.758
Binary	01000010, 10100110, 01111000

#42a678
```
#42a678 rgb(66,166,120)
```
#a64270
```
#a64270 rgb(166,66,112)
```

Complementary Color

#42a646
```
#42a646 rgb(66,166,70)
```
#42a678
```
#42a678 rgb(66,166,120)
```
#42a2a6
```
#42a2a6 rgb(66,162,166)
```

Analogous Color

#a64642
```
#a64642 rgb(166,70,66)
```
#42a678
```
#42a678 rgb(66,166,120)
```
#a642a2
```
#a642a2 rgb(166,66,162)
```

Split Complementary Color

#a67842
```
#a67842 rgb(166,120,66)
```
#42a678
```
#42a678 rgb(66,166,120)
```
#7842a6
```
#7842a6 rgb(120,66,166)
```

Triadic Color

#70a642
```
#70a642 rgb(112,166,66)
```
#42a678
```
#42a678 rgb(66,166,120)
```
#7842a6
```
#7842a6 rgb(120,66,166)
```
#a64270
```
#a64270 rgb(166,66,112)
```

Tetradic Color

#2c6f50
```
#2c6f50 rgb(44,111,80)
```
#33825e
```
#33825e rgb(51,130,94)
```
#3b946b
```
#3b946b rgb(59,148,107)
```
#42a678
```
#42a678 rgb(66,166,120)
```
#4ab785
```
#4ab785 rgb(74,183,133)
```
#5dbe91
```
#5dbe91 rgb(93,190,145)
```
#6fc69e
```
#6fc69e rgb(111,198,158)
```

Monochromatic Color

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

#42a65f
```
#42a65f rgb(66,166,95)
```
#42a667
```
#42a667 rgb(66,166,103)
```
#42a670
```
#42a670 rgb(66,166,112)
```
#42a678
```
#42a678 rgb(66,166,120)
```
#42a680
```
#42a680 rgb(66,166,128)
```
#42a689
```
#42a689 rgb(66,166,137)
```
#42a691
```
#42a691 rgb(66,166,145)
```

Similar Colors

Text with hexadecimal color #42a678

This text has a font color of #42a678.

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

#42a678 background color

This paragraph has a background color of #42a678.

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

#42a678 border color

This element has a border color of #42a678.

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

CSS codes

.text {color:#42a678;}

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

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

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, #050c08 is the darkest color, while #fdfefd is the lightest one.

#050c08
```
#050c08 rgb(5,12,8)
```
#0a1a13
```
#0a1a13 rgb(10,26,19)
```
#10281d
```
#10281d rgb(16,40,29)
```
#153627
```
#153627 rgb(21,54,39)
```
#1b4431
```
#1b4431 rgb(27,68,49)
```
#21523b
```
#21523b rgb(33,82,59)
```
#266045
```
#266045 rgb(38,96,69)
```
#2c6e4f
```
#2c6e4f rgb(44,110,79)
```
#317c5a
```
#317c5a rgb(49,124,90)
```
#378a64
```
#378a64 rgb(55,138,100)
```
#3c986e
```
#3c986e rgb(60,152,110)
```
#42a678
```
#42a678 rgb(66,166,120)
```
#48b482
```
#48b482 rgb(72,180,130)
```

Shade Color Variation

#54bb8c
```
#54bb8c rgb(84,187,140)
```
#62c195
```
#62c195 rgb(98,193,149)
```
#70c69f
```
#70c69f rgb(112,198,159)
```
#7ecca8
```
#7ecca8 rgb(126,204,168)
```
#8cd1b2
```
#8cd1b2 rgb(140,209,178)
```
#9ad7bb
```
#9ad7bb rgb(154,215,187)
```
#a8ddc5
```
#a8ddc5 rgb(168,221,197)
```
#b6e2ce
```
#b6e2ce rgb(182,226,206)
```
#c4e8d7
```
#c4e8d7 rgb(196,232,215)
```
#d2ede1
```
#d2ede1 rgb(210,237,225)
```
#e1f3ea
```
#e1f3ea rgb(225,243,234)
```
#eff8f4
```
#eff8f4 rgb(239,248,244)
```
#fdfefd
```
#fdfefd rgb(253,254,253)
```

Tint Color Variation

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

#6f7974
```
#6f7974 rgb(111,121,116)
```
#668275
```
#668275 rgb(102,130,117)
```
#5d8b76
```
#5d8b76 rgb(93,139,118)
```
#549477
```
#549477 rgb(84,148,119)
```
#4b9d77
```
#4b9d77 rgb(75,157,119)
```
#42a678
```
#42a678 rgb(66,166,120)
```
#39af79
```
#39af79 rgb(57,175,121)
```
#30b879
```
#30b879 rgb(48,184,121)
```
#27c17a
```
#27c17a rgb(39,193,122)
```
#1eca7b
```
#1eca7b rgb(30,202,123)
```
#15d37c
```
#15d37c rgb(21,211,124)
```
#0cdc7c
```
#0cdc7c rgb(12,220,124)
```
#04e47d
```
#04e47d rgb(4,228,125)
```

Tone Color Variation

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

Dichromacy

#a49977 Protanopia 1% of men
#af9486 Deuteranopia 1% of men
#5fa4b0 Tritanopia 0.001% of the population

Trichromacy

#809e77 Protanomaly 1% of men, 0.01% of women
#879a81 Deuteranomaly 6% of men, 0.4% of women
#54a49b Tritanomaly 0.01% of the population

#42a678 hex color

#42a678 Color Information

#42a678 Color Conversion

Color Schemes with #42a678

Alternatives to #42a678

#42a678 Preview

Shades and Tints of #42a678

Tones of #42a678

Color Blindness Simulator