#7ae3e2 Color Information
In a RGB color space, hex #7ae3e2 is composed of 47.8% red, 89% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 46.3% cyan, 0% magenta, 0.4% yellow and 11% black. It has a hue angle of 179.4 degrees, a saturation of 65.2% and a lightness of 68.4%. #7ae3e2 color hex could be obtained by blending #f4ffff with #00c7c5. Closest websafe color is: #66cccc.
-
- R 48
- G 89
- B 89
-
- C 46
- M 0
- Y 0
- K 11
● #7ae3e2 color description : Soft cyan.
#7ae3e2 Color Conversion
The hexadecimal color #7ae3e2 has RGB values of R:122, G:227, B:226 and CMYK values of C:0.46, M:0, Y:0, K:0.11. Its decimal value is 8053730.
| Hex triplet | 7ae3e2 | #7ae3e2 |
|---|---|---|
| RGB Decimal | 122, 227, 226 | rgb(122,227,226) |
| RGB Percent | 47.8, 89, 88.6 | rgb(47.8%,89%,88.6%) |
| CMYK | 46, 0, 0, 11 | |
| HSL | 179.4°, 65.2, 68.4 | hsl(179.4,65.2%,68.4%) |
| HSV (or HSB) | 179.4°, 46.3, 89 | |
| Web Safe | 66cccc | #66cccc |
| CIE-LAB | 84.258, -30.634, -8.967 |
|---|---|
| XYZ | 49.219, 64.564, 81.816 |
| xyY | 0.252, 0.33, 64.564 |
| CIE-LCH | 84.258, 31.919, 196.315 |
| CIE-LUV | 84.258, -45.978, -9.099 |
| Hunter-Lab | 80.351, -31.276, -4.124 |
| Binary | 01111010, 11100011, 11100010 |
Color Schemes with #7ae3e2
Alternatives to #7ae3e2
Below, you can see some colors close to #7ae3e2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#7ae3e2 Preview
This text has a font color of #7ae3e2.
<span style="color:#7ae3e2;">Text here</span>
This paragraph has a background color of #7ae3e2.
<p style="background-color:#7ae3e2;">Content here</p>
This element has a border color of #7ae3e2.
<div style="border:1px solid #7ae3e2;">Content here</div>
.text {color:#7ae3e2;}
.background {background-color:#7ae3e2;}
.border {border:1px solid #7ae3e2;}
Shades and Tints of #7ae3e2
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, #030d0d is the darkest color, while #fcfefe is the lightest one.
-
#030d0d
#030d0drgb(3,13,13) -
#061d1d
#061d1drgb(6,29,29) -
#0a2d2d
#0a2d2drgb(10,45,45) -
#0d3d3d
#0d3d3drgb(13,61,61) -
#104e4d
#104e4drgb(16,78,77) -
#145e5d
#145e5drgb(20,94,93) -
#176e6d
#176e6drgb(23,110,109) -
#1b7e7d
#1b7e7drgb(27,126,125) -
#1e8e8d
#1e8e8drgb(30,142,141) -
#219f9d
#219f9drgb(33,159,157) -
#25afae
#25afaergb(37,175,174) -
#28bfbe
#28bfbergb(40,191,190) -
#2ccfce
#2ccfcergb(44,207,206)
-
#39d5d4
#39d5d4rgb(57,213,212) -
#49d9d7
#49d9d7rgb(73,217,215) -
#5adcdb
#5adcdbrgb(90,220,219) -
#6ae0de
#6ae0dergb(106,224,222) -
#7ae3e2
#7ae3e2rgb(122,227,226) -
#8ae6e6
#8ae6e6rgb(138,230,230) -
#9aeae9
#9aeae9rgb(154,234,233) -
#abeded
#abededrgb(171,237,237) -
#bbf1f0
#bbf1f0rgb(187,241,240) -
#cbf4f4
#cbf4f4rgb(203,244,244) -
#dbf7f7
#dbf7f7rgb(219,247,247) -
#ebfbfb
#ebfbfbrgb(235,251,251) -
#fcfefe
#fcfefergb(252,254,254)
Tones of #7ae3e2
A tone is produced by adding gray to any pure hue. In this case, #acb1b1 is the less saturated color, while #61fcfa is the most saturated one.
-
#acb1b1
#acb1b1rgb(172,177,177) -
#a5b8b7
#a5b8b7rgb(165,184,183) -
#9fbebe
#9fbebergb(159,190,190) -
#99c4c4
#99c4c4rgb(153,196,196) -
#93caca
#93cacargb(147,202,202) -
#8dd0d0
#8dd0d0rgb(141,208,208) -
#86d7d6
#86d7d6rgb(134,215,214) -
#80dddc
#80dddcrgb(128,221,220) -
#7ae3e2
#7ae3e2rgb(122,227,226) -
#74e9e8
#74e9e8rgb(116,233,232) -
#6eefee
#6eefeergb(110,239,238) -
#67f6f4
#67f6f4rgb(103,246,244) -
#61fcfa
#61fcfargb(97,252,250)
Color Blindness Simulator
Below, you can see how #7ae3e2 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.
