#2afeaf hex color

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

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

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

The hexadecimal color #2afeaf has RGB values of R:42, G:254, B:175 and CMYK values of C:0.83, M:0, Y:0.31, K:0. Its decimal value is 2817711.

Hex triplet	2afeaf	`#2afeaf`
RGB Decimal	42, 254, 175	`rgb(42,254,175)`
RGB Percent	16.5, 99.6, 68.6	`rgb(16.5%,99.6%,68.6%)`
CMYK	83, 0, 31, 0
HSL	157.6°, 99.1, 58	`hsl(157.6,99.1%,58%)`
HSV (or HSB)	157.6°, 83.5, 99.6
Web Safe	33ff99	`#33ff99`

CIE-LAB	89.142, -66.027, 24.348
XYZ	44.131, 74.466, 52.603
xyY	0.258, 0.435, 74.466
CIE-LCH	89.142, 70.373, 159.758
CIE-LUV	89.142, -74.168, 46.121
Hunter-Lab	86.294, -59.729, 24.264
Binary	00101010, 11111110, 10101111

#2afeaf
```
#2afeaf rgb(42,254,175)
```
#fe2a79
```
#fe2a79 rgb(254,42,121)
```

Complementary Color

#2afe45
```
#2afe45 rgb(42,254,69)
```
#2afeaf
```
#2afeaf rgb(42,254,175)
```
#2ae3fe
```
#2ae3fe rgb(42,227,254)
```

Analogous Color

#fe452a
```
#fe452a rgb(254,69,42)
```
#2afeaf
```
#2afeaf rgb(42,254,175)
```
#fe2ae3
```
#fe2ae3 rgb(254,42,227)
```

Split Complementary Color

#feaf2a
```
#feaf2a rgb(254,175,42)
```
#2afeaf
```
#2afeaf rgb(42,254,175)
```
#af2afe
```
#af2afe rgb(175,42,254)
```

Triadic Color

#79fe2a
```
#79fe2a rgb(121,254,42)
```
#2afeaf
```
#2afeaf rgb(42,254,175)
```
#af2afe
```
#af2afe rgb(175,42,254)
```
#fe2a79
```
#fe2a79 rgb(254,42,121)
```

Tetradic Color

#01da89
```
#01da89 rgb(1,218,137)
```
#01f499
```
#01f499 rgb(1,244,153)
```
#11fea5
```
#11fea5 rgb(17,254,165)
```
#2afeaf
```
#2afeaf rgb(42,254,175)
```
#43feb9
```
#43feb9 rgb(67,254,185)
```
#5dfec2
```
#5dfec2 rgb(93,254,194)
```
#76fecc
```
#76fecc rgb(118,254,204)
```

Monochromatic Color

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

#2afe7a
```
#2afe7a rgb(42,254,122)
```
#2afe8c
```
#2afe8c rgb(42,254,140)
```
#2afe9d
```
#2afe9d rgb(42,254,157)
```
#2afeaf
```
#2afeaf rgb(42,254,175)
```
#2afec1
```
#2afec1 rgb(42,254,193)
```
#2afed2
```
#2afed2 rgb(42,254,210)
```
#2afee4
```
#2afee4 rgb(42,254,228)
```

Similar Colors

Text with hexadecimal color #2afeaf

This text has a font color of #2afeaf.

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

#2afeaf background color

This paragraph has a background color of #2afeaf.

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

#2afeaf border color

This element has a border color of #2afeaf.

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

CSS codes

.text {color:#2afeaf;}

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

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

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 #edfff8 is the lightest one.

#000201
```
#000201 rgb(0,2,1)
```
#00150d
```
#00150d rgb(0,21,13)
```
#00291a
```
#00291a rgb(0,41,26)
```
#003c26
```
#003c26 rgb(0,60,38)
```
#005032
```
#005032 rgb(0,80,50)
```
#00633f
```
#00633f rgb(0,99,63)
```
#01774b
```
#01774b rgb(1,119,75)
```
#018a57
```
#018a57 rgb(1,138,87)
```
#019e63
```
#019e63 rgb(1,158,99)
```
#01b170
```
#01b170 rgb(1,177,112)
```
#01c57c
```
#01c57c rgb(1,197,124)
```
#01d988
```
#01d988 rgb(1,217,136)
```
#01ec94
```
#01ec94 rgb(1,236,148)
```

Shade Color Variation

#03fea0
```
#03fea0 rgb(3,254,160)
```
#16fea8
```
#16fea8 rgb(22,254,168)
```
#2afeaf
```
#2afeaf rgb(42,254,175)
```
#3efeb6
```
#3efeb6 rgb(62,254,182)
```
#51febe
```
#51febe rgb(81,254,190)
```
#65fec5
```
#65fec5 rgb(101,254,197)
```
#78fecc
```
#78fecc rgb(120,254,204)
```
#8cfed4
```
#8cfed4 rgb(140,254,212)
```
#9fffdb
```
#9fffdb rgb(159,255,219)
```
#b3ffe2
```
#b3ffe2 rgb(179,255,226)
```
#c6ffea
```
#c6ffea rgb(198,255,234)
```
#dafff1
```
#dafff1 rgb(218,255,241)
```
#edfff8
```
#edfff8 rgb(237,255,248)
```

Tint Color Variation

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

#8d9b96
```
#8d9b96 rgb(141,155,150)
```
#85a398
```
#85a398 rgb(133,163,152)
```
#7cac9a
```
#7cac9a rgb(124,172,154)
```
#74b49c
```
#74b49c rgb(116,180,156)
```
#6cbc9e
```
#6cbc9e rgb(108,188,158)
```
#64c4a0
```
#64c4a0 rgb(100,196,160)
```
#5bcda2
```
#5bcda2 rgb(91,205,162)
```
#53d5a5
```
#53d5a5 rgb(83,213,165)
```
#4bdda7
```
#4bdda7 rgb(75,221,167)
```
#43e5a9
```
#43e5a9 rgb(67,229,169)
```
#3aeeab
```
#3aeeab rgb(58,238,171)
```
#32f6ad
```
#32f6ad rgb(50,246,173)
```
#2afeaf
```
#2afeaf rgb(42,254,175)
```

Tone Color Variation

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

#b6b6b6 Achromatopsia 0.005% of the population
#9ac4b5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f1e1a7 Protanopia 1% of men
#ffdac4 Deuteranopia 1% of men
#8ef0ff Tritanopia 0.001% of the population

Trichromacy

#a9eba9 Protanomaly 1% of men, 0.01% of women
#b1e7bc Deuteranomaly 6% of men, 0.4% of women
#6af5e1 Tritanomaly 0.01% of the population

#2afeaf hex color

#2afeaf Color Information

#2afeaf Color Conversion

Color Schemes with #2afeaf

Alternatives to #2afeaf

#2afeaf Preview

Shades and Tints of #2afeaf

Tones of #2afeaf

Color Blindness Simulator