#4afde7 hex color

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

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

● #4afde7 color description : Bright cyan.

The hexadecimal color #4afde7 has RGB values of R:74, G:253, B:231 and CMYK values of C:0.71, M:0, Y:0.09, K:0.01. Its decimal value is 4914663.

Hex triplet	4afde7	`#4afde7`
RGB Decimal	74, 253, 231	`rgb(74,253,231)`
RGB Percent	29, 99.2, 90.6	`rgb(29%,99.2%,90.6%)`
CMYK	71, 0, 9, 1
HSL	172.6°, 97.8, 64.1	`hsl(172.6,97.8%,64.1%)`
HSV (or HSB)	172.6°, 70.8, 99.2
Web Safe	33ffff	`#33ffff`

CIE-LAB	90.538, -49.313, -2.462
XYZ	52.368, 77.471, 87.79
xyY	0.241, 0.356, 77.471
CIE-LCH	90.538, 49.375, 182.858
CIE-LUV	90.538, -66.022, 4.085
Hunter-Lab	88.018, -47.828, 2.475
Binary	01001010, 11111101, 11100111

#4afde7
```
#4afde7 rgb(74,253,231)
```
#fd4a60
```
#fd4a60 rgb(253,74,96)
```

Complementary Color

#4afd8e
```
#4afd8e rgb(74,253,142)
```
#4afde7
```
#4afde7 rgb(74,253,231)
```
#4abafd
```
#4abafd rgb(74,186,253)
```

Analogous Color

#fd8e4a
```
#fd8e4a rgb(253,142,74)
```
#4afde7
```
#4afde7 rgb(74,253,231)
```
#fd4aba
```
#fd4aba rgb(253,74,186)
```

Split Complementary Color

#fde74a
```
#fde74a rgb(253,231,74)
```
#4afde7
```
#4afde7 rgb(74,253,231)
```
#e74afd
```
#e74afd rgb(231,74,253)
```

Triadic Color

#60fd4a
```
#60fd4a rgb(96,253,74)
```
#4afde7
```
#4afde7 rgb(74,253,231)
```
#e74afd
```
#e74afd rgb(231,74,253)
```
#fd4a60
```
#fd4a60 rgb(253,74,96)
```

Tetradic Color

#03f8da
```
#03f8da rgb(3,248,218)
```
#18fce0
```
#18fce0 rgb(24,252,224)
```
#31fde4
```
#31fde4 rgb(49,253,228)
```
#4afde7
```
#4afde7 rgb(74,253,231)
```
#63fdea
```
#63fdea rgb(99,253,234)
```
#7cfeee
```
#7cfeee rgb(124,254,238)
```
#96fef1
```
#96fef1 rgb(150,254,241)
```

Monochromatic Color

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

#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)
```
#4ae6fd
```
#4ae6fd rgb(74,230,253)
```

Similar Colors

Text with hexadecimal color #4afde7

This text has a font color of #4afde7.

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

#4afde7 background color

This paragraph has a background color of #4afde7.

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

#4afde7 border color

This element has a border color of #4afde7.

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

CSS codes

.text {color:#4afde7;}

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

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

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

#000d0b
```
#000d0b rgb(0,13,11)
```
#00201c
```
#00201c rgb(0,32,28)
```
#01342e
```
#01342e rgb(1,52,46)
```
#01473f
```
#01473f rgb(1,71,63)
```
#015b50
```
#015b50 rgb(1,91,80)
```
#016e61
```
#016e61 rgb(1,110,97)
```
#018172
```
#018172 rgb(1,129,114)
```
#029583
```
#029583 rgb(2,149,131)
```
#02a894
```
#02a894 rgb(2,168,148)
```
#02bca5
```
#02bca5 rgb(2,188,165)
```
#02cfb6
```
#02cfb6 rgb(2,207,182)
```
#03e2c7
```
#03e2c7 rgb(3,226,199)
```
#03f6d8
```
#03f6d8 rgb(3,246,216)
```

Shade Color Variation

#10fcdf
```
#10fcdf rgb(16,252,223)
```
#23fde2
```
#23fde2 rgb(35,253,226)
```
#37fde4
```
#37fde4 rgb(55,253,228)
```
#4afde7
```
#4afde7 rgb(74,253,231)
```
#5dfdea
```
#5dfdea rgb(93,253,234)
```
#71fdec
```
#71fdec rgb(113,253,236)
```
#84feef
```
#84feef rgb(132,254,239)
```
#98fef1
```
#98fef1 rgb(152,254,241)
```
#abfef4
```
#abfef4 rgb(171,254,244)
```
#befef6
```
#befef6 rgb(190,254,246)
```
#d2fff9
```
#d2fff9 rgb(210,255,249)
```
#e5fffc
```
#e5fffc rgb(229,255,252)
```
#f9fffe
```
#f9fffe rgb(249,255,254)
```

Tint Color Variation

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

#9ea9a7
```
#9ea9a7 rgb(158,169,167)
```
#97b0ad
```
#97b0ad rgb(151,176,173)
```
#90b7b2
```
#90b7b2 rgb(144,183,178)
```
#89beb7
```
#89beb7 rgb(137,190,183)
```
#82c5bd
```
#82c5bd rgb(130,197,189)
```
#7bccc2
```
#7bccc2 rgb(123,204,194)
```
#74d3c7
```
#74d3c7 rgb(116,211,199)
```
#6ddacc
```
#6ddacc rgb(109,218,204)
```
#66e1d2
```
#66e1d2 rgb(102,225,210)
```
#5fe8d7
```
#5fe8d7 rgb(95,232,215)
```
#58efdc
```
#58efdc rgb(88,239,220)
```
#51f6e2
```
#51f6e2 rgb(81,246,226)
```
#4afde7
```
#4afde7 rgb(74,253,231)
```

Tone Color Variation

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

#c5c5c5 Achromatopsia 0.005% of the population
#acd0cc Atypical Achromatopsia 0.001% of the population

Dichromacy

#ebe4db Protanopia 1% of men
#f3dff3 Deuteranopia 1% of men
#a1f2ff Tritanopia 0.001% of the population

Trichromacy

#b0eddf Protanomaly 1% of men, 0.01% of women
#b6e9ee Deuteranomaly 6% of men, 0.4% of women
#81f6f6 Tritanomaly 0.01% of the population

#4afde7 hex color

#4afde7 Color Information

#4afde7 Color Conversion

Color Schemes with #4afde7

Alternatives to #4afde7

#4afde7 Preview

Shades and Tints of #4afde7

Tones of #4afde7

Color Blindness Simulator