#4af97e hex color

In a RGB color space, hex #4af97e is composed of 29% red, 97.6% green and 49.4% blue. Whereas in a CMYK color space, it is composed of 70.3% cyan, 0% magenta, 49.4% yellow and 2.4% black. It has a hue angle of 137.8 degrees, a saturation of 93.6% and a lightness of 63.3%. #4af97e color hex could be obtained by blending #94fffc with #00f300. Closest websafe color is: #33ff66.

♥
- f
- t
- g
- R 29
- G 98
- B 49
RGB color chart
- C 70
- M 0
- Y 49
- K 2
CMYK color chart

● #4af97e color description : Bright cyan - lime green.

The hexadecimal color #4af97e has RGB values of R:74, G:249, B:126 and CMYK values of C:0.7, M:0, Y:0.49, K:0.02. Its decimal value is 4913534.

Hex triplet	4af97e	`#4af97e`
RGB Decimal	74, 249, 126	`rgb(74,249,126)`
RGB Percent	29, 97.6, 49.4	`rgb(29%,97.6%,49.4%)`
CMYK	70, 0, 49, 2
HSL	137.8°, 93.6, 63.3	`hsl(137.8,93.6%,63.3%)`
HSV (or HSB)	137.8°, 70.3, 97.6
Web Safe	33ff66	`#33ff66`

CIE-LAB	87.344, -69.313, 46.249
XYZ	40.463, 70.71, 31.253
xyY	0.284, 0.496, 70.71
CIE-LCH	87.344, 83.326, 146.287
CIE-LUV	87.344, -70.835, 72.97
Hunter-Lab	84.089, -61.263, 36.826
Binary	01001010, 11111001, 01111110

#4af97e
```
#4af97e rgb(74,249,126)
```
#f94ac5
```
#f94ac5 rgb(249,74,197)
```

Complementary Color

#6ef94a
```
#6ef94a rgb(110,249,74)
```
#4af97e
```
#4af97e rgb(74,249,126)
```
#4af9d6
```
#4af9d6 rgb(74,249,214)
```

Analogous Color

#f94a6e
```
#f94a6e rgb(249,74,110)
```
#4af97e
```
#4af97e rgb(74,249,126)
```
#d64af9
```
#d64af9 rgb(214,74,249)
```

Split Complementary Color

#f97e4a
```
#f97e4a rgb(249,126,74)
```
#4af97e
```
#4af97e rgb(74,249,126)
```
#7e4af9
```
#7e4af9 rgb(126,74,249)
```

Triadic Color

#c5f94a
```
#c5f94a rgb(197,249,74)
```
#4af97e
```
#4af97e rgb(74,249,126)
```
#7e4af9
```
#7e4af9 rgb(126,74,249)
```
#f94ac5
```
#f94ac5 rgb(249,74,197)
```

Tetradic Color

#08ef4c
```
#08ef4c rgb(8,239,76)
```
#19f75b
```
#19f75b rgb(25,247,91)
```
#31f86c
```
#31f86c rgb(49,248,108)
```
#4af97e
```
#4af97e rgb(74,249,126)
```
#63fa90
```
#63fa90 rgb(99,250,144)
```
#7bfba1
```
#7bfba1 rgb(123,251,161)
```
#94fbb3
```
#94fbb3 rgb(148,251,179)
```

Monochromatic Color

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

#4af952
```
#4af952 rgb(74,249,82)
```
#4af961
```
#4af961 rgb(74,249,97)
```
#4af96f
```
#4af96f rgb(74,249,111)
```
#4af97e
```
#4af97e rgb(74,249,126)
```
#4af98d
```
#4af98d rgb(74,249,141)
```
#4af99b
```
#4af99b rgb(74,249,155)
```
#4af9aa
```
#4af9aa rgb(74,249,170)
```

Similar Colors

Text with hexadecimal color #4af97e

This text has a font color of #4af97e.

<span style="color:#4af97e;">Text here</span>

#4af97e background color

This paragraph has a background color of #4af97e.

<p style="background-color:#4af97e;">Content here</p>

#4af97e border color

This element has a border color of #4af97e.

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

CSS codes

.text {color:#4af97e;}

.background {background-color:#4af97e;}

.border {border:1px solid #4af97e;}

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

#000903
```
#000903 rgb(0,9,3)
```
#011c09
```
#011c09 rgb(1,28,9)
```
#022f0f
```
#022f0f rgb(2,47,15)
```
#024215
```
#024215 rgb(2,66,21)
```
#03551b
```
#03551b rgb(3,85,27)
```
#036821
```
#036821 rgb(3,104,33)
```
#047b27
```
#047b27 rgb(4,123,39)
```
#058e2d
```
#058e2d rgb(5,142,45)
```
#05a134
```
#05a134 rgb(5,161,52)
```
#06b43a
```
#06b43a rgb(6,180,58)
```
#07c740
```
#07c740 rgb(7,199,64)
```
#07da46
```
#07da46 rgb(7,218,70)
```
#08ed4c
```
#08ed4c rgb(8,237,76)
```

Shade Color Variation

#11f755
```
#11f755 rgb(17,247,85)
```
#24f863
```
#24f863 rgb(36,248,99)
```
#37f870
```
#37f870 rgb(55,248,112)
```
#4af97e
```
#4af97e rgb(74,249,126)
```
#5dfa8c
```
#5dfa8c rgb(93,250,140)
```
#70fa99
```
#70fa99 rgb(112,250,153)
```
#83fba7
```
#83fba7 rgb(131,251,167)
```
#96fcb4
```
#96fcb4 rgb(150,252,180)
```
#a9fcc2
```
#a9fcc2 rgb(169,252,194)
```
#bcfdcf
```
#bcfdcf rgb(188,253,207)
```
#cffddd
```
#cffddd rgb(207,253,221)
```
#e2feea
```
#e2feea rgb(226,254,234)
```
#f5fff8
```
#f5fff8 rgb(245,255,248)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #a0a3a1 is the less saturated color, while #4af97e is the most saturated one.

#a0a3a1
```
#a0a3a1 rgb(160,163,161)
```
#99aa9e
```
#99aa9e rgb(153,170,158)
```
#92b19b
```
#92b19b rgb(146,177,155)
```
#8bb898
```
#8bb898 rgb(139,184,152)
```
#84bf95
```
#84bf95 rgb(132,191,149)
```
#7cc792
```
#7cc792 rgb(124,199,146)
```
#75ce90
```
#75ce90 rgb(117,206,144)
```
#6ed58d
```
#6ed58d rgb(110,213,141)
```
#67dc8a
```
#67dc8a rgb(103,220,138)
```
#60e387
```
#60e387 rgb(96,227,135)
```
#58eb84
```
#58eb84 rgb(88,235,132)
```
#51f281
```
#51f281 rgb(81,242,129)
```
#4af97e
```
#4af97e rgb(74,249,126)
```

Tone Color Variation

Below, you can see how #4af97e 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

#b7b7b7 Achromatopsia 0.005% of the population
#a1c4ac Atypical Achromatopsia 0.001% of the population

Dichromacy

#f2dc7b Protanopia 1% of men
#ffd5a7 Deuteranopia 1% of men
#83ebfd Tritanopia 0.001% of the population

Trichromacy

#b5e77c Protanomaly 1% of men, 0.01% of women
#bde298 Deuteranomaly 6% of men, 0.4% of women
#6ef0ce Tritanomaly 0.01% of the population

#4af97e hex color

#4af97e Color Information

#4af97e Color Conversion

Color Schemes with #4af97e

Alternatives to #4af97e

#4af97e Preview

Shades and Tints of #4af97e

Tones of #4af97e

Color Blindness Simulator