#4afcf8 hex color

In a RGB color space, hex #4afcf8 is composed of 29% red, 98.8% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 70.6% cyan, 0% magenta, 1.6% yellow and 1.2% black. It has a hue angle of 178.7 degrees, a saturation of 96.7% and a lightness of 63.9%. #4afcf8 color hex could be obtained by blending #94ffff with #00f9f1. Closest websafe color is: #33ffff.

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

● #4afcf8 color description : Bright cyan.

The hexadecimal color #4afcf8 has RGB values of R:74, G:252, B:248 and CMYK values of C:0.71, M:0, Y:0.02, K:0.01. Its decimal value is 4914424.

Hex triplet	4afcf8	`#4afcf8`
RGB Decimal	74, 252, 248	`rgb(74,252,248)`
RGB Percent	29, 98.8, 97.3	`rgb(29%,98.8%,97.3%)`
CMYK	71, 0, 2, 1
HSL	178.7°, 96.7, 63.9	`hsl(178.7,96.7%,63.9%)`
HSV (or HSB)	178.7°, 70.6, 98.8
Web Safe	33ffff	`#33ffff`

CIE-LAB	90.711, -44.387, -11.037
XYZ	54.572, 77.849, 100.952
xyY	0.234, 0.334, 77.849
CIE-LCH	90.711, 45.738, 193.963
CIE-LUV	90.711, -64.521, -10.553
Hunter-Lab	88.232, -44.002, -6.075
Binary	01001010, 11111100, 11111000

#4afcf8
```
#4afcf8 rgb(74,252,248)
```
#fc4a4e
```
#fc4a4e rgb(252,74,78)
```

Complementary Color

#4afc9f
```
#4afc9f rgb(74,252,159)
```
#4afcf8
```
#4afcf8 rgb(74,252,248)
```
#4aa7fc
```
#4aa7fc rgb(74,167,252)
```

Analogous Color

#fc9f4a
```
#fc9f4a rgb(252,159,74)
```
#4afcf8
```
#4afcf8 rgb(74,252,248)
```
#fc4aa7
```
#fc4aa7 rgb(252,74,167)
```

Split Complementary Color

#fcf84a
```
#fcf84a rgb(252,248,74)
```
#4afcf8
```
#4afcf8 rgb(74,252,248)
```
#f84afc
```
#f84afc rgb(248,74,252)
```

Triadic Color

#4efc4a
```
#4efc4a rgb(78,252,74)
```
#4afcf8
```
#4afcf8 rgb(74,252,248)
```
#f84afc
```
#f84afc rgb(248,74,252)
```
#fc4a4e
```
#fc4a4e rgb(252,74,78)
```

Tetradic Color

#04f5f0
```
#04f5f0 rgb(4,245,240)
```
#18fbf6
```
#18fbf6 rgb(24,251,246)
```
#31fcf7
```
#31fcf7 rgb(49,252,247)
```
#4afcf8
```
#4afcf8 rgb(74,252,248)
```
#63fcf9
```
#63fcf9 rgb(99,252,249)
```
#7cfdfa
```
#7cfdfa rgb(124,253,250)
```
#95fdfb
```
#95fdfb rgb(149,253,251)
```

Monochromatic Color

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

#4afccc
```
#4afccc rgb(74,252,204)
```
#4afcda
```
#4afcda rgb(74,252,218)
```
#4afce9
```
#4afce9 rgb(74,252,233)
```
#4afcf8
```
#4afcf8 rgb(74,252,248)
```
#4af1fc
```
#4af1fc rgb(74,241,252)
```
#4ae2fc
```
#4ae2fc rgb(74,226,252)
```
#4ad4fc
```
#4ad4fc rgb(74,212,252)
```

Similar Colors

Text with hexadecimal color #4afcf8

This text has a font color of #4afcf8.

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

#4afcf8 background color

This paragraph has a background color of #4afcf8.

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

#4afcf8 border color

This element has a border color of #4afcf8.

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

CSS codes

.text {color:#4afcf8;}

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

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

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

#000c0c
```
#000c0c rgb(0,12,12)
```
#011f1f
```
#011f1f rgb(1,31,31)
```
#013331
```
#013331 rgb(1,51,49)
```
#014644
```
#014644 rgb(1,70,68)
```
#015957
```
#015957 rgb(1,89,87)
```
#026c6a
```
#026c6a rgb(2,108,106)
```
#02807d
```
#02807d rgb(2,128,125)
```
#029390
```
#029390 rgb(2,147,144)
```
#03a6a3
```
#03a6a3 rgb(3,166,163)
```
#03bab6
```
#03bab6 rgb(3,186,182)
```
#03cdc8
```
#03cdc8 rgb(3,205,200)
```
#04e0db
```
#04e0db rgb(4,224,219)
```
#04f4ee
```
#04f4ee rgb(4,244,238)
```

Shade Color Variation

#10fbf6
```
#10fbf6 rgb(16,251,246)
```
#23fbf7
```
#23fbf7 rgb(35,251,247)
```
#37fcf7
```
#37fcf7 rgb(55,252,247)
```
#4afcf8
```
#4afcf8 rgb(74,252,248)
```
#5dfcf9
```
#5dfcf9 rgb(93,252,249)
```
#71fdf9
```
#71fdf9 rgb(113,253,249)
```
#84fdfa
```
#84fdfa rgb(132,253,250)
```
#97fdfb
```
#97fdfb rgb(151,253,251)
```
#aafefc
```
#aafefc rgb(170,254,252)
```
#befefc
```
#befefc rgb(190,254,252)
```
#d1fefd
```
#d1fefd rgb(209,254,253)
```
#e4fffe
```
#e4fffe rgb(228,255,254)
```
#f8ffff
```
#f8ffff rgb(248,255,255)
```

Tint Color Variation

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

#9fa7a7
```
#9fa7a7 rgb(159,167,167)
```
#98aeae
```
#98aeae rgb(152,174,174)
```
#91b5b4
```
#91b5b4 rgb(145,181,180)
```
#8abcbb
```
#8abcbb rgb(138,188,187)
```
#83c3c2
```
#83c3c2 rgb(131,195,194)
```
#7ccac9
```
#7ccac9 rgb(124,202,201)
```
#74d2cf
```
#74d2cf rgb(116,210,207)
```
#6dd9d6
```
#6dd9d6 rgb(109,217,214)
```
#66e0dd
```
#66e0dd rgb(102,224,221)
```
#5fe7e4
```
#5fe7e4 rgb(95,231,228)
```
#58eeea
```
#58eeea rgb(88,238,234)
```
#51f5f1
```
#51f5f1 rgb(81,245,241)
```
#4afcf8
```
#4afcf8 rgb(74,252,248)
```

Tone Color Variation

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

#c6c6c6 Achromatopsia 0.005% of the population
#add1d0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e7e4eb Protanopia 1% of men
#ebe1ff Deuteranopia 1% of men
#a2f2ff Tritanopia 0.001% of the population

Trichromacy

#aeedef Protanomaly 1% of men, 0.01% of women
#b1eafc Deuteranomaly 6% of men, 0.4% of women
#82f5fc Tritanomaly 0.01% of the population

#4afcf8 hex color

#4afcf8 Color Information

#4afcf8 Color Conversion

Color Schemes with #4afcf8

Alternatives to #4afcf8

#4afcf8 Preview

Shades and Tints of #4afcf8

Tones of #4afcf8

Color Blindness Simulator