#7ae1e2 Color Information
In a RGB color space, hex #7ae1e2 is composed of 47.8% red, 88.2% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 46% cyan, 0.4% magenta, 0% yellow and 11.4% black. It has a hue angle of 180.6 degrees, a saturation of 64.2% and a lightness of 68.2%. #7ae1e2 color hex could be obtained by blending #f4ffff with #00c3c5. Closest websafe color is: #66cccc.
-
- R 48
- G 88
- B 89
-
- C 46
- M 0
- Y 0
- K 11
● #7ae1e2 color description : Soft cyan.
#7ae1e2 Color Conversion
The hexadecimal color #7ae1e2 has RGB values of R:122, G:225, B:226 and CMYK values of C:0.46, M:0, Y:0, K:0.11. Its decimal value is 8053218.
Hex triplet | 7ae1e2 | #7ae1e2 |
---|---|---|
RGB Decimal | 122, 225, 226 | rgb(122,225,226) |
RGB Percent | 47.8, 88.2, 88.6 | rgb(47.8%,88.2%,88.6%) |
CMYK | 46, 0, 0, 11 | |
HSL | 180.6°, 64.2, 68.2 | hsl(180.6,64.2%,68.2%) |
HSV (or HSB) | 180.6°, 46, 88.6 | |
Web Safe | 66cccc | #66cccc |
CIE-LAB | 83.692, -29.678, -9.808 |
---|---|
XYZ | 48.675, 63.476, 81.634 |
xyY | 0.251, 0.328, 63.476 |
CIE-LCH | 83.692, 31.257, 198.289 |
CIE-LUV | 83.692, -45.2, -10.595 |
Hunter-Lab | 79.672, -30.372, -4.98 |
Binary | 01111010, 11100001, 11100010 |
Color Schemes with #7ae1e2
Alternatives to #7ae1e2
Below, you can see some colors close to #7ae1e2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#7ae1e2 Preview
This text has a font color of #7ae1e2.
<span style="color:#7ae1e2;">Text here</span>
This paragraph has a background color of #7ae1e2.
<p style="background-color:#7ae1e2;">Content here</p>
This element has a border color of #7ae1e2.
<div style="border:1px solid #7ae1e2;">Content here</div>
.text {color:#7ae1e2;}
.background {background-color:#7ae1e2;}
.border {border:1px solid #7ae1e2;}
Shades and Tints of #7ae1e2
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, #030c0c is the darkest color, while #fbfefe is the lightest one.
-
#030c0c
#030c0c
rgb(3,12,12)
-
#061c1c
#061c1c
rgb(6,28,28)
-
#0a2c2c
#0a2c2c
rgb(10,44,44)
-
#0d3c3c
#0d3c3c
rgb(13,60,60)
-
#114c4c
#114c4c
rgb(17,76,76)
-
#145c5c
#145c5c
rgb(20,92,92)
-
#186c6d
#186c6d
rgb(24,108,109)
-
#1b7c7d
#1b7c7d
rgb(27,124,125)
-
#1f8c8d
#1f8c8d
rgb(31,140,141)
-
#229c9d
#229c9d
rgb(34,156,157)
-
#26acad
#26acad
rgb(38,172,173)
-
#29bcbd
#29bcbd
rgb(41,188,189)
-
#2dcccd
#2dcccd
rgb(45,204,205)
-
#3ad2d4
#3ad2d4
rgb(58,210,212)
-
#4ad6d7
#4ad6d7
rgb(74,214,215)
-
#5adadb
#5adadb
rgb(90,218,219)
-
#6addde
#6addde
rgb(106,221,222)
-
#7ae1e2
#7ae1e2
rgb(122,225,226)
-
#8ae5e6
#8ae5e6
rgb(138,229,230)
-
#9ae8e9
#9ae8e9
rgb(154,232,233)
-
#aaeced
#aaeced
rgb(170,236,237)
-
#baf0f0
#baf0f0
rgb(186,240,240)
-
#cbf3f4
#cbf3f4
rgb(203,243,244)
-
#dbf7f7
#dbf7f7
rgb(219,247,247)
-
#ebfafb
#ebfafb
rgb(235,250,251)
-
#fbfefe
#fbfefe
rgb(251,254,254)
Tones of #7ae1e2
A tone is produced by adding gray to any pure hue. In this case, #acb0b0 is the less saturated color, while #61f9fb is the most saturated one.
-
#acb0b0
#acb0b0
rgb(172,176,176)
-
#a6b6b6
#a6b6b6
rgb(166,182,182)
-
#9fbcbd
#9fbcbd
rgb(159,188,189)
-
#99c2c3
#99c2c3
rgb(153,194,195)
-
#93c9c9
#93c9c9
rgb(147,201,201)
-
#8dcfcf
#8dcfcf
rgb(141,207,207)
-
#86d5d6
#86d5d6
rgb(134,213,214)
-
#80dbdc
#80dbdc
rgb(128,219,220)
-
#7ae1e2
#7ae1e2
rgb(122,225,226)
-
#74e7e8
#74e7e8
rgb(116,231,232)
-
#6eedee
#6eedee
rgb(110,237,238)
-
#67f3f5
#67f3f5
rgb(103,243,245)
-
#61f9fb
#61f9fb
rgb(97,249,251)
Color Blindness Simulator
Below, you can see how #7ae1e2 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.