#7ae6f3 Color Information
In a RGB color space, hex #7ae6f3 is composed of 47.8% red, 90.2% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 49.8% cyan, 5.3% magenta, 0% yellow and 4.7% black. It has a hue angle of 186.4 degrees, a saturation of 83.4% and a lightness of 71.6%. #7ae6f3 color hex could be obtained by blending #f4ffff with #00cde7. Closest websafe color is: #66ffff.
-
- R 48
- G 90
- B 95
-
- C 50
- M 5
- Y 0
- K 5
● #7ae6f3 color description : Soft cyan.
#7ae6f3 Color Conversion
The hexadecimal color #7ae6f3 has RGB values of R:122, G:230, B:243 and CMYK values of C:0.5, M:0.05, Y:0, K:0.05. Its decimal value is 8054515.
Hex triplet | 7ae6f3 | #7ae6f3 |
---|---|---|
RGB Decimal | 122, 230, 243 | rgb(122,230,243) |
RGB Percent | 47.8, 90.2, 95.3 | rgb(47.8%,90.2%,95.3%) |
CMYK | 50, 5, 0, 5 | |
HSL | 186.4°, 83.4, 71.6 | hsl(186.4,83.4%,71.6%) |
HSV (or HSB) | 186.4°, 49.8, 95.3 | |
Web Safe | 66ffff | #66ffff |
CIE-LAB | 85.604, -27.714, -15.926 |
---|---|
XYZ | 52.496, 67.199, 94.993 |
xyY | 0.245, 0.313, 67.199 |
CIE-LCH | 85.604, 31.964, 209.885 |
CIE-LUV | 85.604, -46.485, -20.957 |
Hunter-Lab | 81.975, -29.146, -11.324 |
Binary | 01111010, 11100110, 11110011 |
Color Schemes with #7ae6f3
Alternatives to #7ae6f3
Below, you can see some colors close to #7ae6f3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#7ae6f3 Preview
This text has a font color of #7ae6f3.
<span style="color:#7ae6f3;">Text here</span>
This paragraph has a background color of #7ae6f3.
<p style="background-color:#7ae6f3;">Content here</p>
This element has a border color of #7ae6f3.
<div style="border:1px solid #7ae6f3;">Content here</div>
.text {color:#7ae6f3;}
.background {background-color:#7ae6f3;}
.border {border:1px solid #7ae6f3;}
Shades and Tints of #7ae6f3
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, #010a0b is the darkest color, while #f8fefe is the lightest one.
-
#010a0b
#010a0b
rgb(1,10,11)
-
#031a1d
#031a1d
rgb(3,26,29)
-
#042a2f
#042a2f
rgb(4,42,47)
-
#063b41
#063b41
rgb(6,59,65)
-
#074b53
#074b53
rgb(7,75,83)
-
#095b65
#095b65
rgb(9,91,101)
-
#0b6b77
#0b6b77
rgb(11,107,119)
-
#0c7c89
#0c7c89
rgb(12,124,137)
-
#0e8c9b
#0e8c9b
rgb(14,140,155)
-
#109cad
#109cad
rgb(16,156,173)
-
#11acbf
#11acbf
rgb(17,172,191)
-
#13bcd1
#13bcd1
rgb(19,188,209)
-
#14cde3
#14cde3
rgb(20,205,227)
-
#20d5eb
#20d5eb
rgb(32,213,235)
-
#32d8ed
#32d8ed
rgb(50,216,237)
-
#44dcee
#44dcee
rgb(68,220,238)
-
#56dff0
#56dff0
rgb(86,223,240)
-
#68e3f1
#68e3f1
rgb(104,227,241)
-
#7ae6f3
#7ae6f3
rgb(122,230,243)
-
#8ce9f5
#8ce9f5
rgb(140,233,245)
-
#9eedf6
#9eedf6
rgb(158,237,246)
-
#b0f0f8
#b0f0f8
rgb(176,240,248)
-
#c2f4f9
#c2f4f9
rgb(194,244,249)
-
#d4f7fb
#d4f7fb
rgb(212,247,251)
-
#e6fafd
#e6fafd
rgb(230,250,253)
-
#f8fefe
#f8fefe
rgb(248,254,254)
Tones of #7ae6f3
A tone is produced by adding gray to any pure hue. In this case, #b2babb is the less saturated color, while #6feffe is the most saturated one.
-
#b2babb
#b2babb
rgb(178,186,187)
-
#acbfc1
#acbfc1
rgb(172,191,193)
-
#a7c3c6
#a7c3c6
rgb(167,195,198)
-
#a1c7cc
#a1c7cc
rgb(161,199,204)
-
#9bccd2
#9bccd2
rgb(155,204,210)
-
#96d0d7
#96d0d7
rgb(150,208,215)
-
#90d4dd
#90d4dd
rgb(144,212,221)
-
#8bd9e2
#8bd9e2
rgb(139,217,226)
-
#85dde8
#85dde8
rgb(133,221,232)
-
#80e2ed
#80e2ed
rgb(128,226,237)
-
#7ae6f3
#7ae6f3
rgb(122,230,243)
-
#74eaf9
#74eaf9
rgb(116,234,249)
-
#6feffe
#6feffe
rgb(111,239,254)
Color Blindness Simulator
Below, you can see how #7ae6f3 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.