#7af5e9 hex color

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

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

● #7af5e9 color description : Soft cyan.

The hexadecimal color #7af5e9 has RGB values of R:122, G:245, B:233 and CMYK values of C:0.5, M:0, Y:0.05, K:0.04. Its decimal value is 8058345.

Hex triplet	7af5e9	`#7af5e9`
RGB Decimal	122, 245, 233	`rgb(122,245,233)`
RGB Percent	47.8, 96.1, 91.4	`rgb(47.8%,96.1%,91.4%)`
CMYK	50, 0, 5, 4
HSL	174.1°, 86, 72	`hsl(174.1,86%,72%)`
HSV (or HSB)	174.1°, 50.2, 96.1
Web Safe	66ffff	`#66ffff`

CIE-LAB	89.543, -37.31, -4.822
XYZ	55.382, 75.322, 88.706
xyY	0.252, 0.343, 75.322
CIE-LCH	89.543, 37.62, 187.364
CIE-LUV	89.543, -52.617, -1.455
Hunter-Lab	86.788, -37.973, 0.151
Binary	01111010, 11110101, 11101001

#7af5e9
```
#7af5e9 rgb(122,245,233)
```
#f57a86
```
#f57a86 rgb(245,122,134)
```

Complementary Color

#7af5ac
```
#7af5ac rgb(122,245,172)
```
#7af5e9
```
#7af5e9 rgb(122,245,233)
```
#7ac4f5
```
#7ac4f5 rgb(122,196,245)
```

Analogous Color

#f5ac7a
```
#f5ac7a rgb(245,172,122)
```
#7af5e9
```
#7af5e9 rgb(122,245,233)
```
#f57ac4
```
#f57ac4 rgb(245,122,196)
```

Split Complementary Color

#f5e97a
```
#f5e97a rgb(245,233,122)
```
#7af5e9
```
#7af5e9 rgb(122,245,233)
```
#e97af5
```
#e97af5 rgb(233,122,245)
```

Triadic Color

#86f57a
```
#86f57a rgb(134,245,122)
```
#7af5e9
```
#7af5e9 rgb(122,245,233)
```
#e97af5
```
#e97af5 rgb(233,122,245)
```
#f57a86
```
#f57a86 rgb(245,122,134)
```

Tetradic Color

#33f0dd
```
#33f0dd rgb(51,240,221)
```
#4bf1e1
```
#4bf1e1 rgb(75,241,225)
```
#62f3e5
```
#62f3e5 rgb(98,243,229)
```
#7af5e9
```
#7af5e9 rgb(122,245,233)
```
#92f7ed
```
#92f7ed rgb(146,247,237)
```
#a9f9f1
```
#a9f9f1 rgb(169,249,241)
```
#c1faf5
```
#c1faf5 rgb(193,250,245)
```

Monochromatic Color

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

#7af5ca
```
#7af5ca rgb(122,245,202)
```
#7af5d5
```
#7af5d5 rgb(122,245,213)
```
#7af5df
```
#7af5df rgb(122,245,223)
```
#7af5e9
```
#7af5e9 rgb(122,245,233)
```
#7af5f3
```
#7af5f3 rgb(122,245,243)
```
#7aedf5
```
#7aedf5 rgb(122,237,245)
```
#7ae2f5
```
#7ae2f5 rgb(122,226,245)
```

Similar Colors

Text with hexadecimal color #7af5e9

This text has a font color of #7af5e9.

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

#7af5e9 background color

This paragraph has a background color of #7af5e9.

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

#7af5e9 border color

This element has a border color of #7af5e9.

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

CSS codes

.text {color:#7af5e9;}

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

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

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)
```
#04312d
```
#04312d rgb(4,49,45)
```
#05443e
```
#05443e rgb(5,68,62)
```
#06564e
```
#06564e rgb(6,86,78)
```
#08685f
```
#08685f rgb(8,104,95)
```
#097a6f
```
#097a6f rgb(9,122,111)
```
#0b8d80
```
#0b8d80 rgb(11,141,128)
```
#0c9f91
```
#0c9f91 rgb(12,159,145)
```
#0db1a1
```
#0db1a1 rgb(13,177,161)
```
#0fc3b2
```
#0fc3b2 rgb(15,195,178)
```
#10d6c2
```
#10d6c2 rgb(16,214,194)
```
#11e8d3
```
#11e8d3 rgb(17,232,211)
```

Shade Color Variation

#1feeda
```
#1feeda rgb(31,238,218)
```
#31f0dd
```
#31f0dd rgb(49,240,221)
```
#43f1e0
```
#43f1e0 rgb(67,241,224)
```
#56f2e3
```
#56f2e3 rgb(86,242,227)
```
#68f4e6
```
#68f4e6 rgb(104,244,230)
```
#7af5e9
```
#7af5e9 rgb(122,245,233)
```
#8cf6ec
```
#8cf6ec rgb(140,246,236)
```
#9ef8ef
```
#9ef8ef rgb(158,248,239)
```
#b1f9f2
```
#b1f9f2 rgb(177,249,242)
```
#c3faf5
```
#c3faf5 rgb(195,250,245)
```
#d5fcf8
```
#d5fcf8 rgb(213,252,248)
```
#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 #75fbed is the most saturated one.

#b7b9b8
```
#b7b9b8 rgb(183,185,184)
```
#b1bebd
```
#b1bebd rgb(177,190,189)
```
#acc4c1
```
#acc4c1 rgb(172,196,193)
```
#a6c9c6
```
#a6c9c6 rgb(166,201,198)
```
#a1cfca
```
#a1cfca rgb(161,207,202)
```
#9bd4ce
```
#9bd4ce rgb(155,212,206)
```
#96dad3
```
#96dad3 rgb(150,218,211)
```
#90dfd7
```
#90dfd7 rgb(144,223,215)
```
#8be5dc
```
#8be5dc rgb(139,229,220)
```
#85eae0
```
#85eae0 rgb(133,234,224)
```
#80f0e5
```
#80f0e5 rgb(128,240,229)
```
#7af5e9
```
#7af5e9 rgb(122,245,233)
```
#75fbed
```
#75fbed rgb(117,251,237)
```

Tone Color Variation

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

#e7e1df Protanopia 1% of men
#efdcf2 Deuteranopia 1% of men
#9befff Tritanopia 0.001% of the population

Trichromacy

#bfe8e2 Protanomaly 1% of men, 0.01% of women
#c4e5ef Deuteranomaly 6% of men, 0.4% of women
#8ff1f7 Tritanomaly 0.01% of the population

#7af5e9 hex color

#7af5e9 Color Information

#7af5e9 Color Conversion

Color Schemes with #7af5e9

Alternatives to #7af5e9

#7af5e9 Preview

Shades and Tints of #7af5e9

Tones of #7af5e9

Color Blindness Simulator