#4afdf5 hex color

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

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

● #4afdf5 color description : Bright cyan.

The hexadecimal color #4afdf5 has RGB values of R:74, G:253, B:245 and CMYK values of C:0.71, M:0, Y:0.03, K:0.01. Its decimal value is 4914677.

Hex triplet	4afdf5	`#4afdf5`
RGB Decimal	74, 253, 245	`rgb(74,253,245)`
RGB Percent	29, 99.2, 96.1	`rgb(29%,99.2%,96.1%)`
CMYK	71, 0, 3, 1
HSL	177.3°, 97.8, 64.1	`hsl(177.3,97.8%,64.1%)`
HSV (or HSB)	177.3°, 70.8, 99.2
Web Safe	33ffff	`#33ffff`

CIE-LAB	90.914, -45.635, -9.177
XYZ	54.426, 78.294, 98.625
xyY	0.235, 0.338, 78.294
CIE-LCH	90.914, 46.548, 191.37
CIE-LUV	90.914, -65.071, -7.311
Hunter-Lab	88.484, -45.053, -4.147
Binary	01001010, 11111101, 11110101

#4afdf5
```
#4afdf5 rgb(74,253,245)
```
#fd4a52
```
#fd4a52 rgb(253,74,82)
```

Complementary Color

#4afd9c
```
#4afd9c rgb(74,253,156)
```
#4afdf5
```
#4afdf5 rgb(74,253,245)
```
#4aacfd
```
#4aacfd rgb(74,172,253)
```

Analogous Color

#fd9c4a
```
#fd9c4a rgb(253,156,74)
```
#4afdf5
```
#4afdf5 rgb(74,253,245)
```
#fd4aac
```
#fd4aac rgb(253,74,172)
```

Split Complementary Color

#fdf54a
```
#fdf54a rgb(253,245,74)
```
#4afdf5
```
#4afdf5 rgb(74,253,245)
```
#f54afd
```
#f54afd rgb(245,74,253)
```

Triadic Color

#52fd4a
```
#52fd4a rgb(82,253,74)
```
#4afdf5
```
#4afdf5 rgb(74,253,245)
```
#f54afd
```
#f54afd rgb(245,74,253)
```
#fd4a52
```
#fd4a52 rgb(253,74,82)
```

Tetradic Color

#03f8ed
```
#03f8ed rgb(3,248,237)
```
#18fcf2
```
#18fcf2 rgb(24,252,242)
```
#31fdf4
```
#31fdf4 rgb(49,253,244)
```
#4afdf5
```
#4afdf5 rgb(74,253,245)
```
#63fdf6
```
#63fdf6 rgb(99,253,246)
```
#7cfef8
```
#7cfef8 rgb(124,254,248)
```
#96fef9
```
#96fef9 rgb(150,254,249)
```

Monochromatic Color

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

#4afdc8
```
#4afdc8 rgb(74,253,200)
```
#4afdd7
```
#4afdd7 rgb(74,253,215)
```
#4afde6
```
#4afde6 rgb(74,253,230)
```
#4afdf5
```
#4afdf5 rgb(74,253,245)
```
#4af6fd
```
#4af6fd rgb(74,246,253)
```
#4ae7fd
```
#4ae7fd rgb(74,231,253)
```
#4ad8fd
```
#4ad8fd rgb(74,216,253)
```

Similar Colors

Text with hexadecimal color #4afdf5

This text has a font color of #4afdf5.

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

#4afdf5 background color

This paragraph has a background color of #4afdf5.

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

#4afdf5 border color

This element has a border color of #4afdf5.

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

CSS codes

.text {color:#4afdf5;}

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

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

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

#000d0c
```
#000d0c rgb(0,13,12)
```
#00201f
```
#00201f rgb(0,32,31)
```
#013432
```
#013432 rgb(1,52,50)
```
#014744
```
#014744 rgb(1,71,68)
```
#015b57
```
#015b57 rgb(1,91,87)
```
#016e69
```
#016e69 rgb(1,110,105)
```
#01817c
```
#01817c rgb(1,129,124)
```
#02958e
```
#02958e rgb(2,149,142)
```
#02a8a1
```
#02a8a1 rgb(2,168,161)
```
#02bcb3
```
#02bcb3 rgb(2,188,179)
```
#02cfc6
```
#02cfc6 rgb(2,207,198)
```
#03e2d8
```
#03e2d8 rgb(3,226,216)
```
#03f6eb
```
#03f6eb rgb(3,246,235)
```

Shade Color Variation

#10fcf2
```
#10fcf2 rgb(16,252,242)
```
#23fdf3
```
#23fdf3 rgb(35,253,243)
```
#37fdf4
```
#37fdf4 rgb(55,253,244)
```
#4afdf5
```
#4afdf5 rgb(74,253,245)
```
#5dfdf6
```
#5dfdf6 rgb(93,253,246)
```
#71fdf7
```
#71fdf7 rgb(113,253,247)
```
#84fef8
```
#84fef8 rgb(132,254,248)
```
#98fef9
```
#98fef9 rgb(152,254,249)
```
#abfefa
```
#abfefa rgb(171,254,250)
```
#befefb
```
#befefb rgb(190,254,251)
```
#d2fffd
```
#d2fffd rgb(210,255,253)
```
#e5fffe
```
#e5fffe rgb(229,255,254)
```
#f9ffff
```
#f9ffff rgb(249,255,255)
```

Tint Color Variation

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

#9ea9a8
```
#9ea9a8 rgb(158,169,168)
```
#97b0ae
```
#97b0ae rgb(151,176,174)
```
#90b7b5
```
#90b7b5 rgb(144,183,181)
```
#89bebb
```
#89bebb rgb(137,190,187)
```
#82c5c2
```
#82c5c2 rgb(130,197,194)
```
#7bccc8
```
#7bccc8 rgb(123,204,200)
```
#74d3cf
```
#74d3cf rgb(116,211,207)
```
#6ddad5
```
#6ddad5 rgb(109,218,213)
```
#66e1db
```
#66e1db rgb(102,225,219)
```
#5fe8e2
```
#5fe8e2 rgb(95,232,226)
```
#58efe8
```
#58efe8 rgb(88,239,232)
```
#51f6ef
```
#51f6ef rgb(81,246,239)
```
#4afdf5
```
#4afdf5 rgb(74,253,245)
```

Tone Color Variation

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

#c7c7c7 Achromatopsia 0.005% of the population
#aed2d0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e9e5e8 Protanopia 1% of men
#eee0ff Deuteranopia 1% of men
#a5f2ff Tritanopia 0.001% of the population

Trichromacy

#afedec Protanomaly 1% of men, 0.01% of women
#b2ebfb Deuteranomaly 6% of men, 0.4% of women
#84f6fb Tritanomaly 0.01% of the population

#4afdf5 hex color

#4afdf5 Color Information

#4afdf5 Color Conversion

Color Schemes with #4afdf5

Alternatives to #4afdf5

#4afdf5 Preview

Shades and Tints of #4afdf5

Tones of #4afdf5

Color Blindness Simulator