#7ae6f5 hex color

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

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

● #7ae6f5 color description : Soft cyan.

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

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

CIE-LAB	85.665, -27.188, -16.888
XYZ	52.8, 67.32, 96.593
xyY	0.244, 0.311, 67.32
CIE-LCH	85.665, 32.006, 211.846
CIE-LUV	85.665, -46.407, -22.635
Hunter-Lab	82.049, -28.718, -12.365
Binary	01111010, 11100110, 11110101

#7ae6f5
```
#7ae6f5 rgb(122,230,245)
```
#f5897a
```
#f5897a rgb(245,137,122)
```

Complementary Color

#7af5c7
```
#7af5c7 rgb(122,245,199)
```
#7ae6f5
```
#7ae6f5 rgb(122,230,245)
```
#7aa9f5
```
#7aa9f5 rgb(122,169,245)
```

Analogous Color

#f5c77a
```
#f5c77a rgb(245,199,122)
```
#7ae6f5
```
#7ae6f5 rgb(122,230,245)
```
#f57aa9
```
#f57aa9 rgb(245,122,169)
```

Split Complementary Color

#e6f57a
```
#e6f57a rgb(230,245,122)
```
#7ae6f5
```
#7ae6f5 rgb(122,230,245)
```
#f57ae6
```
#f57ae6 rgb(245,122,230)
```

Triadic Color

#7af589
```
#7af589 rgb(122,245,137)
```
#7ae6f5
```
#7ae6f5 rgb(122,230,245)
```
#f57ae6
```
#f57ae6 rgb(245,122,230)
```
#f5897a
```
#f5897a rgb(245,137,122)
```

Tetradic Color

#33d9f0
```
#33d9f0 rgb(51,217,240)
```
#4bddf1
```
#4bddf1 rgb(75,221,241)
```
#62e2f3
```
#62e2f3 rgb(98,226,243)
```
#7ae6f5
```
#7ae6f5 rgb(122,230,245)
```
#92eaf7
```
#92eaf7 rgb(146,234,247)
```
#a9eff9
```
#a9eff9 rgb(169,239,249)
```
#c1f3fa
```
#c1f3fa rgb(193,243,250)
```

Monochromatic Color

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

#7af5e5
```
#7af5e5 rgb(122,245,229)
```
#7af5f0
```
#7af5f0 rgb(122,245,240)
```
#7af0f5
```
#7af0f5 rgb(122,240,245)
```
#7ae6f5
```
#7ae6f5 rgb(122,230,245)
```
#7adcf5
```
#7adcf5 rgb(122,220,245)
```
#7ad2f5
```
#7ad2f5 rgb(122,210,245)
```
#7ac7f5
```
#7ac7f5 rgb(122,199,245)
```

Similar Colors

Text with hexadecimal color #7ae6f5

This text has a font color of #7ae6f5.

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

#7ae6f5 background color

This paragraph has a background color of #7ae6f5.

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

#7ae6f5 border color

This element has a border color of #7ae6f5.

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

CSS codes

.text {color:#7ae6f5;}

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

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

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

#010b0d
```
#010b0d rgb(1,11,13)
```
#021c1f
```
#021c1f rgb(2,28,31)
```
#042c31
```
#042c31 rgb(4,44,49)
```
#053c44
```
#053c44 rgb(5,60,68)
```
#064c56
```
#064c56 rgb(6,76,86)
```
#085c68
```
#085c68 rgb(8,92,104)
```
#096d7a
```
#096d7a rgb(9,109,122)
```
#0b7d8d
```
#0b7d8d rgb(11,125,141)
```
#0c8d9f
```
#0c8d9f rgb(12,141,159)
```
#0d9db1
```
#0d9db1 rgb(13,157,177)
```
#0fadc3
```
#0fadc3 rgb(15,173,195)
```
#10bed6
```
#10bed6 rgb(16,190,214)
```
#11cee8
```
#11cee8 rgb(17,206,232)
```

Shade Color Variation

#1fd5ee
```
#1fd5ee rgb(31,213,238)
```
#31d8f0
```
#31d8f0 rgb(49,216,240)
```
#43dcf1
```
#43dcf1 rgb(67,220,241)
```
#56dff2
```
#56dff2 rgb(86,223,242)
```
#68e3f4
```
#68e3f4 rgb(104,227,244)
```
#7ae6f5
```
#7ae6f5 rgb(122,230,245)
```
#8ce9f6
```
#8ce9f6 rgb(140,233,246)
```
#9eedf8
```
#9eedf8 rgb(158,237,248)
```
#b1f0f9
```
#b1f0f9 rgb(177,240,249)
```
#c3f4fa
```
#c3f4fa rgb(195,244,250)
```
#d5f7fc
```
#d5f7fc rgb(213,247,252)
```
#e7fbfd
```
#e7fbfd rgb(231,251,253)
```
#fafeff
```
#fafeff rgb(250,254,255)
```

Tint Color Variation

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

#b7b8b9
```
#b7b8b9 rgb(183,184,185)
```
#b1bcbe
```
#b1bcbe rgb(177,188,190)
```
#acc1c4
```
#acc1c4 rgb(172,193,196)
```
#a6c5c9
```
#a6c5c9 rgb(166,197,201)
```
#a1c9cf
```
#a1c9cf rgb(161,201,207)
```
#9bcdd4
```
#9bcdd4 rgb(155,205,212)
```
#96d1da
```
#96d1da rgb(150,209,218)
```
#90d5df
```
#90d5df rgb(144,213,223)
```
#8bdae5
```
#8bdae5 rgb(139,218,229)
```
#85deea
```
#85deea rgb(133,222,234)
```
#80e2f0
```
#80e2f0 rgb(128,226,240)
```
#7ae6f5
```
#7ae6f5 rgb(122,230,245)
```
#75eafb
```
#75eafb rgb(117,234,251)
```

Tone Color Variation

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

#c7c7c7 Achromatopsia 0.005% of the population
#b8cdd0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d5d6eb Protanopia 1% of men
#d9d3fc Deuteranopia 1% of men
#81e6f7 Tritanopia 0.001% of the population

Trichromacy

#b4dcef Protanomaly 1% of men, 0.01% of women
#b6daf9 Deuteranomaly 6% of men, 0.4% of women
#7fe6f6 Tritanomaly 0.01% of the population

#7ae6f5 hex color

#7ae6f5 Color Information

#7ae6f5 Color Conversion

Color Schemes with #7ae6f5

Alternatives to #7ae6f5

#7ae6f5 Preview

Shades and Tints of #7ae6f5

Tones of #7ae6f5

Color Blindness Simulator