#4afce2 hex color

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

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

● #4afce2 color description : Bright cyan.

The hexadecimal color #4afce2 has RGB values of R:74, G:252, B:226 and CMYK values of C:0.71, M:0, Y:0.1, K:0.01. Its decimal value is 4914402.

Hex triplet	4afce2	`#4afce2`
RGB Decimal	74, 252, 226	`rgb(74,252,226)`
RGB Percent	29, 98.8, 88.6	`rgb(29%,98.8%,88.6%)`
CMYK	71, 0, 10, 1
HSL	171.2°, 96.7, 63.9	`hsl(171.2,96.7%,63.9%)`
HSV (or HSB)	171.2°, 70.6, 98.8
Web Safe	33ffcc	`#33ffcc`

CIE-LAB	90.12, -50.167, -0.478
XYZ	51.357, 76.563, 84.019
xyY	0.242, 0.361, 76.563
CIE-LCH	90.12, 50.169, 180.546
CIE-LUV	90.12, -66.012, 7.35
Hunter-Lab	87.5, -48.357, 4.319
Binary	01001010, 11111100, 11100010

#4afce2
```
#4afce2 rgb(74,252,226)
```
#fc4a64
```
#fc4a64 rgb(252,74,100)
```

Complementary Color

#4afc89
```
#4afc89 rgb(74,252,137)
```
#4afce2
```
#4afce2 rgb(74,252,226)
```
#4abdfc
```
#4abdfc rgb(74,189,252)
```

Analogous Color

#fc894a
```
#fc894a rgb(252,137,74)
```
#4afce2
```
#4afce2 rgb(74,252,226)
```
#fc4abd
```
#fc4abd rgb(252,74,189)
```

Split Complementary Color

#fce24a
```
#fce24a rgb(252,226,74)
```
#4afce2
```
#4afce2 rgb(74,252,226)
```
#e24afc
```
#e24afc rgb(226,74,252)
```

Triadic Color

#64fc4a
```
#64fc4a rgb(100,252,74)
```
#4afce2
```
#4afce2 rgb(74,252,226)
```
#e24afc
```
#e24afc rgb(226,74,252)
```
#fc4a64
```
#fc4a64 rgb(252,74,100)
```

Tetradic Color

#04f5d2
```
#04f5d2 rgb(4,245,210)
```
#18fbda
```
#18fbda rgb(24,251,218)
```
#31fcde
```
#31fcde rgb(49,252,222)
```
#4afce2
```
#4afce2 rgb(74,252,226)
```
#63fce6
```
#63fce6 rgb(99,252,230)
```
#7cfdea
```
#7cfdea rgb(124,253,234)
```
#95fdee
```
#95fdee rgb(149,253,238)
```

Monochromatic Color

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

#4afcb6
```
#4afcb6 rgb(74,252,182)
```
#4afcc4
```
#4afcc4 rgb(74,252,196)
```
#4afcd3
```
#4afcd3 rgb(74,252,211)
```
#4afce2
```
#4afce2 rgb(74,252,226)
```
#4afcf1
```
#4afcf1 rgb(74,252,241)
```
#4af8fc
```
#4af8fc rgb(74,248,252)
```
#4aeafc
```
#4aeafc rgb(74,234,252)
```

Similar Colors

Text with hexadecimal color #4afce2

This text has a font color of #4afce2.

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

#4afce2 background color

This paragraph has a background color of #4afce2.

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

#4afce2 border color

This element has a border color of #4afce2.

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

CSS codes

.text {color:#4afce2;}

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

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

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

#000c0a
```
#000c0a rgb(0,12,10)
```
#011f1b
```
#011f1b rgb(1,31,27)
```
#01332b
```
#01332b rgb(1,51,43)
```
#01463c
```
#01463c rgb(1,70,60)
```
#01594c
```
#01594c rgb(1,89,76)
```
#026c5d
```
#026c5d rgb(2,108,93)
```
#02806d
```
#02806d rgb(2,128,109)
```
#02937e
```
#02937e rgb(2,147,126)
```
#03a68e
```
#03a68e rgb(3,166,142)
```
#03ba9f
```
#03ba9f rgb(3,186,159)
```
#03cdaf
```
#03cdaf rgb(3,205,175)
```
#04e0c0
```
#04e0c0 rgb(4,224,192)
```
#04f4d1
```
#04f4d1 rgb(4,244,209)
```

Shade Color Variation

#10fbd9
```
#10fbd9 rgb(16,251,217)
```
#23fbdc
```
#23fbdc rgb(35,251,220)
```
#37fcdf
```
#37fcdf rgb(55,252,223)
```
#4afce2
```
#4afce2 rgb(74,252,226)
```
#5dfce5
```
#5dfce5 rgb(93,252,229)
```
#71fde8
```
#71fde8 rgb(113,253,232)
```
#84fdeb
```
#84fdeb rgb(132,253,235)
```
#97fdee
```
#97fdee rgb(151,253,238)
```
#aafef1
```
#aafef1 rgb(170,254,241)
```
#befef5
```
#befef5 rgb(190,254,245)
```
#d1fef8
```
#d1fef8 rgb(209,254,248)
```
#e4fffb
```
#e4fffb rgb(228,255,251)
```
#f8fffe
```
#f8fffe rgb(248,255,254)
```

Tint Color Variation

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

#9fa7a6
```
#9fa7a6 rgb(159,167,166)
```
#98aeab
```
#98aeab rgb(152,174,171)
```
#91b5b0
```
#91b5b0 rgb(145,181,176)
```
#8abcb5
```
#8abcb5 rgb(138,188,181)
```
#83c3ba
```
#83c3ba rgb(131,195,186)
```
#7ccabf
```
#7ccabf rgb(124,202,191)
```
#74d2c4
```
#74d2c4 rgb(116,210,196)
```
#6dd9c9
```
#6dd9c9 rgb(109,217,201)
```
#66e0ce
```
#66e0ce rgb(102,224,206)
```
#5fe7d3
```
#5fe7d3 rgb(95,231,211)
```
#58eed8
```
#58eed8 rgb(88,238,216)
```
#51f5dd
```
#51f5dd rgb(81,245,221)
```
#4afce2
```
#4afce2 rgb(74,252,226)
```

Tone Color Variation

Below, you can see how #4afce2 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
#accfca Atypical Achromatopsia 0.001% of the population

Dichromacy

#ebe3d6 Protanopia 1% of men
#f4ddee Deuteranopia 1% of men
#9cf1ff Tritanopia 0.001% of the population

Trichromacy

#b0ecda Protanomaly 1% of men, 0.01% of women
#b6e8e9 Deuteranomaly 6% of men, 0.4% of women
#7ef5f4 Tritanomaly 0.01% of the population

#4afce2 hex color

#4afce2 Color Information

#4afce2 Color Conversion

Color Schemes with #4afce2

Alternatives to #4afce2

#4afce2 Preview

Shades and Tints of #4afce2

Tones of #4afce2

Color Blindness Simulator