#7ad3e4 hex color
In a RGB color space, hex #7ad3e4 is composed of 47.8% red, 82.7% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 46.5% cyan, 7.5% magenta, 0% yellow and 10.6% black. It has a hue angle of 189.6 degrees, a saturation of 66.3% and a lightness of 68.6%. #7ad3e4 color hex could be obtained by blending #f4ffff with #00a7c9. Closest websafe color is: #66cccc.
-
- R 48
- G 83
- B 89
RGB color chart
-
- C 46
- M 7
- Y 0
- K 11
CMYK color chart
● #7ad3e4 color description : Soft cyan.
The hexadecimal color #7ad3e4 has RGB values of R:122, G:211, B:228 and CMYK values of C:0.46, M:0.07, Y:0, K:0.11. Its decimal value is 8049636.
Hex triplet | 7ad3e4 | #7ad3e4 |
---|---|---|
RGB Decimal | 122, 211, 228 | rgb(122,211,228) |
RGB Percent | 47.8, 82.7, 89.4 | rgb(47.8%,82.7%,89.4%) |
CMYK | 46, 7, 0, 11 | |
HSL | 189.6°, 66.3, 68.6 | hsl(189.6,66.3%,68.6%) |
HSV (or HSB) | 189.6°, 46.5, 89.4 | |
Web Safe | 66cccc | #66cccc |
CIE-LAB | 79.798, -22.304, -16.703 |
---|---|
XYZ | 45.32, 56.325, 81.878 |
xyY | 0.247, 0.307, 56.325 |
CIE-LCH | 79.798, 27.865, 216.828 |
CIE-LUV | 79.798, -39.666, -22.857 |
Hunter-Lab | 75.05, -23.547, -12.149 |
Binary | 01111010, 11010011, 11100100 |
Analogous Color
Split Complementary Color
Triadic Color
Below, you can see some colors close to #7ad3e4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
Text with hexadecimal color #7ad3e4
This text has a font color of #7ad3e4.
<span style="color:#7ad3e4;">Text here</span>
#7ad3e4 background color
This paragraph has a background color of #7ad3e4.
<p style="background-color:#7ad3e4;">Content here</p>
#7ad3e4 border color
This element has a border color of #7ad3e4.
<div style="border:1px solid #7ad3e4;">Content here</div>
CSS codes
.text {color:#7ad3e4;}
.background {background-color:#7ad3e4;}
.border {border:1px solid #7ad3e4;}
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, #030c0e is the darkest color, while #fcfefe is the lightest one.
-
#030c0e
#030c0e
rgb(3,12,14)
-
#061a1e
#061a1e
rgb(6,26,30)
-
#09282e
#09282e
rgb(9,40,46)
-
#0d373f
#0d373f
rgb(13,55,63)
-
#10454f
#10454f
rgb(16,69,79)
-
#13535f
#13535f
rgb(19,83,95)
-
#176170
#176170
rgb(23,97,112)
-
#1a7080
#1a7080
rgb(26,112,128)
-
#1d7e90
#1d7e90
rgb(29,126,144)
-
#218ca0
#218ca0
rgb(33,140,160)
-
#249ab1
#249ab1
rgb(36,154,177)
-
#27a8c1
#27a8c1
rgb(39,168,193)
-
#2bb7d1
#2bb7d1
rgb(43,183,209)
Shade Color Variation
-
#39bdd7
#39bdd7
rgb(57,189,215)
-
#49c3da
#49c3da
rgb(73,195,218)
-
#59c8dd
#59c8dd
rgb(89,200,221)
-
#6acee1
#6acee1
rgb(106,206,225)
-
#7ad3e4
#7ad3e4
rgb(122,211,228)
-
#8ad8e7
#8ad8e7
rgb(138,216,231)
-
#9bdeeb
#9bdeeb
rgb(155,222,235)
-
#abe3ee
#abe3ee
rgb(171,227,238)
-
#bbe9f1
#bbe9f1
rgb(187,233,241)
-
#cceef5
#cceef5
rgb(204,238,245)
-
#dcf3f8
#dcf3f8
rgb(220,243,248)
-
#ecf9fb
#ecf9fb
rgb(236,249,251)
-
#fcfefe
#fcfefe
rgb(252,254,254)
Tint Color Variation
A tone is produced by adding gray to any pure hue. In this case, #abb2b3 is the less saturated color, while #61e4fd is the most saturated one.
-
#abb2b3
#abb2b3
rgb(171,178,179)
-
#a5b6b9
#a5b6b9
rgb(165,182,185)
-
#9fbabf
#9fbabf
rgb(159,186,191)
-
#99bec5
#99bec5
rgb(153,190,197)
-
#93c2cb
#93c2cb
rgb(147,194,203)
-
#8cc6d2
#8cc6d2
rgb(140,198,210)
-
#86cbd8
#86cbd8
rgb(134,203,216)
-
#80cfde
#80cfde
rgb(128,207,222)
-
#7ad3e4
#7ad3e4
rgb(122,211,228)
-
#74d7ea
#74d7ea
rgb(116,215,234)
-
#6edbf0
#6edbf0
rgb(110,219,240)
-
#68e0f6
#68e0f6
rgb(104,224,246)
-
#61e4fd
#61e4fd
rgb(97,228,253)
Tone Color Variation
Below, you can see how #7ad3e4 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.
Monochromacy
Dichromacy