#7ae4f5 Color Information
In a RGB color space, hex #7ae4f5 is composed of 47.8% red, 89.4% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 50.2% cyan, 6.9% magenta, 0% yellow and 3.9% black. It has a hue angle of 188.3 degrees, a saturation of 86% and a lightness of 72%. #7ae4f5 color hex could be obtained by blending #f4ffff with #00c9eb. Closest websafe color is: #66ccff.
-
- R 48
- G 89
- B 96
-
- C 50
- M 7
- Y 0
- K 4
● #7ae4f5 color description : Soft cyan.
#7ae4f5 Color Conversion
The hexadecimal color #7ae4f5 has RGB values of R:122, G:228, B:245 and CMYK values of C:0.5, M:0.07, Y:0, K:0.04. Its decimal value is 8054005.
Hex triplet | 7ae4f5 | #7ae4f5 |
---|---|---|
RGB Decimal | 122, 228, 245 | rgb(122,228,245) |
RGB Percent | 47.8, 89.4, 96.1 | rgb(47.8%,89.4%,96.1%) |
CMYK | 50, 7, 0, 4 | |
HSL | 188.3°, 86, 72 | hsl(188.3,86%,72%) |
HSV (or HSB) | 188.3°, 50.2, 96.1 | |
Web Safe | 66ccff | #66ccff |
CIE-LAB | 85.105, -26.214, -17.731 |
---|---|
XYZ | 52.246, 66.213, 96.408 |
xyY | 0.243, 0.308, 66.213 |
CIE-LCH | 85.105, 31.648, 214.074 |
CIE-LUV | 85.105, -45.646, -24.168 |
Hunter-Lab | 81.372, -27.791, -13.286 |
Binary | 01111010, 11100100, 11110101 |
Color Schemes with #7ae4f5
Alternatives to #7ae4f5
Below, you can see some colors close to #7ae4f5. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#7ae4f5 Preview
This text has a font color of #7ae4f5.
<span style="color:#7ae4f5;">Text here</span>
This paragraph has a background color of #7ae4f5.
<p style="background-color:#7ae4f5;">Content here</p>
This element has a border color of #7ae4f5.
<div style="border:1px solid #7ae4f5;">Content here</div>
.text {color:#7ae4f5;}
.background {background-color:#7ae4f5;}
.border {border:1px solid #7ae4f5;}
Shades and Tints of #7ae4f5
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)
-
#021b1f
#021b1f
rgb(2,27,31)
-
#042b31
#042b31
rgb(4,43,49)
-
#053b44
#053b44
rgb(5,59,68)
-
#064b56
#064b56
rgb(6,75,86)
-
#085b68
#085b68
rgb(8,91,104)
-
#096b7a
#096b7a
rgb(9,107,122)
-
#0b7b8d
#0b7b8d
rgb(11,123,141)
-
#0c8b9f
#0c8b9f
rgb(12,139,159)
-
#0d9bb1
#0d9bb1
rgb(13,155,177)
-
#0faac3
#0faac3
rgb(15,170,195)
-
#10bad6
#10bad6
rgb(16,186,214)
-
#11cae8
#11cae8
rgb(17,202,232)
-
#1fd1ee
#1fd1ee
rgb(31,209,238)
-
#31d5f0
#31d5f0
rgb(49,213,240)
-
#43d9f1
#43d9f1
rgb(67,217,241)
-
#56ddf2
#56ddf2
rgb(86,221,242)
-
#68e0f4
#68e0f4
rgb(104,224,244)
-
#7ae4f5
#7ae4f5
rgb(122,228,245)
-
#8ce8f6
#8ce8f6
rgb(140,232,246)
-
#9eebf8
#9eebf8
rgb(158,235,248)
-
#b1eff9
#b1eff9
rgb(177,239,249)
-
#c3f3fa
#c3f3fa
rgb(195,243,250)
-
#d5f7fc
#d5f7fc
rgb(213,247,252)
-
#e7fafd
#e7fafd
rgb(231,250,253)
-
#fafeff
#fafeff
rgb(250,254,255)
Tones of #7ae4f5
A tone is produced by adding gray to any pure hue. In this case, #b7b8b9 is the less saturated color, while #75e8fb is the most saturated one.
-
#b7b8b9
#b7b8b9
rgb(183,184,185)
-
#b1bcbe
#b1bcbe
rgb(177,188,190)
-
#acc0c4
#acc0c4
rgb(172,192,196)
-
#a6c4c9
#a6c4c9
rgb(166,196,201)
-
#a1c8cf
#a1c8cf
rgb(161,200,207)
-
#9bccd4
#9bccd4
rgb(155,204,212)
-
#96d0da
#96d0da
rgb(150,208,218)
-
#90d4df
#90d4df
rgb(144,212,223)
-
#8bd8e5
#8bd8e5
rgb(139,216,229)
-
#85dcea
#85dcea
rgb(133,220,234)
-
#80e0f0
#80e0f0
rgb(128,224,240)
-
#7ae4f5
#7ae4f5
rgb(122,228,245)
-
#75e8fb
#75e8fb
rgb(117,232,251)
Color Blindness Simulator
Below, you can see how #7ae4f5 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.