#4afbb2 hex color

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

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

● #4afbb2 color description : Bright cyan - lime green.

The hexadecimal color #4afbb2 has RGB values of R:74, G:251, B:178 and CMYK values of C:0.71, M:0, Y:0.29, K:0.02. Its decimal value is 4914098.

Hex triplet	4afbb2	`#4afbb2`
RGB Decimal	74, 251, 178	`rgb(74,251,178)`
RGB Percent	29, 98.4, 69.8	`rgb(29%,98.4%,69.8%)`
CMYK	71, 0, 29, 2
HSL	155.3°, 95.7, 63.7	`hsl(155.3,95.7%,63.7%)`
HSV (or HSB)	155.3°, 70.5, 98.4
Web Safe	33ff99	`#33ff99`

CIE-LAB	88.762, -60.843, 22.368
XYZ	45.354, 73.66, 53.945
xyY	0.262, 0.426, 73.66
CIE-LCH	88.762, 64.824, 159.815
CIE-LUV	88.762, -68.745, 42.602
Hunter-Lab	85.826, -55.868, 22.812
Binary	01001010, 11111011, 10110010

#4afbb2
```
#4afbb2 rgb(74,251,178)
```
#fb4a93
```
#fb4a93 rgb(251,74,147)
```

Complementary Color

#4afb5a
```
#4afb5a rgb(74,251,90)
```
#4afbb2
```
#4afbb2 rgb(74,251,178)
```
#4aecfb
```
#4aecfb rgb(74,236,251)
```

Analogous Color

#fb5a4a
```
#fb5a4a rgb(251,90,74)
```
#4afbb2
```
#4afbb2 rgb(74,251,178)
```
#fb4aec
```
#fb4aec rgb(251,74,236)
```

Split Complementary Color

#fbb24a
```
#fbb24a rgb(251,178,74)
```
#4afbb2
```
#4afbb2 rgb(74,251,178)
```
#b24afb
```
#b24afb rgb(178,74,251)
```

Triadic Color

#93fb4a
```
#93fb4a rgb(147,251,74)
```
#4afbb2
```
#4afbb2 rgb(74,251,178)
```
#b24afb
```
#b24afb rgb(178,74,251)
```
#fb4a93
```
#fb4a93 rgb(251,74,147)
```

Tetradic Color

#05f391
```
#05f391 rgb(5,243,145)
```
#18fa9d
```
#18fa9d rgb(24,250,157)
```
#31faa7
```
#31faa7 rgb(49,250,167)
```
#4afbb2
```
#4afbb2 rgb(74,251,178)
```
#63fcbd
```
#63fcbd rgb(99,252,189)
```
#7cfcc7
```
#7cfcc7 rgb(124,252,199)
```
#95fdd2
```
#95fdd2 rgb(149,253,210)
```

Monochromatic Color

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

#4afb86
```
#4afb86 rgb(74,251,134)
```
#4afb95
```
#4afb95 rgb(74,251,149)
```
#4afba3
```
#4afba3 rgb(74,251,163)
```
#4afbb2
```
#4afbb2 rgb(74,251,178)
```
#4afbc1
```
#4afbc1 rgb(74,251,193)
```
#4afbd0
```
#4afbd0 rgb(74,251,208)
```
#4afbde
```
#4afbde rgb(74,251,222)
```

Similar Colors

Text with hexadecimal color #4afbb2

This text has a font color of #4afbb2.

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

#4afbb2 background color

This paragraph has a background color of #4afbb2.

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

#4afbb2 border color

This element has a border color of #4afbb2.

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

CSS codes

.text {color:#4afbb2;}

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

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

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

#000b07
```
#000b07 rgb(0,11,7)
```
#011e12
```
#011e12 rgb(1,30,18)
```
#01311d
```
#01311d rgb(1,49,29)
```
#024429
```
#024429 rgb(2,68,41)
```
#025834
```
#025834 rgb(2,88,52)
```
#026b40
```
#026b40 rgb(2,107,64)
```
#037e4b
```
#037e4b rgb(3,126,75)
```
#039157
```
#039157 rgb(3,145,87)
```
#04a462
```
#04a462 rgb(4,164,98)
```
#04b86e
```
#04b86e rgb(4,184,110)
```
#04cb79
```
#04cb79 rgb(4,203,121)
```
#05de84
```
#05de84 rgb(5,222,132)
```
#05f190
```
#05f190 rgb(5,241,144)
```

Shade Color Variation

#10fa9a
```
#10fa9a rgb(16,250,154)
```
#24faa2
```
#24faa2 rgb(36,250,162)
```
#37fbaa
```
#37fbaa rgb(55,251,170)
```
#4afbb2
```
#4afbb2 rgb(74,251,178)
```
#5dfbba
```
#5dfbba rgb(93,251,186)
```
#70fcc2
```
#70fcc2 rgb(112,252,194)
```
#84fcca
```
#84fcca rgb(132,252,202)
```
#97fdd3
```
#97fdd3 rgb(151,253,211)
```
#aafddb
```
#aafddb rgb(170,253,219)
```
#bdfee3
```
#bdfee3 rgb(189,254,227)
```
#d0feeb
```
#d0feeb rgb(208,254,235)
```
#e4fef3
```
#e4fef3 rgb(228,254,243)
```
#f7fffb
```
#f7fffb rgb(247,255,251)
```

Tint Color Variation

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

#9fa6a3
```
#9fa6a3 rgb(159,166,163)
```
#98ada4
```
#98ada4 rgb(152,173,164)
```
#91b4a6
```
#91b4a6 rgb(145,180,166)
```
#8abba7
```
#8abba7 rgb(138,187,167)
```
#83c2a8
```
#83c2a8 rgb(131,194,168)
```
#7cc9a9
```
#7cc9a9 rgb(124,201,169)
```
#75d0ab
```
#75d0ab rgb(117,208,171)
```
#6ed7ac
```
#6ed7ac rgb(110,215,172)
```
#66dfad
```
#66dfad rgb(102,223,173)
```
#5fe6ae
```
#5fe6ae rgb(95,230,174)
```
#58edb0
```
#58edb0 rgb(88,237,176)
```
#51f4b1
```
#51f4b1 rgb(81,244,177)
```
#4afbb2
```
#4afbb2 rgb(74,251,178)
```

Tone Color Variation

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

#bebebe Achromatopsia 0.005% of the population
#a7cabc Atypical Achromatopsia 0.001% of the population

Dichromacy

#f0e0aa Protanopia 1% of men
#ffd9c3 Deuteranopia 1% of men
#8cefff Tritanopia 0.001% of the population

Trichromacy

#b3e9ad Protanomaly 1% of men, 0.01% of women
#bde5bd Deuteranomaly 6% of men, 0.4% of women
#74f3e3 Tritanomaly 0.01% of the population

#4afbb2 hex color

#4afbb2 Color Information

#4afbb2 Color Conversion

Color Schemes with #4afbb2

Alternatives to #4afbb2

#4afbb2 Preview

Shades and Tints of #4afbb2

Tones of #4afbb2

Color Blindness Simulator