#7ed4f2 Color Information
In a RGB color space, hex #7ed4f2 is composed of 49.4% red, 83.1% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 47.9% cyan, 12.4% magenta, 0% yellow and 5.1% black. It has a hue angle of 195.5 degrees, a saturation of 81.7% and a lightness of 72.2%. #7ed4f2 color hex could be obtained by blending #fcffff with #00a9e5. Closest websafe color is: #66ccff.
-
- R 49
- G 83
- B 95
-
- C 48
- M 12
- Y 0
- K 5
● #7ed4f2 color description : Soft blue.
#7ed4f2 Color Conversion
The hexadecimal color #7ed4f2 has RGB values of R:126, G:212, B:242 and CMYK values of C:0.48, M:0.12, Y:0, K:0.05. Its decimal value is 8312050.
Hex triplet | 7ed4f2 | #7ed4f2 |
---|---|---|
RGB Decimal | 126, 212, 242 | rgb(126,212,242) |
RGB Percent | 49.4, 83.1, 94.9 | rgb(49.4%,83.1%,94.9%) |
CMYK | 48, 12, 0, 5 | |
HSL | 195.5°, 81.7, 72.2 | hsl(195.5,81.7%,72.2%) |
HSV (or HSB) | 195.5°, 47.9, 94.9 | |
Web Safe | 66ccff | #66ccff |
CIE-LAB | 80.7, -18.168, -22.792 |
---|---|
XYZ | 48.171, 57.931, 92.643 |
xyY | 0.242, 0.291, 57.931 |
CIE-LCH | 80.7, 29.147, 231.442 |
CIE-LUV | 80.7, -38.404, -33.634 |
Hunter-Lab | 76.112, -20.225, -18.889 |
Binary | 01111110, 11010100, 11110010 |
Color Schemes with #7ed4f2
Alternatives to #7ed4f2
Below, you can see some colors close to #7ed4f2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#7ed4f2 Preview
This text has a font color of #7ed4f2.
<span style="color:#7ed4f2;">Text here</span>
This paragraph has a background color of #7ed4f2.
<p style="background-color:#7ed4f2;">Content here</p>
This element has a border color of #7ed4f2.
<div style="border:1px solid #7ed4f2;">Content here</div>
.text {color:#7ed4f2;}
.background {background-color:#7ed4f2;}
.border {border:1px solid #7ed4f2;}
Shades and Tints of #7ed4f2
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, #010a0e is the darkest color, while #fbfeff is the lightest one.
-
#010a0e
#010a0e
rgb(1,10,14)
-
#03181f
#03181f
rgb(3,24,31)
-
#052631
#052631
rgb(5,38,49)
-
#073343
#073343
rgb(7,51,67)
-
#094155
#094155
rgb(9,65,85)
-
#0a4f67
#0a4f67
rgb(10,79,103)
-
#0c5c78
#0c5c78
rgb(12,92,120)
-
#0e6a8a
#0e6a8a
rgb(14,106,138)
-
#10789c
#10789c
rgb(16,120,156)
-
#1285ae
#1285ae
rgb(18,133,174)
-
#1393c0
#1393c0
rgb(19,147,192)
-
#15a1d2
#15a1d2
rgb(21,161,210)
-
#17afe3
#17afe3
rgb(23,175,227)
-
#25b6e9
#25b6e9
rgb(37,182,233)
-
#37bceb
#37bceb
rgb(55,188,235)
-
#49c2ed
#49c2ed
rgb(73,194,237)
-
#5ac8ee
#5ac8ee
rgb(90,200,238)
-
#6ccef0
#6ccef0
rgb(108,206,240)
-
#7ed4f2
#7ed4f2
rgb(126,212,242)
-
#90daf4
#90daf4
rgb(144,218,244)
-
#a2e0f6
#a2e0f6
rgb(162,224,246)
-
#b3e6f7
#b3e6f7
rgb(179,230,247)
-
#c5ecf9
#c5ecf9
rgb(197,236,249)
-
#d7f2fb
#d7f2fb
rgb(215,242,251)
-
#e9f8fd
#e9f8fd
rgb(233,248,253)
-
#fbfeff
#fbfeff
rgb(251,254,255)
Tones of #7ed4f2
A tone is produced by adding gray to any pure hue. In this case, #b5babb is the less saturated color, while #73d9fd is the most saturated one.
-
#b5babb
#b5babb
rgb(181,186,187)
-
#afbcc1
#afbcc1
rgb(175,188,193)
-
#aabfc6
#aabfc6
rgb(170,191,198)
-
#a4c2cc
#a4c2cc
rgb(164,194,204)
-
#9fc4d1
#9fc4d1
rgb(159,196,209)
-
#99c7d7
#99c7d7
rgb(153,199,215)
-
#94c9dc
#94c9dc
rgb(148,201,220)
-
#8ecce2
#8ecce2
rgb(142,204,226)
-
#89cfe7
#89cfe7
rgb(137,207,231)
-
#83d1ed
#83d1ed
rgb(131,209,237)
-
#7ed4f2
#7ed4f2
rgb(126,212,242)
-
#79d7f7
#79d7f7
rgb(121,215,247)
-
#73d9fd
#73d9fd
rgb(115,217,253)
Color Blindness Simulator
Below, you can see how #7ed4f2 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.