#2af7a8 hex color

In a RGB color space, hex #2af7a8 is composed of 16.5% red, 96.9% green and 65.9% blue. Whereas in a CMYK color space, it is composed of 83% cyan, 0% magenta, 32% yellow and 3.1% black. It has a hue angle of 156.9 degrees, a saturation of 92.8% and a lightness of 56.7%. #2af7a8 color hex could be obtained by blending #54ffff with #00ef51. Closest websafe color is: #33ff99.

♥
- f
- t
- g
- R 16
- G 97
- B 66
RGB color chart
- C 83
- M 0
- Y 32
- K 3
CMYK color chart

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

The hexadecimal color #2af7a8 has RGB values of R:42, G:247, B:168 and CMYK values of C:0.83, M:0, Y:0.32, K:0.03. Its decimal value is 2815912.

Hex triplet	2af7a8	`#2af7a8`
RGB Decimal	42, 247, 168	`rgb(42,247,168)`
RGB Percent	16.5, 96.9, 65.9	`rgb(16.5%,96.9%,65.9%)`
CMYK	83, 0, 32, 3
HSL	156.9°, 92.8, 56.7	`hsl(156.9,92.8%,56.7%)`
HSV (or HSB)	156.9°, 83, 96.9
Web Safe	33ff99	`#33ff99`

CIE-LAB	86.917, -64.956, 24.861
XYZ	41.28, 69.837, 48.348
xyY	0.259, 0.438, 69.837
CIE-LCH	86.917, 69.551, 159.057
CIE-LUV	86.917, -72.333, 46.394
Hunter-Lab	83.568, -58.071, 24.196
Binary	00101010, 11110111, 10101000

#2af7a8
```
#2af7a8 rgb(42,247,168)
```
#f72a79
```
#f72a79 rgb(247,42,121)
```

Complementary Color

#2af741
```
#2af741 rgb(42,247,65)
```
#2af7a8
```
#2af7a8 rgb(42,247,168)
```
#2ae0f7
```
#2ae0f7 rgb(42,224,247)
```

Analogous Color

#f7422a
```
#f7422a rgb(247,66,42)
```
#2af7a8
```
#2af7a8 rgb(42,247,168)
```
#f72ae0
```
#f72ae0 rgb(247,42,224)
```

Split Complementary Color

#f7a82a
```
#f7a82a rgb(247,168,42)
```
#2af7a8
```
#2af7a8 rgb(42,247,168)
```
#a82af7
```
#a82af7 rgb(168,42,247)
```

Triadic Color

#79f72a
```
#79f72a rgb(121,247,42)
```
#2af7a8
```
#2af7a8 rgb(42,247,168)
```
#a82af7
```
#a82af7 rgb(168,42,247)
```
#f72a79
```
#f72a79 rgb(247,42,121)
```

Tetradic Color

#08cd81
```
#08cd81 rgb(8,205,129)
```
#09e590
```
#09e590 rgb(9,229,144)
```
#11f69e
```
#11f69e rgb(17,246,158)
```
#2af7a8
```
#2af7a8 rgb(42,247,168)
```
#43f8b2
```
#43f8b2 rgb(67,248,178)
```
#5bf9bc
```
#5bf9bc rgb(91,249,188)
```
#74fac6
```
#74fac6 rgb(116,250,198)
```

Monochromatic Color

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

#2af775
```
#2af775 rgb(42,247,117)
```
#2af786
```
#2af786 rgb(42,247,134)
```
#2af797
```
#2af797 rgb(42,247,151)
```
#2af7a8
```
#2af7a8 rgb(42,247,168)
```
#2af7b9
```
#2af7b9 rgb(42,247,185)
```
#2af7ca
```
#2af7ca rgb(42,247,202)
```
#2af7db
```
#2af7db rgb(42,247,219)
```

Similar Colors

Text with hexadecimal color #2af7a8

This text has a font color of #2af7a8.

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

#2af7a8 background color

This paragraph has a background color of #2af7a8.

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

#2af7a8 border color

This element has a border color of #2af7a8.

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

CSS codes

.text {color:#2af7a8;}

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

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

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, #010e09 is the darkest color, while #fafffd is the lightest one.

#010e09
```
#010e09 rgb(1,14,9)
```
#012115
```
#012115 rgb(1,33,21)
```
#023421
```
#023421 rgb(2,52,33)
```
#03472c
```
#03472c rgb(3,71,44)
```
#035938
```
#035938 rgb(3,89,56)
```
#046c44
```
#046c44 rgb(4,108,68)
```
#057f50
```
#057f50 rgb(5,127,80)
```
#05925c
```
#05925c rgb(5,146,92)
```
#06a568
```
#06a568 rgb(6,165,104)
```
#07b874
```
#07b874 rgb(7,184,116)
```
#08cb80
```
#08cb80 rgb(8,203,128)
```
#08de8c
```
#08de8c rgb(8,222,140)
```
#09f197
```
#09f197 rgb(9,241,151)
```

Shade Color Variation

#17f6a0
```
#17f6a0 rgb(23,246,160)
```
#2af7a8
```
#2af7a8 rgb(42,247,168)
```
#3df8b0
```
#3df8b0 rgb(61,248,176)
```
#50f8b7
```
#50f8b7 rgb(80,248,183)
```
#63f9bf
```
#63f9bf rgb(99,249,191)
```
#76fac7
```
#76fac7 rgb(118,250,199)
```
#89fbcf
```
#89fbcf rgb(137,251,207)
```
#9bfbd6
```
#9bfbd6 rgb(155,251,214)
```
#aefcde
```
#aefcde rgb(174,252,222)
```
#c1fde6
```
#c1fde6 rgb(193,253,230)
```
#d4fded
```
#d4fded rgb(212,253,237)
```
#e7fef5
```
#e7fef5 rgb(231,254,245)
```
#fafffd
```
#fafffd rgb(250,255,253)
```

Tint Color Variation

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

#909191
```
#909191 rgb(144,145,145)
```
#889a93
```
#889a93 rgb(136,154,147)
```
#7fa295
```
#7fa295 rgb(127,162,149)
```
#77ab96
```
#77ab96 rgb(119,171,150)
```
#6eb398
```
#6eb398 rgb(110,179,152)
```
#66bc9a
```
#66bc9a rgb(102,188,154)
```
#5dc49c
```
#5dc49c rgb(93,196,156)
```
#55cd9e
```
#55cd9e rgb(85,205,158)
```
#4cd5a0
```
#4cd5a0 rgb(76,213,160)
```
#44dea2
```
#44dea2 rgb(68,222,162)
```
#3be6a4
```
#3be6a4 rgb(59,230,164)
```
#33efa6
```
#33efa6 rgb(51,239,166)
```
#2af7a8
```
#2af7a8 rgb(42,247,168)
```

Tone Color Variation

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

#b1b1b1 Achromatopsia 0.005% of the population
#96bfaf Atypical Achromatopsia 0.001% of the population

Dichromacy

#ebdba0 Protanopia 1% of men
#fcd3b8 Deuteranopia 1% of men
#6cecfe Tritanopia 0.001% of the population

Trichromacy

#a5e5a3 Protanomaly 1% of men, 0.01% of women
#afe0b2 Deuteranomaly 6% of men, 0.4% of women
#54f0de Tritanomaly 0.01% of the population

#2af7a8 hex color

#2af7a8 Color Information

#2af7a8 Color Conversion

Color Schemes with #2af7a8

Alternatives to #2af7a8

#2af7a8 Preview

Shades and Tints of #2af7a8

Tones of #2af7a8

Color Blindness Simulator