#4afdd8 hex color

In a RGB color space, hex #4afdd8 is composed of 29% red, 99.2% green and 84.7% blue. Whereas in a CMYK color space, it is composed of 70.8% cyan, 0% magenta, 14.6% yellow and 0.8% black. It has a hue angle of 167.6 degrees, a saturation of 97.8% and a lightness of 64.1%. #4afdd8 color hex could be obtained by blending #94ffff with #00fbb1. Closest websafe color is: #33ffcc.

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

● #4afdd8 color description : Bright cyan.

The hexadecimal color #4afdd8 has RGB values of R:74, G:253, B:216 and CMYK values of C:0.71, M:0, Y:0.15, K:0.01. Its decimal value is 4914648.

Hex triplet	4afdd8	`#4afdd8`
RGB Decimal	74, 253, 216	`rgb(74,253,216)`
RGB Percent	29, 99.2, 84.7	`rgb(29%,99.2%,84.7%)`
CMYK	71, 0, 15, 1
HSL	167.6°, 97.8, 64.1	`hsl(167.6,97.8%,64.1%)`
HSV (or HSB)	167.6°, 70.8, 99.2
Web Safe	33ffcc	`#33ffcc`

CIE-LAB	90.165, -53.067, 4.775
XYZ	50.34, 76.66, 77.106
xyY	0.247, 0.376, 76.66
CIE-LCH	90.165, 53.282, 174.858
CIE-LUV	90.165, -67.026, 15.958
Hunter-Lab	87.555, -50.594, 9.075
Binary	01001010, 11111101, 11011000

#4afdd8
```
#4afdd8 rgb(74,253,216)
```
#fd4a6f
```
#fd4a6f rgb(253,74,111)
```

Complementary Color

#4afd7f
```
#4afd7f rgb(74,253,127)
```
#4afdd8
```
#4afdd8 rgb(74,253,216)
```
#4ac9fd
```
#4ac9fd rgb(74,201,253)
```

Analogous Color

#fd7f4a
```
#fd7f4a rgb(253,127,74)
```
#4afdd8
```
#4afdd8 rgb(74,253,216)
```
#fd4ac9
```
#fd4ac9 rgb(253,74,201)
```

Split Complementary Color

#fdd84a
```
#fdd84a rgb(253,216,74)
```
#4afdd8
```
#4afdd8 rgb(74,253,216)
```
#d84afd
```
#d84afd rgb(216,74,253)
```

Triadic Color

#6ffd4a
```
#6ffd4a rgb(111,253,74)
```
#4afdd8
```
#4afdd8 rgb(74,253,216)
```
#d84afd
```
#d84afd rgb(216,74,253)
```
#fd4a6f
```
#fd4a6f rgb(253,74,111)
```

Tetradic Color

#03f8c5
```
#03f8c5 rgb(3,248,197)
```
#18fccd
```
#18fccd rgb(24,252,205)
```
#31fdd3
```
#31fdd3 rgb(49,253,211)
```
#4afdd8
```
#4afdd8 rgb(74,253,216)
```
#63fddd
```
#63fddd rgb(99,253,221)
```
#7cfee3
```
#7cfee3 rgb(124,254,227)
```
#96fee8
```
#96fee8 rgb(150,254,232)
```

Monochromatic Color

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

#4afdab
```
#4afdab rgb(74,253,171)
```
#4afdba
```
#4afdba rgb(74,253,186)
```
#4afdc9
```
#4afdc9 rgb(74,253,201)
```
#4afdd8
```
#4afdd8 rgb(74,253,216)
```
#4afde7
```
#4afde7 rgb(74,253,231)
```
#4afdf6
```
#4afdf6 rgb(74,253,246)
```
#4af5fd
```
#4af5fd rgb(74,245,253)
```

Similar Colors

Text with hexadecimal color #4afdd8

This text has a font color of #4afdd8.

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

#4afdd8 background color

This paragraph has a background color of #4afdd8.

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

#4afdd8 border color

This element has a border color of #4afdd8.

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

CSS codes

.text {color:#4afdd8;}

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

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

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

#000d0a
```
#000d0a rgb(0,13,10)
```
#00201a
```
#00201a rgb(0,32,26)
```
#013429
```
#013429 rgb(1,52,41)
```
#014739
```
#014739 rgb(1,71,57)
```
#015b48
```
#015b48 rgb(1,91,72)
```
#016e58
```
#016e58 rgb(1,110,88)
```
#018167
```
#018167 rgb(1,129,103)
```
#029576
```
#029576 rgb(2,149,118)
```
#02a886
```
#02a886 rgb(2,168,134)
```
#02bc95
```
#02bc95 rgb(2,188,149)
```
#02cfa5
```
#02cfa5 rgb(2,207,165)
```
#03e2b4
```
#03e2b4 rgb(3,226,180)
```
#03f6c4
```
#03f6c4 rgb(3,246,196)
```

Shade Color Variation

#10fccb
```
#10fccb rgb(16,252,203)
```
#23fdd0
```
#23fdd0 rgb(35,253,208)
```
#37fdd4
```
#37fdd4 rgb(55,253,212)
```
#4afdd8
```
#4afdd8 rgb(74,253,216)
```
#5dfddc
```
#5dfddc rgb(93,253,220)
```
#71fde0
```
#71fde0 rgb(113,253,224)
```
#84fee5
```
#84fee5 rgb(132,254,229)
```
#98fee9
```
#98fee9 rgb(152,254,233)
```
#abfeed
```
#abfeed rgb(171,254,237)
```
#befef1
```
#befef1 rgb(190,254,241)
```
#d2fff5
```
#d2fff5 rgb(210,255,245)
```
#e5fff9
```
#e5fff9 rgb(229,255,249)
```
#f9fffe
```
#f9fffe rgb(249,255,254)
```

Tint Color Variation

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

#9ea9a6
```
#9ea9a6 rgb(158,169,166)
```
#97b0ab
```
#97b0ab rgb(151,176,171)
```
#90b7af
```
#90b7af rgb(144,183,175)
```
#89beb3
```
#89beb3 rgb(137,190,179)
```
#82c5b7
```
#82c5b7 rgb(130,197,183)
```
#7bccbb
```
#7bccbb rgb(123,204,187)
```
#74d3bf
```
#74d3bf rgb(116,211,191)
```
#6ddac3
```
#6ddac3 rgb(109,218,195)
```
#66e1c7
```
#66e1c7 rgb(102,225,199)
```
#5fe8cc
```
#5fe8cc rgb(95,232,204)
```
#58efd0
```
#58efd0 rgb(88,239,208)
```
#51f6d4
```
#51f6d4 rgb(81,246,212)
```
#4afdd8
```
#4afdd8 rgb(74,253,216)
```

Tone Color Variation

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

#c3c3c3 Achromatopsia 0.005% of the population
#abcfc7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ede3cd Protanopia 1% of men
#f8dde5 Deuteranopia 1% of men
#9df1ff Tritanopia 0.001% of the population

Trichromacy

#b2ecd1 Protanomaly 1% of men, 0.01% of women
#b9e8e0 Deuteranomaly 6% of men, 0.4% of women
#7ff5f0 Tritanomaly 0.01% of the population

#4afdd8 hex color

#4afdd8 Color Information

#4afdd8 Color Conversion

Color Schemes with #4afdd8

Alternatives to #4afdd8

#4afdd8 Preview

Shades and Tints of #4afdd8

Tones of #4afdd8

Color Blindness Simulator