#4af9a2 hex color

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

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

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

The hexadecimal color #4af9a2 has RGB values of R:74, G:249, B:162 and CMYK values of C:0.7, M:0, Y:0.35, K:0.02. Its decimal value is 4913570.

Hex triplet	4af9a2	`#4af9a2`
RGB Decimal	74, 249, 162	`rgb(74,249,162)`
RGB Percent	29, 97.6, 63.5	`rgb(29%,97.6%,63.5%)`
CMYK	70, 0, 35, 2
HSL	150.2°, 93.6, 63.3	`hsl(150.2,93.6%,63.3%)`
HSV (or HSB)	150.2°, 70.3, 97.6
Web Safe	33ff99	`#33ff99`

CIE-LAB	87.878, -63.265, 29.286
XYZ	43.218, 71.812, 45.764
xyY	0.269, 0.447, 71.812
CIE-LCH	87.878, 69.714, 155.16
CIE-LUV	87.878, -68.987, 52.035
Hunter-Lab	84.742, -57.263, 27.3
Binary	01001010, 11111001, 10100010

#4af9a2
```
#4af9a2 rgb(74,249,162)
```
#f94aa1
```
#f94aa1 rgb(249,74,161)
```

Complementary Color

#4af94b
```
#4af94b rgb(74,249,75)
```
#4af9a2
```
#4af9a2 rgb(74,249,162)
```
#4af9f9
```
#4af9f9 rgb(74,249,249)
```

Analogous Color

#f94b4a
```
#f94b4a rgb(249,75,74)
```
#4af9a2
```
#4af9a2 rgb(74,249,162)
```
#f94af9
```
#f94af9 rgb(249,74,249)
```

Split Complementary Color

#f9a24a
```
#f9a24a rgb(249,162,74)
```
#4af9a2
```
#4af9a2 rgb(74,249,162)
```
#a24af9
```
#a24af9 rgb(162,74,249)
```

Triadic Color

#a1f94a
```
#a1f94a rgb(161,249,74)
```
#4af9a2
```
#4af9a2 rgb(74,249,162)
```
#a24af9
```
#a24af9 rgb(162,74,249)
```
#f94aa1
```
#f94aa1 rgb(249,74,161)
```

Tetradic Color

#08ef7c
```
#08ef7c rgb(8,239,124)
```
#19f789
```
#19f789 rgb(25,247,137)
```
#31f895
```
#31f895 rgb(49,248,149)
```
#4af9a2
```
#4af9a2 rgb(74,249,162)
```
#63faaf
```
#63faaf rgb(99,250,175)
```
#7bfbbb
```
#7bfbbb rgb(123,251,187)
```
#94fbc8
```
#94fbc8 rgb(148,251,200)
```

Monochromatic Color

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

#4af976
```
#4af976 rgb(74,249,118)
```
#4af985
```
#4af985 rgb(74,249,133)
```
#4af993
```
#4af993 rgb(74,249,147)
```
#4af9a2
```
#4af9a2 rgb(74,249,162)
```
#4af9b1
```
#4af9b1 rgb(74,249,177)
```
#4af9bf
```
#4af9bf rgb(74,249,191)
```
#4af9ce
```
#4af9ce rgb(74,249,206)
```

Similar Colors

Text with hexadecimal color #4af9a2

This text has a font color of #4af9a2.

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

#4af9a2 background color

This paragraph has a background color of #4af9a2.

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

#4af9a2 border color

This element has a border color of #4af9a2.

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

CSS codes

.text {color:#4af9a2;}

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

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

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

#000905
```
#000905 rgb(0,9,5)
```
#011c0e
```
#011c0e rgb(1,28,14)
```
#022f18
```
#022f18 rgb(2,47,24)
```
#024222
```
#024222 rgb(2,66,34)
```
#03552c
```
#03552c rgb(3,85,44)
```
#036836
```
#036836 rgb(3,104,54)
```
#047b40
```
#047b40 rgb(4,123,64)
```
#058e4a
```
#058e4a rgb(5,142,74)
```
#05a153
```
#05a153 rgb(5,161,83)
```
#06b45d
```
#06b45d rgb(6,180,93)
```
#07c767
```
#07c767 rgb(7,199,103)
```
#07da71
```
#07da71 rgb(7,218,113)
```
#08ed7b
```
#08ed7b rgb(8,237,123)
```

Shade Color Variation

#11f785
```
#11f785 rgb(17,247,133)
```
#24f88e
```
#24f88e rgb(36,248,142)
```
#37f898
```
#37f898 rgb(55,248,152)
```
#4af9a2
```
#4af9a2 rgb(74,249,162)
```
#5dfaac
```
#5dfaac rgb(93,250,172)
```
#70fab6
```
#70fab6 rgb(112,250,182)
```
#83fbbf
```
#83fbbf rgb(131,251,191)
```
#96fcc9
```
#96fcc9 rgb(150,252,201)
```
#a9fcd3
```
#a9fcd3 rgb(169,252,211)
```
#bcfddd
```
#bcfddd rgb(188,253,221)
```
#cffde6
```
#cffde6 rgb(207,253,230)
```
#e2fef0
```
#e2fef0 rgb(226,254,240)
```
#f5fffa
```
#f5fffa rgb(245,255,250)
```

Tint Color Variation

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

#a0a3a2
```
#a0a3a2 rgb(160,163,162)
```
#99aaa2
```
#99aaa2 rgb(153,170,162)
```
#92b1a2
```
#92b1a2 rgb(146,177,162)
```
#8bb8a2
```
#8bb8a2 rgb(139,184,162)
```
#84bfa2
```
#84bfa2 rgb(132,191,162)
```
#7cc7a2
```
#7cc7a2 rgb(124,199,162)
```
#75cea2
```
#75cea2 rgb(117,206,162)
```
#6ed5a2
```
#6ed5a2 rgb(110,213,162)
```
#67dca2
```
#67dca2 rgb(103,220,162)
```
#60e3a2
```
#60e3a2 rgb(96,227,162)
```
#58eba2
```
#58eba2 rgb(88,235,162)
```
#51f2a2
```
#51f2a2 rgb(81,242,162)
```
#4af9a2
```
#4af9a2 rgb(74,249,162)
```

Tone Color Variation

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

#bbbbbb Achromatopsia 0.005% of the population
#a4c7b6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#efdd9b Protanopia 1% of men
#ffd6b7 Deuteranopia 1% of men
#7fedff Tritanopia 0.001% of the population

Trichromacy

#b3e79e Protanomaly 1% of men, 0.01% of women
#bde3af Deuteranomaly 6% of men, 0.4% of women
#6cf1dd Tritanomaly 0.01% of the population

#4af9a2 hex color

#4af9a2 Color Information

#4af9a2 Color Conversion

Color Schemes with #4af9a2

Alternatives to #4af9a2

#4af9a2 Preview

Shades and Tints of #4af9a2

Tones of #4af9a2

Color Blindness Simulator