#4afed9 hex color

In a RGB color space, hex #4afed9 is composed of 29% red, 99.6% green and 85.1% blue. Whereas in a CMYK color space, it is composed of 70.9% cyan, 0% magenta, 14.6% yellow and 0.4% black. It has a hue angle of 167.7 degrees, a saturation of 98.9% and a lightness of 64.3%. #4afed9 color hex could be obtained by blending #94ffff with #00fdb3. Closest websafe color is: #33ffcc.

♥
- f
- t
- g
- R 29
- G 100
- B 85
RGB color chart
- C 71
- M 0
- Y 15
- K 0
CMYK color chart

● #4afed9 color description : Bright cyan.

The hexadecimal color #4afed9 has RGB values of R:74, G:254, B:217 and CMYK values of C:0.71, M:0, Y:0.15, K:0. Its decimal value is 4914905.

Hex triplet	4afed9	`#4afed9`
RGB Decimal	74, 254, 217	`rgb(74,254,217)`
RGB Percent	29, 99.6, 85.1	`rgb(29%,99.6%,85.1%)`
CMYK	71, 0, 15, 0
HSL	167.7°, 98.9, 64.3	`hsl(167.7,98.9%,64.3%)`
HSV (or HSB)	167.7°, 70.9, 99.6
Web Safe	33ffcc	`#33ffcc`

CIE-LAB	90.48, -53.234, 4.713
XYZ	50.786, 77.344, 77.894
xyY	0.247, 0.375, 77.344
CIE-LCH	90.48, 53.443, 174.941
CIE-LUV	90.48, -67.305, 15.897
Hunter-Lab	87.946, -50.827, 9.048
Binary	01001010, 11111110, 11011001

#4afed9
```
#4afed9 rgb(74,254,217)
```
#fe4a6f
```
#fe4a6f rgb(254,74,111)
```

Complementary Color

#4afe7f
```
#4afe7f rgb(74,254,127)
```
#4afed9
```
#4afed9 rgb(74,254,217)
```
#4ac9fe
```
#4ac9fe rgb(74,201,254)
```

Analogous Color

#fe7f4a
```
#fe7f4a rgb(254,127,74)
```
#4afed9
```
#4afed9 rgb(74,254,217)
```
#fe4ac9
```
#fe4ac9 rgb(254,74,201)
```

Split Complementary Color

#fed94a
```
#fed94a rgb(254,217,74)
```
#4afed9
```
#4afed9 rgb(74,254,217)
```
#d94afe
```
#d94afe rgb(217,74,254)
```

Triadic Color

#6ffe4a
```
#6ffe4a rgb(111,254,74)
```
#4afed9
```
#4afed9 rgb(74,254,217)
```
#d94afe
```
#d94afe rgb(217,74,254)
```
#fe4a6f
```
#fe4a6f rgb(254,74,111)
```

Tetradic Color

#01fac7
```
#01fac7 rgb(1,250,199)
```
#17fece
```
#17fece rgb(23,254,206)
```
#31fed4
```
#31fed4 rgb(49,254,212)
```
#4afed9
```
#4afed9 rgb(74,254,217)
```
#63fede
```
#63fede rgb(99,254,222)
```
#7dfee4
```
#7dfee4 rgb(125,254,228)
```
#96fee9
```
#96fee9 rgb(150,254,233)
```

Monochromatic Color

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

#4afeac
```
#4afeac rgb(74,254,172)
```
#4afebb
```
#4afebb rgb(74,254,187)
```
#4afeca
```
#4afeca rgb(74,254,202)
```
#4afed9
```
#4afed9 rgb(74,254,217)
```
#4afee8
```
#4afee8 rgb(74,254,232)
```
#4afef7
```
#4afef7 rgb(74,254,247)
```
#4af6fe
```
#4af6fe rgb(74,246,254)
```

Similar Colors

Text with hexadecimal color #4afed9

This text has a font color of #4afed9.

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

#4afed9 background color

This paragraph has a background color of #4afed9.

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

#4afed9 border color

This element has a border color of #4afed9.

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

CSS codes

.text {color:#4afed9;}

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

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

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, #000e0b is the darkest color, while #fafffe is the lightest one.

#000e0b
```
#000e0b rgb(0,14,11)
```
#00221b
```
#00221b rgb(0,34,27)
```
#00352a
```
#00352a rgb(0,53,42)
```
#00493a
```
#00493a rgb(0,73,58)
```
#015c49
```
#015c49 rgb(1,92,73)
```
#017059
```
#017059 rgb(1,112,89)
```
#018368
```
#018368 rgb(1,131,104)
```
#019778
```
#019778 rgb(1,151,120)
```
#01aa87
```
#01aa87 rgb(1,170,135)
```
#01be97
```
#01be97 rgb(1,190,151)
```
#01d1a6
```
#01d1a6 rgb(1,209,166)
```
#01e5b6
```
#01e5b6 rgb(1,229,182)
```
#01f8c5
```
#01f8c5 rgb(1,248,197)
```

Shade Color Variation

#0ffecd
```
#0ffecd rgb(15,254,205)
```
#23fed1
```
#23fed1 rgb(35,254,209)
```
#36fed5
```
#36fed5 rgb(54,254,213)
```
#4afed9
```
#4afed9 rgb(74,254,217)
```
#5efedd
```
#5efedd rgb(94,254,221)
```
#71fee1
```
#71fee1 rgb(113,254,225)
```
#85fee5
```
#85fee5 rgb(133,254,229)
```
#98fee9
```
#98fee9 rgb(152,254,233)
```
#acffed
```
#acffed rgb(172,255,237)
```
#bffff2
```
#bffff2 rgb(191,255,242)
```
#d3fff6
```
#d3fff6 rgb(211,255,246)
```
#e6fffa
```
#e6fffa rgb(230,255,250)
```
#fafffe
```
#fafffe rgb(250,255,254)
```

Tint Color Variation

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

#9eaaa8
```
#9eaaa8 rgb(158,170,168)
```
#97b1ac
```
#97b1ac rgb(151,177,172)
```
#90b8b0
```
#90b8b0 rgb(144,184,176)
```
#89bfb4
```
#89bfb4 rgb(137,191,180)
```
#82c6b8
```
#82c6b8 rgb(130,198,184)
```
#7bcdbc
```
#7bcdbc rgb(123,205,188)
```
#74d4c0
```
#74d4c0 rgb(116,212,192)
```
#6ddbc4
```
#6ddbc4 rgb(109,219,196)
```
#66e2c9
```
#66e2c9 rgb(102,226,201)
```
#5fe9cd
```
#5fe9cd rgb(95,233,205)
```
#58f0d1
```
#58f0d1 rgb(88,240,209)
```
#51f7d5
```
#51f7d5 rgb(81,247,213)
```
#4afed9
```
#4afed9 rgb(74,254,217)
```

Tone Color Variation

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

#c4c4c4 Achromatopsia 0.005% of the population
#acd0c8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#eee4ce Protanopia 1% of men
#f9dee6 Deuteranopia 1% of men
#a1f1ff Tritanopia 0.001% of the population

Trichromacy

#b2edd2 Protanomaly 1% of men, 0.01% of women
#b9e9e1 Deuteranomaly 6% of men, 0.4% of women
#81f6f1 Tritanomaly 0.01% of the population

#4afed9 hex color

#4afed9 Color Information

#4afed9 Color Conversion

Color Schemes with #4afed9

Alternatives to #4afed9

#4afed9 Preview

Shades and Tints of #4afed9

Tones of #4afed9

Color Blindness Simulator