#7afed2 hex color

In a RGB color space, hex #7afed2 is composed of 47.8% red, 99.6% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 52% cyan, 0% magenta, 17.3% yellow and 0.4% black. It has a hue angle of 160 degrees, a saturation of 98.5% and a lightness of 73.7%. #7afed2 color hex could be obtained by blending #f4ffff with #00fda5. Closest websafe color is: #66ffcc.

♥
- f
- t
- g
- R 48
- G 100
- B 82
RGB color chart
- C 52
- M 0
- Y 17
- K 0
CMYK color chart

● #7afed2 color description : Soft cyan - lime green.

The hexadecimal color #7afed2 has RGB values of R:122, G:254, B:210 and CMYK values of C:0.52, M:0, Y:0.17, K:0. Its decimal value is 8060626.

Hex triplet	7afed2	`#7afed2`
RGB Decimal	122, 254, 210	`rgb(122,254,210)`
RGB Percent	47.8, 99.6, 82.4	`rgb(47.8%,99.6%,82.4%)`
CMYK	52, 0, 17, 0
HSL	160°, 98.5, 73.7	`hsl(160,98.5%,73.7%)`
HSV (or HSB)	160°, 52, 99.6
Web Safe	66ffcc	`#66ffcc`

CIE-LAB	91.537, -46.62, 10.009
XYZ	55.097, 79.67, 73.444
xyY	0.265, 0.383, 79.67
CIE-LCH	91.537, 47.682, 167.883
CIE-LUV	91.537, -57.078, 22.944
Hunter-Lab	89.258, -46.019, 13.696
Binary	01111010, 11111110, 11010010

#7afed2
```
#7afed2 rgb(122,254,210)
```
#fe7aa6
```
#fe7aa6 rgb(254,122,166)
```

Complementary Color

#7afe90
```
#7afe90 rgb(122,254,144)
```
#7afed2
```
#7afed2 rgb(122,254,210)
```
#7ae8fe
```
#7ae8fe rgb(122,232,254)
```

Analogous Color

#fe907a
```
#fe907a rgb(254,144,122)
```
#7afed2
```
#7afed2 rgb(122,254,210)
```
#fe7ae8
```
#fe7ae8 rgb(254,122,232)
```

Split Complementary Color

#fed27a
```
#fed27a rgb(254,210,122)
```
#7afed2
```
#7afed2 rgb(122,254,210)
```
#d27afe
```
#d27afe rgb(210,122,254)
```

Triadic Color

#a6fe7a
```
#a6fe7a rgb(166,254,122)
```
#7afed2
```
#7afed2 rgb(122,254,210)
```
#d27afe
```
#d27afe rgb(210,122,254)
```
#fe7aa6
```
#fe7aa6 rgb(254,122,166)
```

Tetradic Color

#2efdb8
```
#2efdb8 rgb(46,253,184)
```
#47fec1
```
#47fec1 rgb(71,254,193)
```
#61fec9
```
#61fec9 rgb(97,254,201)
```
#7afed2
```
#7afed2 rgb(122,254,210)
```
#93fedb
```
#93fedb rgb(147,254,219)
```
#adfee3
```
#adfee3 rgb(173,254,227)
```
#c6ffec
```
#c6ffec rgb(198,255,236)
```

Monochromatic Color

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

#7afeb1
```
#7afeb1 rgb(122,254,177)
```
#7afebc
```
#7afebc rgb(122,254,188)
```
#7afec7
```
#7afec7 rgb(122,254,199)
```
#7afed2
```
#7afed2 rgb(122,254,210)
```
#7afedd
```
#7afedd rgb(122,254,221)
```
#7afee8
```
#7afee8 rgb(122,254,232)
```
#7afef3
```
#7afef3 rgb(122,254,243)
```

Similar Colors

Text with hexadecimal color #7afed2

This text has a font color of #7afed2.

<span style="color:#7afed2;">Text here</span>

#7afed2 background color

This paragraph has a background color of #7afed2.

<p style="background-color:#7afed2;">Content here</p>

#7afed2 border color

This element has a border color of #7afed2.

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

CSS codes

.text {color:#7afed2;}

.background {background-color:#7afed2;}

.border {border:1px solid #7afed2;}

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

#000302
```
#000302 rgb(0,3,2)
```
#00170f
```
#00170f rgb(0,23,15)
```
#002a1c
```
#002a1c rgb(0,42,28)
```
#003e29
```
#003e29 rgb(0,62,41)
```
#015136
```
#015136 rgb(1,81,54)
```
#016543
```
#016543 rgb(1,101,67)
```
#017850
```
#017850 rgb(1,120,80)
```
#018c5d
```
#018c5d rgb(1,140,93)
```
#019f6a
```
#019f6a rgb(1,159,106)
```
#01b377
```
#01b377 rgb(1,179,119)
```
#01c684
```
#01c684 rgb(1,198,132)
```
#02d992
```
#02d992 rgb(2,217,146)
```
#02ed9f
```
#02ed9f rgb(2,237,159)
```

Shade Color Variation

#05fdaa
```
#05fdaa rgb(5,253,170)
```
#19fdb1
```
#19fdb1 rgb(25,253,177)
```
#2cfdb8
```
#2cfdb8 rgb(44,253,184)
```
#40febe
```
#40febe rgb(64,254,190)
```
#53fec5
```
#53fec5 rgb(83,254,197)
```
#67fecb
```
#67fecb rgb(103,254,203)
```
#7afed2
```
#7afed2 rgb(122,254,210)
```
#8dfed9
```
#8dfed9 rgb(141,254,217)
```
#a1fedf
```
#a1fedf rgb(161,254,223)
```
#b4fee6
```
#b4fee6 rgb(180,254,230)
```
#c8ffec
```
#c8ffec rgb(200,255,236)
```
#dbfff3
```
#dbfff3 rgb(219,255,243)
```
#effffa
```
#effffa rgb(239,255,250)
```

Tint Color Variation

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

#b8c0bd
```
#b8c0bd rgb(184,192,189)
```
#b3c5bf
```
#b3c5bf rgb(179,197,191)
```
#aecac1
```
#aecac1 rgb(174,202,193)
```
#a8d0c3
```
#a8d0c3 rgb(168,208,195)
```
#a3d5c4
```
#a3d5c4 rgb(163,213,196)
```
#9edac6
```
#9edac6 rgb(158,218,198)
```
#99dfc8
```
#99dfc8 rgb(153,223,200)
```
#94e4c9
```
#94e4c9 rgb(148,228,201)
```
#8fe9cb
```
#8fe9cb rgb(143,233,203)
```
#89efcd
```
#89efcd rgb(137,239,205)
```
#84f4cf
```
#84f4cf rgb(132,244,207)
```
#7ff9d0
```
#7ff9d0 rgb(127,249,208)
```
#7afed2
```
#7afed2 rgb(122,254,210)
```

Tone Color Variation

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

#d2d2d2 Achromatopsia 0.005% of the population
#c0dbd2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f3e7c9 Protanopia 1% of men
#ffe1df Deuteranopia 1% of men
#b4f2ff Tritanopia 0.001% of the population

Trichromacy

#c7efcc Protanomaly 1% of men, 0.01% of women
#ceebda Deuteranomaly 6% of men, 0.4% of women
#9ff6ee Tritanomaly 0.01% of the population

#7afed2 hex color

#7afed2 Color Information

#7afed2 Color Conversion

Color Schemes with #7afed2

Alternatives to #7afed2

#7afed2 Preview

Shades and Tints of #7afed2

Tones of #7afed2

Color Blindness Simulator