#7af7cc hex color

In a RGB color space, hex #7af7cc is composed of 47.8% red, 96.9% green and 80% blue. Whereas in a CMYK color space, it is composed of 50.6% cyan, 0% magenta, 17.4% yellow and 3.1% black. It has a hue angle of 159.4 degrees, a saturation of 88.7% and a lightness of 72.4%. #7af7cc color hex could be obtained by blending #f4ffff with #00ef99. Closest websafe color is: #66ffcc.

♥
- f
- t
- g
- R 48
- G 97
- B 80
RGB color chart
- C 51
- M 0
- Y 17
- K 3
CMYK color chart

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

The hexadecimal color #7af7cc has RGB values of R:122, G:247, B:204 and CMYK values of C:0.51, M:0, Y:0.17, K:0.03. Its decimal value is 8058828.

Hex triplet	7af7cc	`#7af7cc`
RGB Decimal	122, 247, 204	`rgb(122,247,204)`
RGB Percent	47.8, 96.9, 80	`rgb(47.8%,96.9%,80%)`
CMYK	51, 0, 17, 3
HSL	159.4°, 88.7, 72.4	`hsl(159.4,88.7%,72.4%)`
HSV (or HSB)	159.4°, 50.6, 96.9
Web Safe	66ffcc	`#66ffcc`

CIE-LAB	89.4, -44.895, 10.058
XYZ	52.182, 75.015, 68.853
xyY	0.266, 0.383, 75.015
CIE-LCH	89.4, 46.008, 167.372
CIE-LUV	89.4, -54.647, 22.651
Hunter-Lab	86.611, -44.026, 13.494
Binary	01111010, 11110111, 11001100

#7af7cc
```
#7af7cc rgb(122,247,204)
```
#f77aa5
```
#f77aa5 rgb(247,122,165)
```

Complementary Color

#7af78e
```
#7af78e rgb(122,247,142)
```
#7af7cc
```
#7af7cc rgb(122,247,204)
```
#7ae4f7
```
#7ae4f7 rgb(122,228,247)
```

Analogous Color

#f78e7a
```
#f78e7a rgb(247,142,122)
```
#7af7cc
```
#7af7cc rgb(122,247,204)
```
#f77ae4
```
#f77ae4 rgb(247,122,228)
```

Split Complementary Color

#f7cc7a
```
#f7cc7a rgb(247,204,122)
```
#7af7cc
```
#7af7cc rgb(122,247,204)
```
#cc7af7
```
#cc7af7 rgb(204,122,247)
```

Triadic Color

#a5f77a
```
#a5f77a rgb(165,247,122)
```
#7af7cc
```
#7af7cc rgb(122,247,204)
```
#cc7af7
```
#cc7af7 rgb(204,122,247)
```
#f77aa5
```
#f77aa5 rgb(247,122,165)
```

Tetradic Color

#32f3b0
```
#32f3b0 rgb(50,243,176)
```
#4af4ba
```
#4af4ba rgb(74,244,186)
```
#62f6c3
```
#62f6c3 rgb(98,246,195)
```
#7af7cc
```
#7af7cc rgb(122,247,204)
```
#92f8d5
```
#92f8d5 rgb(146,248,213)
```
#aafade
```
#aafade rgb(170,250,222)
```
#c2fbe8
```
#c2fbe8 rgb(194,251,232)
```

Monochromatic Color

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

#7af7ad
```
#7af7ad rgb(122,247,173)
```
#7af7b7
```
#7af7b7 rgb(122,247,183)
```
#7af7c2
```
#7af7c2 rgb(122,247,194)
```
#7af7cc
```
#7af7cc rgb(122,247,204)
```
#7af7d6
```
#7af7d6 rgb(122,247,214)
```
#7af7e1
```
#7af7e1 rgb(122,247,225)
```
#7af7eb
```
#7af7eb rgb(122,247,235)
```

Similar Colors

Text with hexadecimal color #7af7cc

This text has a font color of #7af7cc.

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

#7af7cc background color

This paragraph has a background color of #7af7cc.

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

#7af7cc border color

This element has a border color of #7af7cc.

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

CSS codes

.text {color:#7af7cc;}

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

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

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

#010f0a
```
#010f0a rgb(1,15,10)
```
#022217
```
#022217 rgb(2,34,23)
```
#033423
```
#033423 rgb(3,52,35)
```
#044730
```
#044730 rgb(4,71,48)
```
#05593c
```
#05593c rgb(5,89,60)
```
#066c49
```
#066c49 rgb(6,108,73)
```
#087e55
```
#087e55 rgb(8,126,85)
```
#099162
```
#099162 rgb(9,145,98)
```
#0aa36e
```
#0aa36e rgb(10,163,110)
```
#0bb67b
```
#0bb67b rgb(11,182,123)
```
#0cc887
```
#0cc887 rgb(12,200,135)
```
#0ddb94
```
#0ddb94 rgb(13,219,148)
```
#0eeda0
```
#0eeda0 rgb(14,237,160)
```

Shade Color Variation

#1df1a9
```
#1df1a9 rgb(29,241,169)
```
#30f3b0
```
#30f3b0 rgb(48,243,176)
```
#42f4b7
```
#42f4b7 rgb(66,244,183)
```
#55f5be
```
#55f5be rgb(85,245,190)
```
#67f6c5
```
#67f6c5 rgb(103,246,197)
```
#7af7cc
```
#7af7cc rgb(122,247,204)
```
#8df8d3
```
#8df8d3 rgb(141,248,211)
```
#9ff9da
```
#9ff9da rgb(159,249,218)
```
#b2fae1
```
#b2fae1 rgb(178,250,225)
```
#c4fbe8
```
#c4fbe8 rgb(196,251,232)
```
#d7fdef
```
#d7fdef rgb(215,253,239)
```
#e9fef7
```
#e9fef7 rgb(233,254,247)
```
#fcfffe
```
#fcfffe rgb(252,255,254)
```

Tint Color Variation

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

#b6bbb9
```
#b6bbb9 rgb(182,187,185)
```
#b0c1bb
```
#b0c1bb rgb(176,193,187)
```
#abc6bd
```
#abc6bd rgb(171,198,189)
```
#a5ccbe
```
#a5ccbe rgb(165,204,190)
```
#a0d1c0
```
#a0d1c0 rgb(160,209,192)
```
#9bd6c2
```
#9bd6c2 rgb(155,214,194)
```
#95dcc4
```
#95dcc4 rgb(149,220,196)
```
#90e1c5
```
#90e1c5 rgb(144,225,197)
```
#8ae7c7
```
#8ae7c7 rgb(138,231,199)
```
#85ecc9
```
#85ecc9 rgb(133,236,201)
```
#7ff2ca
```
#7ff2ca rgb(127,242,202)
```
#7af7cc
```
#7af7cc rgb(122,247,204)
```
#75fcce
```
#75fcce rgb(117,252,206)
```

Tone Color Variation

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

#cdcdcd Achromatopsia 0.005% of the population
#bcd5cd Atypical Achromatopsia 0.001% of the population

Dichromacy

#ede1c4 Protanopia 1% of men
#fadbd8 Deuteranopia 1% of men
#9ceeff Tritanopia 0.001% of the population

Trichromacy

#c3e9c7 Protanomaly 1% of men, 0.01% of women
#cce5d3 Deuteranomaly 6% of men, 0.4% of women
#90f1ec Tritanomaly 0.01% of the population

#7af7cc hex color

#7af7cc Color Information

#7af7cc Color Conversion

Color Schemes with #7af7cc

Alternatives to #7af7cc

#7af7cc Preview

Shades and Tints of #7af7cc

Tones of #7af7cc

Color Blindness Simulator