#4afff5 hex color

In a RGB color space, hex #4afff5 is composed of 29% red, 100% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 71% cyan, 0% magenta, 3.9% yellow and 0% black. It has a hue angle of 176.7 degrees, a saturation of 100% and a lightness of 64.5%. #4afff5 color hex could be obtained by blending #94ffff with #00ffeb. Closest websafe color is: #33ffff.

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

● #4afff5 color description : Light cyan.

The hexadecimal color #4afff5 has RGB values of R:74, G:255, B:245 and CMYK values of C:0.71, M:0, Y:0.04, K:0. Its decimal value is 4915189.

Hex triplet	4afff5	`#4afff5`
RGB Decimal	74, 255, 245	`rgb(74,255,245)`
RGB Percent	29, 100, 96.1	`rgb(29%,100%,96.1%)`
CMYK	71, 0, 4, 0
HSL	176.7°, 100, 64.5	`hsl(176.7,100%,64.5%)`
HSV (or HSB)	176.7°, 71, 100
Web Safe	33ffff	`#33ffff`

CIE-LAB	91.489, -46.504, -8.324
XYZ	55.06, 79.563, 98.837
xyY	0.236, 0.341, 79.563
CIE-LCH	91.489, 47.243, 190.148
CIE-LUV	91.489, -65.76, -5.788
Hunter-Lab	89.198, -45.913, -3.258
Binary	01001010, 11111111, 11110101

#4afff5
```
#4afff5 rgb(74,255,245)
```
#ff4a54
```
#ff4a54 rgb(255,74,84)
```

Complementary Color

#4aff9b
```
#4aff9b rgb(74,255,155)
```
#4afff5
```
#4afff5 rgb(74,255,245)
```
#4aafff
```
#4aafff rgb(74,175,255)
```

Analogous Color

#ff9b4a
```
#ff9b4a rgb(255,155,74)
```
#4afff5
```
#4afff5 rgb(74,255,245)
```
#ff4aaf
```
#ff4aaf rgb(255,74,175)
```

Split Complementary Color

#fff54a
```
#fff54a rgb(255,245,74)
```
#4afff5
```
#4afff5 rgb(74,255,245)
```
#f54aff
```
#f54aff rgb(245,74,255)
```

Triadic Color

#54ff4a
```
#54ff4a rgb(84,255,74)
```
#4afff5
```
#4afff5 rgb(74,255,245)
```
#f54aff
```
#f54aff rgb(245,74,255)
```
#ff4a54
```
#ff4a54 rgb(255,74,84)
```

Tetradic Color

#00fdef
```
#00fdef rgb(0,253,239)
```
#17fff2
```
#17fff2 rgb(23,255,242)
```
#31fff4
```
#31fff4 rgb(49,255,244)
```
#4afff5
```
#4afff5 rgb(74,255,245)
```
#64fff6
```
#64fff6 rgb(100,255,246)
```
#7dfff8
```
#7dfff8 rgb(125,255,248)
```
#97fff9
```
#97fff9 rgb(151,255,249)
```

Monochromatic Color

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

#4affc8
```
#4affc8 rgb(74,255,200)
```
#4affd7
```
#4affd7 rgb(74,255,215)
```
#4affe6
```
#4affe6 rgb(74,255,230)
```
#4afff5
```
#4afff5 rgb(74,255,245)
```
#4afaff
```
#4afaff rgb(74,250,255)
```
#4aebff
```
#4aebff rgb(74,235,255)
```
#4adcff
```
#4adcff rgb(74,220,255)
```

Similar Colors

Text with hexadecimal color #4afff5

This text has a font color of #4afff5.

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

#4afff5 background color

This paragraph has a background color of #4afff5.

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

#4afff5 border color

This element has a border color of #4afff5.

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

CSS codes

.text {color:#4afff5;}

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

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

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

#000f0e
```
#000f0e rgb(0,15,14)
```
#002321
```
#002321 rgb(0,35,33)
```
#003633
```
#003633 rgb(0,54,51)
```
#004a46
```
#004a46 rgb(0,74,70)
```
#005e58
```
#005e58 rgb(0,94,88)
```
#00716b
```
#00716b rgb(0,113,107)
```
#00857e
```
#00857e rgb(0,133,126)
```
#009890
```
#009890 rgb(0,152,144)
```
#00aca3
```
#00aca3 rgb(0,172,163)
```
#00c0b5
```
#00c0b5 rgb(0,192,181)
```
#00d3c8
```
#00d3c8 rgb(0,211,200)
```
#00e7da
```
#00e7da rgb(0,231,218)
```
#00fbed
```
#00fbed rgb(0,251,237)
```

Shade Color Variation

#0ffff2
```
#0ffff2 rgb(15,255,242)
```
#23fff3
```
#23fff3 rgb(35,255,243)
```
#36fff4
```
#36fff4 rgb(54,255,244)
```
#4afff5
```
#4afff5 rgb(74,255,245)
```
#5efff6
```
#5efff6 rgb(94,255,246)
```
#71fff7
```
#71fff7 rgb(113,255,247)
```
#85fff8
```
#85fff8 rgb(133,255,248)
```
#98fff9
```
#98fff9 rgb(152,255,249)
```
#acfffa
```
#acfffa rgb(172,255,250)
```
#c0fffc
```
#c0fffc rgb(192,255,252)
```
#d3fffd
```
#d3fffd rgb(211,255,253)
```
#e7fffe
```
#e7fffe rgb(231,255,254)
```
#fbffff
```
#fbffff rgb(251,255,255)
```

Tint Color Variation

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

#9eabab
```
#9eabab rgb(158,171,171)
```
#97b2b1
```
#97b2b1 rgb(151,178,177)
```
#90b9b7
```
#90b9b7 rgb(144,185,183)
```
#89c0bd
```
#89c0bd rgb(137,192,189)
```
#82c7c3
```
#82c7c3 rgb(130,199,195)
```
#7bceca
```
#7bceca rgb(123,206,202)
```
#74d5d0
```
#74d5d0 rgb(116,213,208)
```
#6ddcd6
```
#6ddcd6 rgb(109,220,214)
```
#66e3dc
```
#66e3dc rgb(102,227,220)
```
#5feae2
```
#5feae2 rgb(95,234,226)
```
#58f1e9
```
#58f1e9 rgb(88,241,233)
```
#51f8ef
```
#51f8ef rgb(81,248,239)
```
#4afff5
```
#4afff5 rgb(74,255,245)
```

Tone Color Variation

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

#c8c8c8 Achromatopsia 0.005% of the population
#afd3d1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ebe6e8 Protanopia 1% of men
#f1e2ff Deuteranopia 1% of men
#acf3ff Tritanopia 0.001% of the population

Trichromacy

#b0efec Protanomaly 1% of men, 0.01% of women
#b4ecfb Deuteranomaly 6% of men, 0.4% of women
#88f7fb Tritanomaly 0.01% of the population

#4afff5 hex color

#4afff5 Color Information

#4afff5 Color Conversion

Color Schemes with #4afff5

Alternatives to #4afff5

#4afff5 Preview

Shades and Tints of #4afff5

Tones of #4afff5

Color Blindness Simulator