#7af0d4 hex color

In a RGB color space, hex #7af0d4 is composed of 47.8% red, 94.1% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 49.2% cyan, 0% magenta, 11.7% yellow and 5.9% black. It has a hue angle of 165.8 degrees, a saturation of 79.7% and a lightness of 71%. #7af0d4 color hex could be obtained by blending #f4ffff with #00e1a9. Closest websafe color is: #66ffcc.

♥
- f
- t
- g
- R 48
- G 94
- B 83
RGB color chart
- C 49
- M 0
- Y 12
- K 6
CMYK color chart

● #7af0d4 color description : Soft cyan.

The hexadecimal color #7af0d4 has RGB values of R:122, G:240, B:212 and CMYK values of C:0.49, M:0, Y:0.12, K:0.06. Its decimal value is 8057044.

Hex triplet	7af0d4	`#7af0d4`
RGB Decimal	122, 240, 212	`rgb(122,240,212)`
RGB Percent	47.8, 94.1, 83.1	`rgb(47.8%,94.1%,83.1%)`
CMYK	49, 0, 12, 6
HSL	165.8°, 79.7, 71	`hsl(165.8,79.7%,71%)`
HSV (or HSB)	165.8°, 49.2, 94.1
Web Safe	66ffcc	`#66ffcc`

CIE-LAB	87.586, -40.015, 3.282
XYZ	51.066, 71.208, 73.337
xyY	0.261, 0.364, 71.208
CIE-LCH	87.586, 40.149, 175.312
CIE-LUV	87.586, -51.593, 11.628
Hunter-Lab	84.385, -39.652, 7.541
Binary	01111010, 11110000, 11010100

#7af0d4
```
#7af0d4 rgb(122,240,212)
```
#f07a96
```
#f07a96 rgb(240,122,150)
```

Complementary Color

#7af099
```
#7af099 rgb(122,240,153)
```
#7af0d4
```
#7af0d4 rgb(122,240,212)
```
#7ad1f0
```
#7ad1f0 rgb(122,209,240)
```

Analogous Color

#f0997a
```
#f0997a rgb(240,153,122)
```
#7af0d4
```
#7af0d4 rgb(122,240,212)
```
#f07ad1
```
#f07ad1 rgb(240,122,209)
```

Split Complementary Color

#f0d47a
```
#f0d47a rgb(240,212,122)
```
#7af0d4
```
#7af0d4 rgb(122,240,212)
```
#d47af0
```
#d47af0 rgb(212,122,240)
```

Triadic Color

#96f07a
```
#96f07a rgb(150,240,122)
```
#7af0d4
```
#7af0d4 rgb(122,240,212)
```
#d47af0
```
#d47af0 rgb(212,122,240)
```
#f07a96
```
#f07a96 rgb(240,122,150)
```

Tetradic Color

#35e8be
```
#35e8be rgb(53,232,190)
```
#4cebc5
```
#4cebc5 rgb(76,235,197)
```
#63edcd
```
#63edcd rgb(99,237,205)
```
#7af0d4
```
#7af0d4 rgb(122,240,212)
```
#91f3db
```
#91f3db rgb(145,243,219)
```
#a8f5e3
```
#a8f5e3 rgb(168,245,227)
```
#bff8ea
```
#bff8ea rgb(191,248,234)
```

Monochromatic Color

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

#7af0b7
```
#7af0b7 rgb(122,240,183)
```
#7af0c0
```
#7af0c0 rgb(122,240,192)
```
#7af0ca
```
#7af0ca rgb(122,240,202)
```
#7af0d4
```
#7af0d4 rgb(122,240,212)
```
#7af0de
```
#7af0de rgb(122,240,222)
```
#7af0e8
```
#7af0e8 rgb(122,240,232)
```
#7aeff0
```
#7aeff0 rgb(122,239,240)
```

Similar Colors

Text with hexadecimal color #7af0d4

This text has a font color of #7af0d4.

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

#7af0d4 background color

This paragraph has a background color of #7af0d4.

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

#7af0d4 border color

This element has a border color of #7af0d4.

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

CSS codes

.text {color:#7af0d4;}

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

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

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

#010806
```
#010806 rgb(1,8,6)
```
#031a14
```
#031a14 rgb(3,26,20)
```
#052b22
```
#052b22 rgb(5,43,34)
```
#073d30
```
#073d30 rgb(7,61,48)
```
#094f3e
```
#094f3e rgb(9,79,62)
```
#0b604c
```
#0b604c rgb(11,96,76)
```
#0d725a
```
#0d725a rgb(13,114,90)
```
#0f8368
```
#0f8368 rgb(15,131,104)
```
#119576
```
#119576 rgb(17,149,118)
```
#13a784
```
#13a784 rgb(19,167,132)
```
#15b891
```
#15b891 rgb(21,184,145)
```
#17ca9f
```
#17ca9f rgb(23,202,159)
```
#19dcad
```
#19dcad rgb(25,220,173)
```

Shade Color Variation

#22e6b8
```
#22e6b8 rgb(34,230,184)
```
#33e8bd
```
#33e8bd rgb(51,232,189)
```
#45eac3
```
#45eac3 rgb(69,234,195)
```
#57ecc9
```
#57ecc9 rgb(87,236,201)
```
#68eece
```
#68eece rgb(104,238,206)
```
#7af0d4
```
#7af0d4 rgb(122,240,212)
```
#8cf2da
```
#8cf2da rgb(140,242,218)
```
#9df4df
```
#9df4df rgb(157,244,223)
```
#aff6e5
```
#aff6e5 rgb(175,246,229)
```
#c1f8eb
```
#c1f8eb rgb(193,248,235)
```
#d2faf0
```
#d2faf0 rgb(210,250,240)
```
#e4fcf6
```
#e4fcf6 rgb(228,252,246)
```
#f5fefc
```
#f5fefc rgb(245,254,252)
```

Tint Color Variation

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

#b3b7b6
```
#b3b7b6 rgb(179,183,182)
```
#adbdb9
```
#adbdb9 rgb(173,189,185)
```
#a8c2bc
```
#a8c2bc rgb(168,194,188)
```
#a2c8bf
```
#a2c8bf rgb(162,200,191)
```
#9ccec2
```
#9ccec2 rgb(156,206,194)
```
#96d4c5
```
#96d4c5 rgb(150,212,197)
```
#91d9c8
```
#91d9c8 rgb(145,217,200)
```
#8bdfcb
```
#8bdfcb rgb(139,223,203)
```
#85e5ce
```
#85e5ce rgb(133,229,206)
```
#80ead1
```
#80ead1 rgb(128,234,209)
```
#7af0d4
```
#7af0d4 rgb(122,240,212)
```
#74f6d7
```
#74f6d7 rgb(116,246,215)
```
#6ffbda
```
#6ffbda rgb(111,251,218)
```

Tone Color Variation

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

#cacaca Achromatopsia 0.005% of the population
#bad2cc Atypical Achromatopsia 0.001% of the population

Dichromacy

#e5dccc Protanopia 1% of men
#f0d6df Deuteranopia 1% of men
#8febfc Tritanopia 0.001% of the population

Trichromacy

#bee3ce Protanomaly 1% of men, 0.01% of women
#c5e0db Deuteranomaly 6% of men, 0.4% of women
#87eced Tritanomaly 0.01% of the population

#7af0d4 hex color

#7af0d4 Color Information

#7af0d4 Color Conversion

Color Schemes with #7af0d4

Alternatives to #7af0d4

#7af0d4 Preview

Shades and Tints of #7af0d4

Tones of #7af0d4

Color Blindness Simulator