#4afddc hex color

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

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

● #4afddc color description : Bright cyan.

The hexadecimal color #4afddc has RGB values of R:74, G:253, B:220 and CMYK values of C:0.71, M:0, Y:0.13, K:0.01. Its decimal value is 4914652.

Hex triplet	4afddc	`#4afddc`
RGB Decimal	74, 253, 220	`rgb(74,253,220)`
RGB Percent	29, 99.2, 86.3	`rgb(29%,99.2%,86.3%)`
CMYK	71, 0, 13, 1
HSL	168.9°, 97.8, 64.1	`hsl(168.9,97.8%,64.1%)`
HSV (or HSB)	168.9°, 70.8, 99.2
Web Safe	33ffcc	`#33ffcc`

CIE-LAB	90.261, -52.086, 2.842
XYZ	50.863, 76.869, 79.863
xyY	0.245, 0.37, 76.869
CIE-LCH	90.261, 52.164, 176.877
CIE-LUV	90.261, -66.76, 12.83
Hunter-Lab	87.675, -49.877, 7.365
Binary	01001010, 11111101, 11011100

#4afddc
```
#4afddc rgb(74,253,220)
```
#fd4a6b
```
#fd4a6b rgb(253,74,107)
```

Complementary Color

#4afd83
```
#4afd83 rgb(74,253,131)
```
#4afddc
```
#4afddc rgb(74,253,220)
```
#4ac5fd
```
#4ac5fd rgb(74,197,253)
```

Analogous Color

#fd834a
```
#fd834a rgb(253,131,74)
```
#4afddc
```
#4afddc rgb(74,253,220)
```
#fd4ac5
```
#fd4ac5 rgb(253,74,197)
```

Split Complementary Color

#fddc4a
```
#fddc4a rgb(253,220,74)
```
#4afddc
```
#4afddc rgb(74,253,220)
```
#dc4afd
```
#dc4afd rgb(220,74,253)
```

Triadic Color

#6bfd4a
```
#6bfd4a rgb(107,253,74)
```
#4afddc
```
#4afddc rgb(74,253,220)
```
#dc4afd
```
#dc4afd rgb(220,74,253)
```
#fd4a6b
```
#fd4a6b rgb(253,74,107)
```

Tetradic Color

#03f8cb
```
#03f8cb rgb(3,248,203)
```
#18fcd2
```
#18fcd2 rgb(24,252,210)
```
#31fdd7
```
#31fdd7 rgb(49,253,215)
```
#4afddc
```
#4afddc rgb(74,253,220)
```
#63fde1
```
#63fde1 rgb(99,253,225)
```
#7cfee6
```
#7cfee6 rgb(124,254,230)
```
#96feeb
```
#96feeb rgb(150,254,235)
```

Monochromatic Color

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

#4afdaf
```
#4afdaf rgb(74,253,175)
```
#4afdbe
```
#4afdbe rgb(74,253,190)
```
#4afdcd
```
#4afdcd rgb(74,253,205)
```
#4afddc
```
#4afddc rgb(74,253,220)
```
#4afdeb
```
#4afdeb rgb(74,253,235)
```
#4afdfa
```
#4afdfa rgb(74,253,250)
```
#4af1fd
```
#4af1fd rgb(74,241,253)
```

Similar Colors

Text with hexadecimal color #4afddc

This text has a font color of #4afddc.

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

#4afddc background color

This paragraph has a background color of #4afddc.

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

#4afddc border color

This element has a border color of #4afddc.

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

CSS codes

.text {color:#4afddc;}

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

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

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)
```
#00201b
```
#00201b rgb(0,32,27)
```
#01342a
```
#01342a rgb(1,52,42)
```
#01473a
```
#01473a rgb(1,71,58)
```
#015b4a
```
#015b4a rgb(1,91,74)
```
#016e5a
```
#016e5a rgb(1,110,90)
```
#01816a
```
#01816a rgb(1,129,106)
```
#02957a
```
#02957a rgb(2,149,122)
```
#02a88a
```
#02a88a rgb(2,168,138)
```
#02bc99
```
#02bc99 rgb(2,188,153)
```
#02cfa9
```
#02cfa9 rgb(2,207,169)
```
#03e2b9
```
#03e2b9 rgb(3,226,185)
```
#03f6c9
```
#03f6c9 rgb(3,246,201)
```

Shade Color Variation

#10fcd1
```
#10fcd1 rgb(16,252,209)
```
#23fdd4
```
#23fdd4 rgb(35,253,212)
```
#37fdd8
```
#37fdd8 rgb(55,253,216)
```
#4afddc
```
#4afddc rgb(74,253,220)
```
#5dfde0
```
#5dfde0 rgb(93,253,224)
```
#71fde4
```
#71fde4 rgb(113,253,228)
```
#84fee7
```
#84fee7 rgb(132,254,231)
```
#98feeb
```
#98feeb rgb(152,254,235)
```
#abfeef
```
#abfeef rgb(171,254,239)
```
#befef3
```
#befef3 rgb(190,254,243)
```
#d2fff6
```
#d2fff6 rgb(210,255,246)
```
#e5fffa
```
#e5fffa rgb(229,255,250)
```
#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 #4afddc is the most saturated one.

#9ea9a7
```
#9ea9a7 rgb(158,169,167)
```
#97b0ab
```
#97b0ab rgb(151,176,171)
```
#90b7b0
```
#90b7b0 rgb(144,183,176)
```
#89beb4
```
#89beb4 rgb(137,190,180)
```
#82c5b8
```
#82c5b8 rgb(130,197,184)
```
#7bccbd
```
#7bccbd rgb(123,204,189)
```
#74d3c1
```
#74d3c1 rgb(116,211,193)
```
#6ddac6
```
#6ddac6 rgb(109,218,198)
```
#66e1ca
```
#66e1ca rgb(102,225,202)
```
#5fe8cf
```
#5fe8cf rgb(95,232,207)
```
#58efd3
```
#58efd3 rgb(88,239,211)
```
#51f6d8
```
#51f6d8 rgb(81,246,216)
```
#4afddc
```
#4afddc rgb(74,253,220)
```

Tone Color Variation

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

Dichromacy

#ede3d1 Protanopia 1% of men
#f7dde8 Deuteranopia 1% of men
#9ef1ff Tritanopia 0.001% of the population

Trichromacy

#b1ecd5 Protanomaly 1% of men, 0.01% of women
#b8e9e4 Deuteranomaly 6% of men, 0.4% of women
#7ff5f2 Tritanomaly 0.01% of the population

#4afddc hex color

#4afddc Color Information

#4afddc Color Conversion

Color Schemes with #4afddc

Alternatives to #4afddc

#4afddc Preview

Shades and Tints of #4afddc

Tones of #4afddc

Color Blindness Simulator