#2afed6 hex color

In a RGB color space, hex #2afed6 is composed of 16.5% red, 99.6% green and 83.9% blue. Whereas in a CMYK color space, it is composed of 83.5% cyan, 0% magenta, 15.7% yellow and 0.4% black. It has a hue angle of 168.7 degrees, a saturation of 99.1% and a lightness of 58%. #2afed6 color hex could be obtained by blending #54ffff with #00fdad. Closest websafe color is: #33ffcc.

♥
- f
- t
- g
- R 16
- G 100
- B 84
RGB color chart
- C 83
- M 0
- Y 16
- K 0
CMYK color chart

● #2afed6 color description : Bright cyan.

The hexadecimal color #2afed6 has RGB values of R:42, G:254, B:214 and CMYK values of C:0.83, M:0, Y:0.16, K:0. Its decimal value is 2817750.

Hex triplet	2afed6	`#2afed6`
RGB Decimal	42, 254, 214	`rgb(42,254,214)`
RGB Percent	16.5, 99.6, 83.9	`rgb(16.5%,99.6%,83.9%)`
CMYK	83, 0, 16, 0
HSL	168.7°, 99.1, 58	`hsl(168.7,99.1%,58%)`
HSV (or HSB)	168.7°, 83.5, 99.6
Web Safe	33ffcc	`#33ffcc`

CIE-LAB	89.964, -57.11, 5.465
XYZ	48.53, 76.226, 75.77
xyY	0.242, 0.38, 76.226
CIE-LCH	89.964, 57.371, 174.534
CIE-LUV	89.964, -71.414, 17.6
Hunter-Lab	87.307, -53.569, 9.66
Binary	00101010, 11111110, 11010110

#2afed6
```
#2afed6 rgb(42,254,214)
```
#fe2a52
```
#fe2a52 rgb(254,42,82)
```

Complementary Color

#2afe6c
```
#2afe6c rgb(42,254,108)
```
#2afed6
```
#2afed6 rgb(42,254,214)
```
#2abcfe
```
#2abcfe rgb(42,188,254)
```

Analogous Color

#fe6c2a
```
#fe6c2a rgb(254,108,42)
```
#2afed6
```
#2afed6 rgb(42,254,214)
```
#fe2abc
```
#fe2abc rgb(254,42,188)
```

Split Complementary Color

#fed62a
```
#fed62a rgb(254,214,42)
```
#2afed6
```
#2afed6 rgb(42,254,214)
```
#d62afe
```
#d62afe rgb(214,42,254)
```

Triadic Color

#52fe2a
```
#52fe2a rgb(82,254,42)
```
#2afed6
```
#2afed6 rgb(42,254,214)
```
#d62afe
```
#d62afe rgb(214,42,254)
```
#fe2a52
```
#fe2a52 rgb(254,42,82)
```

Tetradic Color

#01dab1
```
#01dab1 rgb(1,218,177)
```
#01f4c6
```
#01f4c6 rgb(1,244,198)
```
#11fed1
```
#11fed1 rgb(17,254,209)
```
#2afed6
```
#2afed6 rgb(42,254,214)
```
#43fedb
```
#43fedb rgb(67,254,219)
```
#5dfee0
```
#5dfee0 rgb(93,254,224)
```
#76fee5
```
#76fee5 rgb(118,254,229)
```

Monochromatic Color

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

#2afea1
```
#2afea1 rgb(42,254,161)
```
#2afeb3
```
#2afeb3 rgb(42,254,179)
```
#2afec4
```
#2afec4 rgb(42,254,196)
```
#2afed6
```
#2afed6 rgb(42,254,214)
```
#2afee8
```
#2afee8 rgb(42,254,232)
```
#2afef9
```
#2afef9 rgb(42,254,249)
```
#2af1fe
```
#2af1fe rgb(42,241,254)
```

Similar Colors

Text with hexadecimal color #2afed6

This text has a font color of #2afed6.

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

#2afed6 background color

This paragraph has a background color of #2afed6.

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

#2afed6 border color

This element has a border color of #2afed6.

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

CSS codes

.text {color:#2afed6;}

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

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

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

#000201
```
#000201 rgb(0,2,1)
```
#001511
```
#001511 rgb(0,21,17)
```
#002921
```
#002921 rgb(0,41,33)
```
#003c31
```
#003c31 rgb(0,60,49)
```
#005041
```
#005041 rgb(0,80,65)
```
#006351
```
#006351 rgb(0,99,81)
```
#017761
```
#017761 rgb(1,119,97)
```
#018a70
```
#018a70 rgb(1,138,112)
```
#019e80
```
#019e80 rgb(1,158,128)
```
#01b190
```
#01b190 rgb(1,177,144)
```
#01c5a0
```
#01c5a0 rgb(1,197,160)
```
#01d9b0
```
#01d9b0 rgb(1,217,176)
```
#01ecc0
```
#01ecc0 rgb(1,236,192)
```

Shade Color Variation

#03fece
```
#03fece rgb(3,254,206)
```
#16fed2
```
#16fed2 rgb(22,254,210)
```
#2afed6
```
#2afed6 rgb(42,254,214)
```
#3efeda
```
#3efeda rgb(62,254,218)
```
#51fede
```
#51fede rgb(81,254,222)
```
#65fee1
```
#65fee1 rgb(101,254,225)
```
#78fee5
```
#78fee5 rgb(120,254,229)
```
#8cfee9
```
#8cfee9 rgb(140,254,233)
```
#9fffed
```
#9fffed rgb(159,255,237)
```
#b3fff0
```
#b3fff0 rgb(179,255,240)
```
#c6fff4
```
#c6fff4 rgb(198,255,244)
```
#dafff8
```
#dafff8 rgb(218,255,248)
```
#edfffc
```
#edfffc rgb(237,255,252)
```

Tint Color Variation

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

#8d9b99
```
#8d9b99 rgb(141,155,153)
```
#85a39e
```
#85a39e rgb(133,163,158)
```
#7caca3
```
#7caca3 rgb(124,172,163)
```
#74b4a8
```
#74b4a8 rgb(116,180,168)
```
#6cbcad
```
#6cbcad rgb(108,188,173)
```
#64c4b2
```
#64c4b2 rgb(100,196,178)
```
#5bcdb7
```
#5bcdb7 rgb(91,205,183)
```
#53d5bc
```
#53d5bc rgb(83,213,188)
```
#4bddc2
```
#4bddc2 rgb(75,221,194)
```
#43e5c7
```
#43e5c7 rgb(67,229,199)
```
#3aeecc
```
#3aeecc rgb(58,238,204)
```
#32f6d1
```
#32f6d1 rgb(50,246,209)
```
#2afed6
```
#2afed6 rgb(42,254,214)
```

Tone Color Variation

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

#bababa Achromatopsia 0.005% of the population
#9dc8c0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ede3ca Protanopia 1% of men
#f8dde3 Deuteranopia 1% of men
#98f1ff Tritanopia 0.001% of the population

Trichromacy

#a6ecce Protanomaly 1% of men, 0.01% of women
#ade9de Deuteranomaly 6% of men, 0.4% of women
#70f6f0 Tritanomaly 0.01% of the population

#2afed6 hex color

#2afed6 Color Information

#2afed6 Color Conversion

Color Schemes with #2afed6

Alternatives to #2afed6

#2afed6 Preview

Shades and Tints of #2afed6

Tones of #2afed6

Color Blindness Simulator