#2af0ab hex color

In a RGB color space, hex #2af0ab is composed of 16.5% red, 94.1% green and 67.1% blue. Whereas in a CMYK color space, it is composed of 82.5% cyan, 0% magenta, 28.8% yellow and 5.9% black. It has a hue angle of 159.1 degrees, a saturation of 86.8% and a lightness of 55.3%. #2af0ab color hex could be obtained by blending #54ffff with #00e157. Closest websafe color is: #33ff99.

♥
- f
- t
- g
- R 16
- G 94
- B 67
RGB color chart
- C 83
- M 0
- Y 29
- K 6
CMYK color chart

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

The hexadecimal color #2af0ab has RGB values of R:42, G:240, B:171 and CMYK values of C:0.83, M:0, Y:0.29, K:0.06. Its decimal value is 2814123.

Hex triplet	2af0ab	`#2af0ab`
RGB Decimal	42, 240, 171	`rgb(42,240,171)`
RGB Percent	16.5, 94.1, 67.1	`rgb(16.5%,94.1%,67.1%)`
CMYK	83, 0, 29, 6
HSL	159.1°, 86.8, 55.3	`hsl(159.1,86.8%,55.3%)`
HSV (or HSB)	159.1°, 82.5, 94.1
Web Safe	33ff99	`#33ff99`

CIE-LAB	84.868, -61.768, 20.503
XYZ	39.462, 65.749, 49.137
xyY	0.256, 0.426, 65.749
CIE-LCH	84.868, 65.082, 161.637
CIE-LUV	84.868, -69.818, 39.812
Hunter-Lab	81.085, -55.028, 20.831
Binary	00101010, 11110000, 10101011

#2af0ab
```
#2af0ab rgb(42,240,171)
```
#f02a6f
```
#f02a6f rgb(240,42,111)
```

Complementary Color

#2af048
```
#2af048 rgb(42,240,72)
```
#2af0ab
```
#2af0ab rgb(42,240,171)
```
#2ad2f0
```
#2ad2f0 rgb(42,210,240)
```

Analogous Color

#f0482a
```
#f0482a rgb(240,72,42)
```
#2af0ab
```
#2af0ab rgb(42,240,171)
```
#f02ad2
```
#f02ad2 rgb(240,42,210)
```

Split Complementary Color

#f0ab2a
```
#f0ab2a rgb(240,171,42)
```
#2af0ab
```
#2af0ab rgb(42,240,171)
```
#ab2af0
```
#ab2af0 rgb(171,42,240)
```

Triadic Color

#6ff02a
```
#6ff02a rgb(111,240,42)
```
#2af0ab
```
#2af0ab rgb(42,240,171)
```
#ab2af0
```
#ab2af0 rgb(171,42,240)
```
#f02a6f
```
#f02a6f rgb(240,42,111)
```

Tetradic Color

#0ec082
```
#0ec082 rgb(14,192,130)
```
#0fd892
```
#0fd892 rgb(15,216,146)
```
#12eea2
```
#12eea2 rgb(18,238,162)
```
#2af0ab
```
#2af0ab rgb(42,240,171)
```
#42f2b4
```
#42f2b4 rgb(66,242,180)
```
#5af3be
```
#5af3be rgb(90,243,190)
```
#71f5c7
```
#71f5c7 rgb(113,245,199)
```

Monochromatic Color

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

#2af07a
```
#2af07a rgb(42,240,122)
```
#2af08a
```
#2af08a rgb(42,240,138)
```
#2af09b
```
#2af09b rgb(42,240,155)
```
#2af0ab
```
#2af0ab rgb(42,240,171)
```
#2af0bc
```
#2af0bc rgb(42,240,188)
```
#2af0cc
```
#2af0cc rgb(42,240,204)
```
#2af0dd
```
#2af0dd rgb(42,240,221)
```

Similar Colors

Text with hexadecimal color #2af0ab

This text has a font color of #2af0ab.

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

#2af0ab background color

This paragraph has a background color of #2af0ab.

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

#2af0ab border color

This element has a border color of #2af0ab.

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

CSS codes

.text {color:#2af0ab;}

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

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

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, #000705 is the darkest color, while #f4fefa is the lightest one.

#000705
```
#000705 rgb(0,7,5)
```
#021911
```
#021911 rgb(2,25,17)
```
#032c1d
```
#032c1d rgb(3,44,29)
```
#043e2a
```
#043e2a rgb(4,62,42)
```
#065036
```
#065036 rgb(6,80,54)
```
#076343
```
#076343 rgb(7,99,67)
```
#08754f
```
#08754f rgb(8,117,79)
```
#0a875b
```
#0a875b rgb(10,135,91)
```
#0b9968
```
#0b9968 rgb(11,153,104)
```
#0cac74
```
#0cac74 rgb(12,172,116)
```
#0dbe81
```
#0dbe81 rgb(13,190,129)
```
#0fd08d
```
#0fd08d rgb(15,208,141)
```
#10e399
```
#10e399 rgb(16,227,153)
```

Shade Color Variation

#18efa4
```
#18efa4 rgb(24,239,164)
```
#2af0ab
```
#2af0ab rgb(42,240,171)
```
#3cf1b2
```
#3cf1b2 rgb(60,241,178)
```
#4ff3b9
```
#4ff3b9 rgb(79,243,185)
```
#61f4c1
```
#61f4c1 rgb(97,244,193)
```
#73f5c8
```
#73f5c8 rgb(115,245,200)
```
#86f6cf
```
#86f6cf rgb(134,246,207)
```
#98f8d6
```
#98f8d6 rgb(152,248,214)
```
#aaf9de
```
#aaf9de rgb(170,249,222)
```
#bdfae5
```
#bdfae5 rgb(189,250,229)
```
#cffcec
```
#cffcec rgb(207,252,236)
```
#e1fdf3
```
#e1fdf3 rgb(225,253,243)
```
#f4fefa
```
#f4fefa rgb(244,254,250)
```

Tint Color Variation

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

#8a908e
```
#8a908e rgb(138,144,142)
```
#829890
```
#829890 rgb(130,152,144)
```
#79a193
```
#79a193 rgb(121,161,147)
```
#70aa96
```
#70aa96 rgb(112,170,150)
```
#67b398
```
#67b398 rgb(103,179,152)
```
#5fbb9b
```
#5fbb9b rgb(95,187,155)
```
#56c49e
```
#56c49e rgb(86,196,158)
```
#4dcda0
```
#4dcda0 rgb(77,205,160)
```
#44d6a3
```
#44d6a3 rgb(68,214,163)
```
#3cdea6
```
#3cdea6 rgb(60,222,166)
```
#33e7a8
```
#33e7a8 rgb(51,231,168)
```
#2af0ab
```
#2af0ab rgb(42,240,171)
```
#21f9ae
```
#21f9ae rgb(33,249,174)
```

Tone Color Variation

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

#adadad Achromatopsia 0.005% of the population
#93baad Atypical Achromatopsia 0.001% of the population

Dichromacy

#e4d5a3 Protanopia 1% of men
#f3cebb Deuteranopia 1% of men
#67e7f8 Tritanopia 0.001% of the population

Trichromacy

#a0dfa6 Protanomaly 1% of men, 0.01% of women
#aadab5 Deuteranomaly 6% of men, 0.4% of women
#51eadc Tritanomaly 0.01% of the population

#2af0ab hex color

#2af0ab Color Information

#2af0ab Color Conversion

Color Schemes with #2af0ab

Alternatives to #2af0ab

#2af0ab Preview

Shades and Tints of #2af0ab

Tones of #2af0ab

Color Blindness Simulator