#7af7da hex color

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

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

● #7af7da color description : Soft cyan.

The hexadecimal color #7af7da has RGB values of R:122, G:247, B:218 and CMYK values of C:0.51, M:0, Y:0.12, K:0.03. Its decimal value is 8058842.

Hex triplet	7af7da	`#7af7da`
RGB Decimal	122, 247, 218	`rgb(122,247,218)`
RGB Percent	47.8, 96.9, 85.5	`rgb(47.8%,96.9%,85.5%)`
CMYK	51, 0, 12, 3
HSL	166.1°, 88.7, 72.4	`hsl(166.1,88.7%,72.4%)`
HSV (or HSB)	166.1°, 50.6, 96.9
Web Safe	66ffcc	`#66ffcc`

CIE-LAB	89.728, -41.767, 3.26
XYZ	53.938, 75.717, 78.098
xyY	0.26, 0.364, 75.717
CIE-LCH	89.728, 41.894, 175.537
CIE-LUV	89.728, -54.041, 11.917
Hunter-Lab	87.016, -41.632, 7.697
Binary	01111010, 11110111, 11011010

#7af7da
```
#7af7da rgb(122,247,218)
```
#f77a97
```
#f77a97 rgb(247,122,151)
```

Complementary Color

#7af79c
```
#7af79c rgb(122,247,156)
```
#7af7da
```
#7af7da rgb(122,247,218)
```
#7ad6f7
```
#7ad6f7 rgb(122,214,247)
```

Analogous Color

#f79c7a
```
#f79c7a rgb(247,156,122)
```
#7af7da
```
#7af7da rgb(122,247,218)
```
#f77ad6
```
#f77ad6 rgb(247,122,214)
```

Split Complementary Color

#f7da7a
```
#f7da7a rgb(247,218,122)
```
#7af7da
```
#7af7da rgb(122,247,218)
```
#da7af7
```
#da7af7 rgb(218,122,247)
```

Triadic Color

#97f77a
```
#97f77a rgb(151,247,122)
```
#7af7da
```
#7af7da rgb(122,247,218)
```
#da7af7
```
#da7af7 rgb(218,122,247)
```
#f77a97
```
#f77a97 rgb(247,122,151)
```

Tetradic Color

#32f3c6
```
#32f3c6 rgb(50,243,198)
```
#4af4cd
```
#4af4cd rgb(74,244,205)
```
#62f6d3
```
#62f6d3 rgb(98,246,211)
```
#7af7da
```
#7af7da rgb(122,247,218)
```
#92f8e1
```
#92f8e1 rgb(146,248,225)
```
#aafae7
```
#aafae7 rgb(170,250,231)
```
#c2fbee
```
#c2fbee rgb(194,251,238)
```

Monochromatic Color

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

#7af7bb
```
#7af7bb rgb(122,247,187)
```
#7af7c5
```
#7af7c5 rgb(122,247,197)
```
#7af7d0
```
#7af7d0 rgb(122,247,208)
```
#7af7da
```
#7af7da rgb(122,247,218)
```
#7af7e4
```
#7af7e4 rgb(122,247,228)
```
#7af7ef
```
#7af7ef rgb(122,247,239)
```
#7af5f7
```
#7af5f7 rgb(122,245,247)
```

Similar Colors

Text with hexadecimal color #7af7da

This text has a font color of #7af7da.

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

#7af7da background color

This paragraph has a background color of #7af7da.

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

#7af7da border color

This element has a border color of #7af7da.

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

CSS codes

.text {color:#7af7da;}

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

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

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

#010f0c
```
#010f0c rgb(1,15,12)
```
#02221a
```
#02221a rgb(2,34,26)
```
#033429
```
#033429 rgb(3,52,41)
```
#044737
```
#044737 rgb(4,71,55)
```
#055946
```
#055946 rgb(5,89,70)
```
#066c54
```
#066c54 rgb(6,108,84)
```
#087e63
```
#087e63 rgb(8,126,99)
```
#099171
```
#099171 rgb(9,145,113)
```
#0aa37f
```
#0aa37f rgb(10,163,127)
```
#0bb68e
```
#0bb68e rgb(11,182,142)
```
#0cc89c
```
#0cc89c rgb(12,200,156)
```
#0ddbab
```
#0ddbab rgb(13,219,171)
```
#0eedb9
```
#0eedb9 rgb(14,237,185)
```

Shade Color Variation

#1df1c0
```
#1df1c0 rgb(29,241,192)
```
#30f3c5
```
#30f3c5 rgb(48,243,197)
```
#42f4cb
```
#42f4cb rgb(66,244,203)
```
#55f5d0
```
#55f5d0 rgb(85,245,208)
```
#67f6d5
```
#67f6d5 rgb(103,246,213)
```
#7af7da
```
#7af7da rgb(122,247,218)
```
#8df8df
```
#8df8df rgb(141,248,223)
```
#9ff9e4
```
#9ff9e4 rgb(159,249,228)
```
#b2fae9
```
#b2fae9 rgb(178,250,233)
```
#c4fbef
```
#c4fbef rgb(196,251,239)
```
#d7fdf4
```
#d7fdf4 rgb(215,253,244)
```
#e9fef9
```
#e9fef9 rgb(233,254,249)
```
#fcfffe
```
#fcfffe rgb(252,255,254)
```

Tint Color Variation

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

#b6bbba
```
#b6bbba rgb(182,187,186)
```
#b0c1bd
```
#b0c1bd rgb(176,193,189)
```
#abc6c0
```
#abc6c0 rgb(171,198,192)
```
#a5ccc3
```
#a5ccc3 rgb(165,204,195)
```
#a0d1c6
```
#a0d1c6 rgb(160,209,198)
```
#9bd6c9
```
#9bd6c9 rgb(155,214,201)
```
#95dccb
```
#95dccb rgb(149,220,203)
```
#90e1ce
```
#90e1ce rgb(144,225,206)
```
#8ae7d1
```
#8ae7d1 rgb(138,231,209)
```
#85ecd4
```
#85ecd4 rgb(133,236,212)
```
#7ff2d7
```
#7ff2d7 rgb(127,242,215)
```
#7af7da
```
#7af7da rgb(122,247,218)
```
#75fcdd
```
#75fcdd rgb(117,252,221)
```

Tone Color Variation

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

#cecece Achromatopsia 0.005% of the population
#bdd6d0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ebe2d1 Protanopia 1% of men
#f6dce5 Deuteranopia 1% of men
#9fefff Tritanopia 0.001% of the population

Trichromacy

#c2e9d4 Protanomaly 1% of men, 0.01% of women
#c9e6e1 Deuteranomaly 6% of men, 0.4% of women
#91f2f1 Tritanomaly 0.01% of the population

#7af7da hex color

#7af7da Color Information

#7af7da Color Conversion

Color Schemes with #7af7da

Alternatives to #7af7da

#7af7da Preview

Shades and Tints of #7af7da

Tones of #7af7da

Color Blindness Simulator