#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
#030d0d
rgb(3,13,13)
-
#061d1d
#061d1d
rgb(6,29,29)
-
#0a2d2d
#0a2d2d
rgb(10,45,45)
-
#0d3d3d
#0d3d3d
rgb(13,61,61)
-
#104e4d
#104e4d
rgb(16,78,77)
-
#145e5d
#145e5d
rgb(20,94,93)
-
#176e6d
#176e6d
rgb(23,110,109)
-
#1b7e7d
#1b7e7d
rgb(27,126,125)
-
#1e8e8d
#1e8e8d
rgb(30,142,141)
-
#219f9d
#219f9d
rgb(33,159,157)
-
#25afae
#25afae
rgb(37,175,174)
-
#28bfbe
#28bfbe
rgb(40,191,190)
-
#2ccfce
#2ccfce
rgb(44,207,206)
-
#39d5d4
#39d5d4
rgb(57,213,212)
-
#49d9d7
#49d9d7
rgb(73,217,215)
-
#5adcdb
#5adcdb
rgb(90,220,219)
-
#6ae0de
#6ae0de
rgb(106,224,222)
-
#7ae3e2
#7ae3e2
rgb(122,227,226)
-
#8ae6e6
#8ae6e6
rgb(138,230,230)
-
#9aeae9
#9aeae9
rgb(154,234,233)
-
#abeded
#abeded
rgb(171,237,237)
-
#bbf1f0
#bbf1f0
rgb(187,241,240)
-
#cbf4f4
#cbf4f4
rgb(203,244,244)
-
#dbf7f7
#dbf7f7
rgb(219,247,247)
-
#ebfbfb
#ebfbfb
rgb(235,251,251)
-
#fcfefe
#fcfefe
rgb(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
#acb1b1
rgb(172,177,177)
-
#a5b8b7
#a5b8b7
rgb(165,184,183)
-
#9fbebe
#9fbebe
rgb(159,190,190)
-
#99c4c4
#99c4c4
rgb(153,196,196)
-
#93caca
#93caca
rgb(147,202,202)
-
#8dd0d0
#8dd0d0
rgb(141,208,208)
-
#86d7d6
#86d7d6
rgb(134,215,214)
-
#80dddc
#80dddc
rgb(128,221,220)
-
#7ae3e2
#7ae3e2
rgb(122,227,226)
-
#74e9e8
#74e9e8
rgb(116,233,232)
-
#6eefee
#6eefee
rgb(110,239,238)
-
#67f6f4
#67f6f4
rgb(103,246,244)
-
#61fcfa
#61fcfa
rgb(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.