#2afab4 hex color

In a RGB color space, hex #2afab4 is composed of 16.5% red, 98% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 83.2% cyan, 0% magenta, 28% yellow and 2% black. It has a hue angle of 159.8 degrees, a saturation of 95.4% and a lightness of 57.3%. #2afab4 color hex could be obtained by blending #54ffff with #00f569. Closest websafe color is: #33ffcc.

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

● #2afab4 color description : Bright cyan - lime green.

The hexadecimal color #2afab4 has RGB values of R:42, G:250, B:180 and CMYK values of C:0.83, M:0, Y:0.28, K:0.02. Its decimal value is 2816692.

Hex triplet	2afab4	`#2afab4`
RGB Decimal	42, 250, 180	`rgb(42,250,180)`
RGB Percent	16.5, 98, 70.6	`rgb(16.5%,98%,70.6%)`
CMYK	83, 0, 28, 2
HSL	159.8°, 95.4, 57.3	`hsl(159.8,95.4%,57.3%)`
HSV (or HSB)	159.8°, 83.2, 98
Web Safe	33ffcc	`#33ffcc`

CIE-LAB	88.043, -63.511, 20.278
XYZ	43.375, 72.154, 54.819
xyY	0.255, 0.424, 72.154
CIE-LCH	88.043, 66.669, 162.292
CIE-LUV	88.043, -72.517, 40.07
Hunter-Lab	84.944, -57.503, 21.198
Binary	00101010, 11111010, 10110100

#2afab4
```
#2afab4 rgb(42,250,180)
```
#fa2a70
```
#fa2a70 rgb(250,42,112)
```

Complementary Color

#2afa4c
```
#2afa4c rgb(42,250,76)
```
#2afab4
```
#2afab4 rgb(42,250,180)
```
#2ad8fa
```
#2ad8fa rgb(42,216,250)
```

Analogous Color

#fa4c2a
```
#fa4c2a rgb(250,76,42)
```
#2afab4
```
#2afab4 rgb(42,250,180)
```
#fa2ad8
```
#fa2ad8 rgb(250,42,216)
```

Split Complementary Color

#fab42a
```
#fab42a rgb(250,180,42)
```
#2afab4
```
#2afab4 rgb(42,250,180)
```
#b42afa
```
#b42afa rgb(180,42,250)
```

Triadic Color

#70fa2a
```
#70fa2a rgb(112,250,42)
```
#2afab4
```
#2afab4 rgb(42,250,180)
```
#b42afa
```
#b42afa rgb(180,42,250)
```
#fa2a70
```
#fa2a70 rgb(250,42,112)
```

Tetradic Color

#05d38d
```
#05d38d rgb(5,211,141)
```
#06eb9e
```
#06eb9e rgb(6,235,158)
```
#11f9ab
```
#11f9ab rgb(17,249,171)
```
#2afab4
```
#2afab4 rgb(42,250,180)
```
#43fbbd
```
#43fbbd rgb(67,251,189)
```
#5cfbc6
```
#5cfbc6 rgb(92,251,198)
```
#75fcce
```
#75fcce rgb(117,252,206)
```

Monochromatic Color

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

#2afa80
```
#2afa80 rgb(42,250,128)
```
#2afa91
```
#2afa91 rgb(42,250,145)
```
#2afaa3
```
#2afaa3 rgb(42,250,163)
```
#2afab4
```
#2afab4 rgb(42,250,180)
```
#2afac5
```
#2afac5 rgb(42,250,197)
```
#2afad7
```
#2afad7 rgb(42,250,215)
```
#2afae8
```
#2afae8 rgb(42,250,232)
```

Similar Colors

Text with hexadecimal color #2afab4

This text has a font color of #2afab4.

<span style="color:#2afab4;">Text here</span>

#2afab4 background color

This paragraph has a background color of #2afab4.

<p style="background-color:#2afab4;">Content here</p>

#2afab4 border color

This element has a border color of #2afab4.

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

CSS codes

.text {color:#2afab4;}

.background {background-color:#2afab4;}

.border {border:1px solid #2afab4;}

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, #00110b is the darkest color, while #fdfffe is the lightest one.

#00110b
```
#00110b rgb(0,17,11)
```
#012418
```
#012418 rgb(1,36,24)
```
#013725
```
#013725 rgb(1,55,37)
```
#024a32
```
#024a32 rgb(2,74,50)
```
#025e3f
```
#025e3f rgb(2,94,63)
```
#03714c
```
#03714c rgb(3,113,76)
```
#038459
```
#038459 rgb(3,132,89)
```
#049765
```
#049765 rgb(4,151,101)
```
#04aa72
```
#04aa72 rgb(4,170,114)
```
#04bd7f
```
#04bd7f rgb(4,189,127)
```
#05d18c
```
#05d18c rgb(5,209,140)
```
#05e499
```
#05e499 rgb(5,228,153)
```
#06f7a6
```
#06f7a6 rgb(6,247,166)
```

Shade Color Variation

#17faad
```
#17faad rgb(23,250,173)
```
#2afab4
```
#2afab4 rgb(42,250,180)
```
#3dfabb
```
#3dfabb rgb(61,250,187)
```
#50fbc1
```
#50fbc1 rgb(80,251,193)
```
#63fbc8
```
#63fbc8 rgb(99,251,200)
```
#77fccf
```
#77fccf rgb(119,252,207)
```
#8afcd6
```
#8afcd6 rgb(138,252,214)
```
#9dfddc
```
#9dfddc rgb(157,253,220)
```
#b0fde3
```
#b0fde3 rgb(176,253,227)
```
#c3feea
```
#c3feea rgb(195,254,234)
```
#d6fef1
```
#d6fef1 rgb(214,254,241)
```
#eafef7
```
#eafef7 rgb(234,254,247)
```
#fdfffe
```
#fdfffe rgb(253,255,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8f9593 is the less saturated color, while #2afab4 is the most saturated one.

#8f9593
```
#8f9593 rgb(143,149,147)
```
#869e96
```
#869e96 rgb(134,158,150)
```
#7ea699
```
#7ea699 rgb(126,166,153)
```
#75af9b
```
#75af9b rgb(117,175,155)
```
#6db79e
```
#6db79e rgb(109,183,158)
```
#65bfa1
```
#65bfa1 rgb(101,191,161)
```
#5cc8a4
```
#5cc8a4 rgb(92,200,164)
```
#54d0a6
```
#54d0a6 rgb(84,208,166)
```
#4cd8a9
```
#4cd8a9 rgb(76,216,169)
```
#43e1ac
```
#43e1ac rgb(67,225,172)
```
#3be9af
```
#3be9af rgb(59,233,175)
```
#32f2b1
```
#32f2b1 rgb(50,242,177)
```
#2afab4
```
#2afab4 rgb(42,250,180)
```

Tone Color Variation

Below, you can see how #2afab4 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

#b4b4b4 Achromatopsia 0.005% of the population
#98c2b4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#eddeab Protanopia 1% of men
#fcd6c4 Deuteranopia 1% of men
#7ceeff Tritanopia 0.001% of the population

Trichromacy

#a6e8ae Protanomaly 1% of men, 0.01% of women
#b0e3be Deuteranomaly 6% of men, 0.4% of women
#5ef2e3 Tritanomaly 0.01% of the population

#2afab4 hex color

#2afab4 Color Information

#2afab4 Color Conversion

Color Schemes with #2afab4

Alternatives to #2afab4

#2afab4 Preview

Shades and Tints of #2afab4

Tones of #2afab4

Color Blindness Simulator