#7af5e7 hex color

In a RGB color space, hex #7af5e7 is composed of 47.8% red, 96.1% green and 90.6% blue. Whereas in a CMYK color space, it is composed of 50.2% cyan, 0% magenta, 5.7% yellow and 3.9% black. It has a hue angle of 173.2 degrees, a saturation of 86% and a lightness of 72%. #7af5e7 color hex could be obtained by blending #f4ffff with #00ebcf. Closest websafe color is: #66ffff.

♥
- f
- t
- g
- R 48
- G 96
- B 91
RGB color chart
- C 50
- M 0
- Y 6
- K 4
CMYK color chart

● #7af5e7 color description : Soft cyan.

The hexadecimal color #7af5e7 has RGB values of R:122, G:245, B:231 and CMYK values of C:0.5, M:0, Y:0.06, K:0.04. Its decimal value is 8058343.

Hex triplet	7af5e7	`#7af5e7`
RGB Decimal	122, 245, 231	`rgb(122,245,231)`
RGB Percent	47.8, 96.1, 90.6	`rgb(47.8%,96.1%,90.6%)`
CMYK	50, 0, 6, 4
HSL	173.2°, 86, 72	`hsl(173.2,86%,72%)`
HSV (or HSB)	173.2°, 50.2, 96.1
Web Safe	66ffff	`#66ffff`

CIE-LAB	89.49, -37.796, -3.857
XYZ	55.098, 75.208, 87.21
xyY	0.253, 0.346, 75.208
CIE-LCH	89.49, 37.992, 185.827
CIE-LUV	89.49, -52.705, 0.159
Hunter-Lab	86.723, -38.357, 1.083
Binary	01111010, 11110101, 11100111

#7af5e7
```
#7af5e7 rgb(122,245,231)
```
#f57a88
```
#f57a88 rgb(245,122,136)
```

Complementary Color

#7af5aa
```
#7af5aa rgb(122,245,170)
```
#7af5e7
```
#7af5e7 rgb(122,245,231)
```
#7ac6f5
```
#7ac6f5 rgb(122,198,245)
```

Analogous Color

#f5aa7a
```
#f5aa7a rgb(245,170,122)
```
#7af5e7
```
#7af5e7 rgb(122,245,231)
```
#f57ac6
```
#f57ac6 rgb(245,122,198)
```

Split Complementary Color

#f5e77a
```
#f5e77a rgb(245,231,122)
```
#7af5e7
```
#7af5e7 rgb(122,245,231)
```
#e77af5
```
#e77af5 rgb(231,122,245)
```

Triadic Color

#88f57a
```
#88f57a rgb(136,245,122)
```
#7af5e7
```
#7af5e7 rgb(122,245,231)
```
#e77af5
```
#e77af5 rgb(231,122,245)
```
#f57a88
```
#f57a88 rgb(245,122,136)
```

Tetradic Color

#33f0da
```
#33f0da rgb(51,240,218)
```
#4bf1de
```
#4bf1de rgb(75,241,222)
```
#62f3e3
```
#62f3e3 rgb(98,243,227)
```
#7af5e7
```
#7af5e7 rgb(122,245,231)
```
#92f7eb
```
#92f7eb rgb(146,247,235)
```
#a9f9f0
```
#a9f9f0 rgb(169,249,240)
```
#c1faf4
```
#c1faf4 rgb(193,250,244)
```

Monochromatic Color

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

#7af5c8
```
#7af5c8 rgb(122,245,200)
```
#7af5d3
```
#7af5d3 rgb(122,245,211)
```
#7af5dd
```
#7af5dd rgb(122,245,221)
```
#7af5e7
```
#7af5e7 rgb(122,245,231)
```
#7af5f1
```
#7af5f1 rgb(122,245,241)
```
#7aeff5
```
#7aeff5 rgb(122,239,245)
```
#7ae4f5
```
#7ae4f5 rgb(122,228,245)
```

Similar Colors

Text with hexadecimal color #7af5e7

This text has a font color of #7af5e7.

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

#7af5e7 background color

This paragraph has a background color of #7af5e7.

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

#7af5e7 border color

This element has a border color of #7af5e7.

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

CSS codes

.text {color:#7af5e7;}

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

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

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

#010d0c
```
#010d0c rgb(1,13,12)
```
#021f1c
```
#021f1c rgb(2,31,28)
```
#04312c
```
#04312c rgb(4,49,44)
```
#05443d
```
#05443d rgb(5,68,61)
```
#06564d
```
#06564d rgb(6,86,77)
```
#08685d
```
#08685d rgb(8,104,93)
```
#097a6e
```
#097a6e rgb(9,122,110)
```
#0b8d7e
```
#0b8d7e rgb(11,141,126)
```
#0c9f8e
```
#0c9f8e rgb(12,159,142)
```
#0db19e
```
#0db19e rgb(13,177,158)
```
#0fc3af
```
#0fc3af rgb(15,195,175)
```
#10d6bf
```
#10d6bf rgb(16,214,191)
```
#11e8cf
```
#11e8cf rgb(17,232,207)
```

Shade Color Variation

#1feed7
```
#1feed7 rgb(31,238,215)
```
#31f0da
```
#31f0da rgb(49,240,218)
```
#43f1dd
```
#43f1dd rgb(67,241,221)
```
#56f2e0
```
#56f2e0 rgb(86,242,224)
```
#68f4e4
```
#68f4e4 rgb(104,244,228)
```
#7af5e7
```
#7af5e7 rgb(122,245,231)
```
#8cf6ea
```
#8cf6ea rgb(140,246,234)
```
#9ef8ee
```
#9ef8ee rgb(158,248,238)
```
#b1f9f1
```
#b1f9f1 rgb(177,249,241)
```
#c3faf4
```
#c3faf4 rgb(195,250,244)
```
#d5fcf7
```
#d5fcf7 rgb(213,252,247)
```
#e7fdfb
```
#e7fdfb rgb(231,253,251)
```
#fafffe
```
#fafffe rgb(250,255,254)
```

Tint Color Variation

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

#b7b9b8
```
#b7b9b8 rgb(183,185,184)
```
#b1bebd
```
#b1bebd rgb(177,190,189)
```
#acc4c1
```
#acc4c1 rgb(172,196,193)
```
#a6c9c5
```
#a6c9c5 rgb(166,201,197)
```
#a1cfc9
```
#a1cfc9 rgb(161,207,201)
```
#9bd4ce
```
#9bd4ce rgb(155,212,206)
```
#96dad2
```
#96dad2 rgb(150,218,210)
```
#90dfd6
```
#90dfd6 rgb(144,223,214)
```
#8be5da
```
#8be5da rgb(139,229,218)
```
#85eadf
```
#85eadf rgb(133,234,223)
```
#80f0e3
```
#80f0e3 rgb(128,240,227)
```
#7af5e7
```
#7af5e7 rgb(122,245,231)
```
#75fbeb
```
#75fbeb rgb(117,251,235)
```

Tone Color Variation

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

#cfcfcf Achromatopsia 0.005% of the population
#bed7d4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e7e1dd Protanopia 1% of men
#f0dcf1 Deuteranopia 1% of men
#9befff Tritanopia 0.001% of the population

Trichromacy

#bfe8e1 Protanomaly 1% of men, 0.01% of women
#c5e5ed Deuteranomaly 6% of men, 0.4% of women
#8ff1f6 Tritanomaly 0.01% of the population

#7af5e7 hex color

#7af5e7 Color Information

#7af5e7 Color Conversion

Color Schemes with #7af5e7

Alternatives to #7af5e7

#7af5e7 Preview

Shades and Tints of #7af5e7

Tones of #7af5e7

Color Blindness Simulator