#4afbd2 hex color

In a RGB color space, hex #4afbd2 is composed of 29% red, 98.4% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 70.5% cyan, 0% magenta, 16.3% yellow and 1.6% black. It has a hue angle of 166.1 degrees, a saturation of 95.7% and a lightness of 63.7%. #4afbd2 color hex could be obtained by blending #94ffff with #00f7a5. Closest websafe color is: #33ffcc.

♥
- f
- t
- g
- R 29
- G 98
- B 82
RGB color chart
- C 71
- M 0
- Y 16
- K 2
CMYK color chart

● #4afbd2 color description : Bright cyan.

The hexadecimal color #4afbd2 has RGB values of R:74, G:251, B:210 and CMYK values of C:0.71, M:0, Y:0.16, K:0.02. Its decimal value is 4914130.

Hex triplet	4afbd2	`#4afbd2`
RGB Decimal	74, 251, 210	`rgb(74,251,210)`
RGB Percent	29, 98.4, 82.4	`rgb(29%,98.4%,82.4%)`
CMYK	71, 0, 16, 2
HSL	166.1°, 95.7, 63.7	`hsl(166.1,95.7%,63.7%)`
HSV (or HSB)	166.1°, 70.5, 98.4
Web Safe	33ffcc	`#33ffcc`

CIE-LAB	89.439, -53.698, 6.838
XYZ	48.95, 75.099, 72.885
xyY	0.249, 0.381, 75.099
CIE-LCH	89.439, 54.131, 172.743
CIE-LUV	89.439, -66.728, 19.172
Hunter-Lab	86.66, -50.828, 10.796
Binary	01001010, 11111011, 11010010

#4afbd2
```
#4afbd2 rgb(74,251,210)
```
#fb4a73
```
#fb4a73 rgb(251,74,115)
```

Complementary Color

#4afb7a
```
#4afb7a rgb(74,251,122)
```
#4afbd2
```
#4afbd2 rgb(74,251,210)
```
#4accfb
```
#4accfb rgb(74,204,251)
```

Analogous Color

#fb7a4a
```
#fb7a4a rgb(251,122,74)
```
#4afbd2
```
#4afbd2 rgb(74,251,210)
```
#fb4acc
```
#fb4acc rgb(251,74,204)
```

Split Complementary Color

#fbd24a
```
#fbd24a rgb(251,210,74)
```
#4afbd2
```
#4afbd2 rgb(74,251,210)
```
#d24afb
```
#d24afb rgb(210,74,251)
```

Triadic Color

#73fb4a
```
#73fb4a rgb(115,251,74)
```
#4afbd2
```
#4afbd2 rgb(74,251,210)
```
#d24afb
```
#d24afb rgb(210,74,251)
```
#fb4a73
```
#fb4a73 rgb(251,74,115)
```

Tetradic Color

#05f3bc
```
#05f3bc rgb(5,243,188)
```
#18fac6
```
#18fac6 rgb(24,250,198)
```
#31facc
```
#31facc rgb(49,250,204)
```
#4afbd2
```
#4afbd2 rgb(74,251,210)
```
#63fcd8
```
#63fcd8 rgb(99,252,216)
```
#7cfcde
```
#7cfcde rgb(124,252,222)
```
#95fde5
```
#95fde5 rgb(149,253,229)
```

Monochromatic Color

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

#4afba6
```
#4afba6 rgb(74,251,166)
```
#4afbb5
```
#4afbb5 rgb(74,251,181)
```
#4afbc3
```
#4afbc3 rgb(74,251,195)
```
#4afbd2
```
#4afbd2 rgb(74,251,210)
```
#4afbe1
```
#4afbe1 rgb(74,251,225)
```
#4afbf0
```
#4afbf0 rgb(74,251,240)
```
#4af8fb
```
#4af8fb rgb(74,248,251)
```

Similar Colors

Text with hexadecimal color #4afbd2

This text has a font color of #4afbd2.

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

#4afbd2 background color

This paragraph has a background color of #4afbd2.

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

#4afbd2 border color

This element has a border color of #4afbd2.

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

CSS codes

.text {color:#4afbd2;}

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

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

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

#000b08
```
#000b08 rgb(0,11,8)
```
#011e17
```
#011e17 rgb(1,30,23)
```
#013126
```
#013126 rgb(1,49,38)
```
#024435
```
#024435 rgb(2,68,53)
```
#025844
```
#025844 rgb(2,88,68)
```
#026b53
```
#026b53 rgb(2,107,83)
```
#037e62
```
#037e62 rgb(3,126,98)
```
#039170
```
#039170 rgb(3,145,112)
```
#04a47f
```
#04a47f rgb(4,164,127)
```
#04b88e
```
#04b88e rgb(4,184,142)
```
#04cb9d
```
#04cb9d rgb(4,203,157)
```
#05deac
```
#05deac rgb(5,222,172)
```
#05f1bb
```
#05f1bb rgb(5,241,187)
```

Shade Color Variation

#10fac4
```
#10fac4 rgb(16,250,196)
```
#24fac8
```
#24fac8 rgb(36,250,200)
```
#37fbcd
```
#37fbcd rgb(55,251,205)
```
#4afbd2
```
#4afbd2 rgb(74,251,210)
```
#5dfbd7
```
#5dfbd7 rgb(93,251,215)
```
#70fcdc
```
#70fcdc rgb(112,252,220)
```
#84fce0
```
#84fce0 rgb(132,252,224)
```
#97fde5
```
#97fde5 rgb(151,253,229)
```
#aafdea
```
#aafdea rgb(170,253,234)
```
#bdfeef
```
#bdfeef rgb(189,254,239)
```
#d0fef3
```
#d0fef3 rgb(208,254,243)
```
#e4fef8
```
#e4fef8 rgb(228,254,248)
```
#f7fffd
```
#f7fffd rgb(247,255,253)
```

Tint Color Variation

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

#9fa6a4
```
#9fa6a4 rgb(159,166,164)
```
#98ada8
```
#98ada8 rgb(152,173,168)
```
#91b4ac
```
#91b4ac rgb(145,180,172)
```
#8abbb0
```
#8abbb0 rgb(138,187,176)
```
#83c2b3
```
#83c2b3 rgb(131,194,179)
```
#7cc9b7
```
#7cc9b7 rgb(124,201,183)
```
#75d0bb
```
#75d0bb rgb(117,208,187)
```
#6ed7bf
```
#6ed7bf rgb(110,215,191)
```
#66dfc3
```
#66dfc3 rgb(102,223,195)
```
#5fe6c7
```
#5fe6c7 rgb(95,230,199)
```
#58edca
```
#58edca rgb(88,237,202)
```
#51f4ce
```
#51f4ce rgb(81,244,206)
```
#4afbd2
```
#4afbd2 rgb(74,251,210)
```

Tone Color Variation

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

#c1c1c1 Achromatopsia 0.005% of the population
#a9cdc4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ece1c7 Protanopia 1% of men
#f8dbdf Deuteranopia 1% of men
#93f0ff Tritanopia 0.001% of the population

Trichromacy

#b1eacb Protanomaly 1% of men, 0.01% of women
#b8e6da Deuteranomaly 6% of men, 0.4% of women
#78f4ee Tritanomaly 0.01% of the population

#4afbd2 hex color

#4afbd2 Color Information

#4afbd2 Color Conversion

Color Schemes with #4afbd2

Alternatives to #4afbd2

#4afbd2 Preview

Shades and Tints of #4afbd2

Tones of #4afbd2

Color Blindness Simulator