#7afdf5 hex color

In a RGB color space, hex #7afdf5 is composed of 47.8% red, 99.2% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 51.8% cyan, 0% magenta, 3.2% yellow and 0.8% black. It has a hue angle of 176.3 degrees, a saturation of 97% and a lightness of 73.5%. #7afdf5 color hex could be obtained by blending #f4ffff with #00fbeb. Closest websafe color is: #66ffff.

♥
- f
- t
- g
- R 48
- G 99
- B 96
RGB color chart
- C 52
- M 0
- Y 3
- K 1
CMYK color chart

● #7afdf5 color description : Soft cyan.

The hexadecimal color #7afdf5 has RGB values of R:122, G:253, B:245 and CMYK values of C:0.52, M:0, Y:0.03, K:0.01. Its decimal value is 8060405.

Hex triplet	7afdf5	`#7afdf5`
RGB Decimal	122, 253, 245	`rgb(122,253,245)`
RGB Percent	47.8, 99.2, 96.1	`rgb(47.8%,99.2%,96.1%)`
CMYK	52, 0, 3, 1
HSL	176.3°, 97, 73.5	`hsl(176.3,97%,73.5%)`
HSV (or HSB)	176.3°, 51.8, 99.2
Web Safe	66ffff	`#66ffff`

CIE-LAB	92.121, -38.01, -7.255
XYZ	59.628, 80.976, 98.869
xyY	0.249, 0.338, 80.976
CIE-LCH	92.121, 38.696, 190.805
CIE-LUV	92.121, -55.097, -5.27
Hunter-Lab	89.987, -39.198, -2.151
Binary	01111010, 11111101, 11110101

#7afdf5
```
#7afdf5 rgb(122,253,245)
```
#fd7a82
```
#fd7a82 rgb(253,122,130)
```

Complementary Color

#7afdb4
```
#7afdb4 rgb(122,253,180)
```
#7afdf5
```
#7afdf5 rgb(122,253,245)
```
#7ac4fd
```
#7ac4fd rgb(122,196,253)
```

Analogous Color

#fdb47a
```
#fdb47a rgb(253,180,122)
```
#7afdf5
```
#7afdf5 rgb(122,253,245)
```
#fd7ac4
```
#fd7ac4 rgb(253,122,196)
```

Split Complementary Color

#fdf57a
```
#fdf57a rgb(253,245,122)
```
#7afdf5
```
#7afdf5 rgb(122,253,245)
```
#f57afd
```
#f57afd rgb(245,122,253)
```

Triadic Color

#82fd7a
```
#82fd7a rgb(130,253,122)
```
#7afdf5
```
#7afdf5 rgb(122,253,245)
```
#f57afd
```
#f57afd rgb(245,122,253)
```
#fd7a82
```
#fd7a82 rgb(253,122,130)
```

Tetradic Color

#2ffcef
```
#2ffcef rgb(47,252,239)
```
#48fcf1
```
#48fcf1 rgb(72,252,241)
```
#61fdf3
```
#61fdf3 rgb(97,253,243)
```
#7afdf5
```
#7afdf5 rgb(122,253,245)
```
#93fdf7
```
#93fdf7 rgb(147,253,247)
```
#acfef9
```
#acfef9 rgb(172,254,249)
```
#c5fefb
```
#c5fefb rgb(197,254,251)
```

Monochromatic Color

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

#7afdd4
```
#7afdd4 rgb(122,253,212)
```
#7afddf
```
#7afddf rgb(122,253,223)
```
#7afdea
```
#7afdea rgb(122,253,234)
```
#7afdf5
```
#7afdf5 rgb(122,253,245)
```
#7afafd
```
#7afafd rgb(122,250,253)
```
#7aeffd
```
#7aeffd rgb(122,239,253)
```
#7ae4fd
```
#7ae4fd rgb(122,228,253)
```

Similar Colors

Text with hexadecimal color #7afdf5

This text has a font color of #7afdf5.

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

#7afdf5 background color

This paragraph has a background color of #7afdf5.

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

#7afdf5 border color

This element has a border color of #7afdf5.

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

CSS codes

.text {color:#7afdf5;}

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

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

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

#000202
```
#000202 rgb(0,2,2)
```
#001614
```
#001614 rgb(0,22,20)
```
#012926
```
#012926 rgb(1,41,38)
```
#013c39
```
#013c39 rgb(1,60,57)
```
#01504b
```
#01504b rgb(1,80,75)
```
#01635d
```
#01635d rgb(1,99,93)
```
#02766f
```
#02766f rgb(2,118,111)
```
#028a81
```
#028a81 rgb(2,138,129)
```
#029d93
```
#029d93 rgb(2,157,147)
```
#03b0a6
```
#03b0a6 rgb(3,176,166)
```
#03c4b8
```
#03c4b8 rgb(3,196,184)
```
#03d7ca
```
#03d7ca rgb(3,215,202)
```
#04eadc
```
#04eadc rgb(4,234,220)
```

Shade Color Variation

#06fbec
```
#06fbec rgb(6,251,236)
```
#19fcee
```
#19fcee rgb(25,252,238)
```
#2dfcef
```
#2dfcef rgb(45,252,239)
```
#40fcf1
```
#40fcf1 rgb(64,252,241)
```
#53fcf2
```
#53fcf2 rgb(83,252,242)
```
#67fdf4
```
#67fdf4 rgb(103,253,244)
```
#7afdf5
```
#7afdf5 rgb(122,253,245)
```
#8dfdf6
```
#8dfdf6 rgb(141,253,246)
```
#a1fef8
```
#a1fef8 rgb(161,254,248)
```
#b4fef9
```
#b4fef9 rgb(180,254,249)
```
#c7fefb
```
#c7fefb rgb(199,254,251)
```
#dbfefc
```
#dbfefc rgb(219,254,252)
```
#eefffe
```
#eefffe rgb(238,255,254)
```

Tint Color Variation

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

#b8bfbe
```
#b8bfbe rgb(184,191,190)
```
#b3c4c3
```
#b3c4c3 rgb(179,196,195)
```
#aec9c7
```
#aec9c7 rgb(174,201,199)
```
#a9cecc
```
#a9cecc rgb(169,206,204)
```
#a4d3d1
```
#a4d3d1 rgb(164,211,209)
```
#9ed9d5
```
#9ed9d5 rgb(158,217,213)
```
#99deda
```
#99deda rgb(153,222,218)
```
#94e3de
```
#94e3de rgb(148,227,222)
```
#8fe8e3
```
#8fe8e3 rgb(143,232,227)
```
#8aede7
```
#8aede7 rgb(138,237,231)
```
#84f3ec
```
#84f3ec rgb(132,243,236)
```
#7ff8f0
```
#7ff8f0 rgb(127,248,240)
```
#7afdf5
```
#7afdf5 rgb(122,253,245)
```

Tone Color Variation

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

#d5d5d5 Achromatopsia 0.005% of the population
#c3dddb Atypical Achromatopsia 0.001% of the population

Dichromacy

#ede8ea Protanopia 1% of men
#f5e3fe Deuteranopia 1% of men
#b8f3ff Tritanopia 0.001% of the population

Trichromacy

#c3efee Protanomaly 1% of men, 0.01% of women
#c8ecfb Deuteranomaly 6% of men, 0.4% of women
#a1f6fb Tritanomaly 0.01% of the population

#7afdf5 hex color

#7afdf5 Color Information

#7afdf5 Color Conversion

Color Schemes with #7afdf5

Alternatives to #7afdf5

#7afdf5 Preview

Shades and Tints of #7afdf5

Tones of #7afdf5

Color Blindness Simulator