#46af76 hex color

In a RGB color space, hex #46af76 is composed of 27.5% red, 68.6% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 60% cyan, 0% magenta, 32.6% yellow and 31.4% black. It has a hue angle of 147.4 degrees, a saturation of 42.9% and a lightness of 48%. #46af76 color hex could be obtained by blending #8cffec with #005f00. Closest websafe color is: #339966.

♥
- f
- t
- g
- R 27
- G 69
- B 46
RGB color chart
- C 60
- M 0
- Y 33
- K 31
CMYK color chart

● #46af76 color description : Dark moderate cyan - lime green.

The hexadecimal color #46af76 has RGB values of R:70, G:175, B:118 and CMYK values of C:0.6, M:0, Y:0.33, K:0.31. Its decimal value is 4632438.

Hex triplet	46af76	`#46af76`
RGB Decimal	70, 175, 118	`rgb(70,175,118)`
RGB Percent	27.5, 68.6, 46.3	`rgb(27.5%,68.6%,46.3%)`
CMYK	60, 0, 33, 31
HSL	147.4°, 42.9, 48	`hsl(147.4,42.9%,48%)`
HSV (or HSB)	147.4°, 60, 68.6
Web Safe	339966	`#339966`

CIE-LAB	64.378, -43.588, 20.434
XYZ	21.124, 33.268, 22.447
xyY	0.275, 0.433, 33.268
CIE-LCH	64.378, 48.14, 154.883
CIE-LUV	64.378, -45.203, 34.577
Hunter-Lab	57.679, -35.564, 17.301
Binary	01000110, 10101111, 01110110

#46af76
```
#46af76 rgb(70,175,118)
```
#af467f
```
#af467f rgb(175,70,127)
```

Complementary Color

#4baf46
```
#4baf46 rgb(75,175,70)
```
#46af76
```
#46af76 rgb(70,175,118)
```
#46afab
```
#46afab rgb(70,175,171)
```

Analogous Color

#af464b
```
#af464b rgb(175,70,75)
```
#46af76
```
#46af76 rgb(70,175,118)
```
#ab46af
```
#ab46af rgb(171,70,175)
```

Split Complementary Color

#af7646
```
#af7646 rgb(175,118,70)
```
#46af76
```
#46af76 rgb(70,175,118)
```
#7646af
```
#7646af rgb(118,70,175)
```

Triadic Color

#7faf46
```
#7faf46 rgb(127,175,70)
```
#46af76
```
#46af76 rgb(70,175,118)
```
#7646af
```
#7646af rgb(118,70,175)
```
#af467f
```
#af467f rgb(175,70,127)
```

Tetradic Color

#307851
```
#307851 rgb(48,120,81)
```
#378b5d
```
#378b5d rgb(55,139,93)
```
#3f9d6a
```
#3f9d6a rgb(63,157,106)
```
#46af76
```
#46af76 rgb(70,175,118)
```
#54bb83
```
#54bb83 rgb(84,187,131)
```
#66c290
```
#66c290 rgb(102,194,144)
```
#78c99d
```
#78c99d rgb(120,201,157)
```

Monochromatic Color

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

#46af5c
```
#46af5c rgb(70,175,92)
```
#46af65
```
#46af65 rgb(70,175,101)
```
#46af6d
```
#46af6d rgb(70,175,109)
```
#46af76
```
#46af76 rgb(70,175,118)
```
#46af7f
```
#46af7f rgb(70,175,127)
```
#46af88
```
#46af88 rgb(70,175,136)
```
#46af90
```
#46af90 rgb(70,175,144)
```

Similar Colors

Text with hexadecimal color #46af76

This text has a font color of #46af76.

<span style="color:#46af76;">Text here</span>

#46af76 background color

This paragraph has a background color of #46af76.

<p style="background-color:#46af76;">Content here</p>

#46af76 border color

This element has a border color of #46af76.

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

CSS codes

.text {color:#46af76;}

.background {background-color:#46af76;}

.border {border:1px solid #46af76;}

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

#030705
```
#030705 rgb(3,7,5)
```
#08150e
```
#08150e rgb(8,21,14)
```
#0e2318
```
#0e2318 rgb(14,35,24)
```
#143121
```
#143121 rgb(20,49,33)
```
#193f2a
```
#193f2a rgb(25,63,42)
```
#1f4d34
```
#1f4d34 rgb(31,77,52)
```
#245b3d
```
#245b3d rgb(36,91,61)
```
#2a6947
```
#2a6947 rgb(42,105,71)
```
#307750
```
#307750 rgb(48,119,80)
```
#35855a
```
#35855a rgb(53,133,90)
```
#3b9363
```
#3b9363 rgb(59,147,99)
```
#40a16d
```
#40a16d rgb(64,161,109)
```
#46af76
```
#46af76 rgb(70,175,118)
```

Shade Color Variation

#50b980
```
#50b980 rgb(80,185,128)
```
#5ebe8a
```
#5ebe8a rgb(94,190,138)
```
#6cc494
```
#6cc494 rgb(108,196,148)
```
#7aca9e
```
#7aca9e rgb(122,202,158)
```
#88cfa8
```
#88cfa8 rgb(136,207,168)
```
#96d5b3
```
#96d5b3 rgb(150,213,179)
```
#a4dbbd
```
#a4dbbd rgb(164,219,189)
```
#b2e0c7
```
#b2e0c7 rgb(178,224,199)
```
#c0e6d1
```
#c0e6d1 rgb(192,230,209)
```
#ceebdb
```
#ceebdb rgb(206,235,219)
```
#dcf1e5
```
#dcf1e5 rgb(220,241,229)
```
#eaf7f0
```
#eaf7f0 rgb(234,247,240)
```
#f8fcfa
```
#f8fcfa rgb(248,252,250)
```

Tint Color Variation

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

#75807a
```
#75807a rgb(117,128,122)
```
#6c8979
```
#6c8979 rgb(108,137,121)
```
#629378
```
#629378 rgb(98,147,120)
```
#599c78
```
#599c78 rgb(89,156,120)
```
#4fa677
```
#4fa677 rgb(79,166,119)
```
#46af76
```
#46af76 rgb(70,175,118)
```
#3db875
```
#3db875 rgb(61,184,117)
```
#33c274
```
#33c274 rgb(51,194,116)
```
#2acb74
```
#2acb74 rgb(42,203,116)
```
#20d573
```
#20d573 rgb(32,213,115)
```
#17de72
```
#17de72 rgb(23,222,114)
```
#0de871
```
#0de871 rgb(13,232,113)
```
#04f170
```
#04f170 rgb(4,241,112)
```

Tone Color Variation

Below, you can see how #46af76 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

#898989 Achromatopsia 0.005% of the population
#7c9185 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ada175 Protanopia 1% of men
#ba9b85 Deuteranopia 1% of men
#65abb8 Tritanopia 0.001% of the population

Trichromacy

#87a675 Protanomaly 1% of men, 0.01% of women
#8fa27f Deuteranomaly 6% of men, 0.4% of women
#5aaca0 Tritanomaly 0.01% of the population

#46af76 hex color

#46af76 Color Information

#46af76 Color Conversion

Color Schemes with #46af76

Alternatives to #46af76

#46af76 Preview

Shades and Tints of #46af76

Tones of #46af76

Color Blindness Simulator