#42a796 hex color

In a RGB color space, hex #42a796 is composed of 25.9% red, 65.5% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 60.5% cyan, 0% magenta, 10.2% yellow and 34.5% black. It has a hue angle of 169.9 degrees, a saturation of 43.3% and a lightness of 45.7%. #42a796 color hex could be obtained by blending #84ffff with #004f2d. Closest websafe color is: #339999.

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

● #42a796 color description : Dark moderate cyan.

The hexadecimal color #42a796 has RGB values of R:66, G:167, B:150 and CMYK values of C:0.6, M:0, Y:0.1, K:0.35. Its decimal value is 4368278.

Hex triplet	42a796	`#42a796`
RGB Decimal	66, 167, 150	`rgb(66,167,150)`
RGB Percent	25.9, 65.5, 58.8	`rgb(25.9%,65.5%,58.8%)`
CMYK	60, 0, 10, 35
HSL	169.9°, 43.3, 45.7	`hsl(169.9,43.3%,45.7%)`
HSV (or HSB)	169.9°, 60.5, 65.5
Web Safe	339999	`#339999`

CIE-LAB	62.504, -33.404, 0.068
XYZ	21.569, 30.996, 33.699
xyY	0.25, 0.359, 30.996
CIE-LCH	62.504, 33.404, 179.884
CIE-LUV	62.504, -41.452, 5.21
Hunter-Lab	55.674, -28.277, 3.084
Binary	01000010, 10100111, 10010110

#42a796
```
#42a796 rgb(66,167,150)
```
#a74253
```
#a74253 rgb(167,66,83)
```

Complementary Color

#42a764
```
#42a764 rgb(66,167,100)
```
#42a796
```
#42a796 rgb(66,167,150)
```
#4286a7
```
#4286a7 rgb(66,134,167)
```

Analogous Color

#a76442
```
#a76442 rgb(167,100,66)
```
#42a796
```
#42a796 rgb(66,167,150)
```
#a74286
```
#a74286 rgb(167,66,134)
```

Split Complementary Color

#a79642
```
#a79642 rgb(167,150,66)
```
#42a796
```
#42a796 rgb(66,167,150)
```
#9642a7
```
#9642a7 rgb(150,66,167)
```

Triadic Color

#53a742
```
#53a742 rgb(83,167,66)
```
#42a796
```
#42a796 rgb(66,167,150)
```
#9642a7
```
#9642a7 rgb(150,66,167)
```
#a74253
```
#a74253 rgb(167,66,83)
```

Tetradic Color

#2c7065
```
#2c7065 rgb(44,112,101)
```
#348275
```
#348275 rgb(52,130,117)
```
#3b9586
```
#3b9586 rgb(59,149,134)
```
#42a796
```
#42a796 rgb(66,167,150)
```
#4bb8a5
```
#4bb8a5 rgb(75,184,165)
```
#5dbfae
```
#5dbfae rgb(93,191,174)
```
#6fc6b8
```
#6fc6b8 rgb(111,198,184)
```

Monochromatic Color

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

#42a77d
```
#42a77d rgb(66,167,125)
```
#42a785
```
#42a785 rgb(66,167,133)
```
#42a78e
```
#42a78e rgb(66,167,142)
```
#42a796
```
#42a796 rgb(66,167,150)
```
#42a79e
```
#42a79e rgb(66,167,158)
```
#42a7a7
```
#42a7a7 rgb(66,167,167)
```
#429fa7
```
#429fa7 rgb(66,159,167)
```

Similar Colors

Text with hexadecimal color #42a796

This text has a font color of #42a796.

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

#42a796 background color

This paragraph has a background color of #42a796.

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

#42a796 border color

This element has a border color of #42a796.

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

CSS codes

.text {color:#42a796;}

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

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

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

#050c0b
```
#050c0b rgb(5,12,11)
```
#0a1a18
```
#0a1a18 rgb(10,26,24)
```
#102824
```
#102824 rgb(16,40,36)
```
#163731
```
#163731 rgb(22,55,49)
```
#1b453e
```
#1b453e rgb(27,69,62)
```
#21534a
```
#21534a rgb(33,83,74)
```
#266157
```
#266157 rgb(38,97,87)
```
#2c6f63
```
#2c6f63 rgb(44,111,99)
```
#317d70
```
#317d70 rgb(49,125,112)
```
#378b7d
```
#378b7d rgb(55,139,125)
```
#3c9989
```
#3c9989 rgb(60,153,137)
```
#42a796
```
#42a796 rgb(66,167,150)
```
#48b5a3
```
#48b5a3 rgb(72,181,163)
```

Shade Color Variation

#55bcaa
```
#55bcaa rgb(85,188,170)
```
#63c1b1
```
#63c1b1 rgb(99,193,177)
```
#71c7b8
```
#71c7b8 rgb(113,199,184)
```
#7fccbf
```
#7fccbf rgb(127,204,191)
```
#8dd2c6
```
#8dd2c6 rgb(141,210,198)
```
#9bd7cd
```
#9bd7cd rgb(155,215,205)
```
#a9ddd4
```
#a9ddd4 rgb(169,221,212)
```
#b7e3db
```
#b7e3db rgb(183,227,219)
```
#c5e8e2
```
#c5e8e2 rgb(197,232,226)
```
#d3eee9
```
#d3eee9 rgb(211,238,233)
```
#e1f3f0
```
#e1f3f0 rgb(225,243,240)
```
#eff9f7
```
#eff9f7 rgb(239,249,247)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

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

#6f7a78
```
#6f7a78 rgb(111,122,120)
```
#66837e
```
#66837e rgb(102,131,126)
```
#5d8c84
```
#5d8c84 rgb(93,140,132)
```
#54958a
```
#54958a rgb(84,149,138)
```
#4b9e90
```
#4b9e90 rgb(75,158,144)
```
#42a796
```
#42a796 rgb(66,167,150)
```
#39b09c
```
#39b09c rgb(57,176,156)
```
#30b9a2
```
#30b9a2 rgb(48,185,162)
```
#27c2a8
```
#27c2a8 rgb(39,194,168)
```
#1ecbae
```
#1ecbae rgb(30,203,174)
```
#15d4b4
```
#15d4b4 rgb(21,212,180)
```
#0cddba
```
#0cddba rgb(12,221,186)
```
#03e6c0
```
#03e6c0 rgb(3,230,192)
```

Tone Color Variation

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

#878787 Achromatopsia 0.005% of the population
#798d8a Atypical Achromatopsia 0.001% of the population

Dichromacy

#a19b93 Protanopia 1% of men
#a898a2 Deuteranopia 1% of men
#57a7b4 Tritanopia 0.001% of the population

Trichromacy

#7e9f94 Protanomaly 1% of men, 0.01% of women
#839d9d Deuteranomaly 6% of men, 0.4% of women
#4fa7a9 Tritanomaly 0.01% of the population

#42a796 hex color

#42a796 Color Information

#42a796 Color Conversion

Color Schemes with #42a796

Alternatives to #42a796

#42a796 Preview

Shades and Tints of #42a796

Tones of #42a796

Color Blindness Simulator