#7af4e0 Color Information
In a RGB color space, hex #7af4e0 is composed of 47.8% red, 95.7% green and 87.8% blue. Whereas in a CMYK color space, it is composed of 50% cyan, 0% magenta, 8.2% yellow and 4.3% black. It has a hue angle of 170.2 degrees, a saturation of 84.7% and a lightness of 71.8%. #7af4e0 color hex could be obtained by blending #f4ffff with #00e9c1. Closest websafe color is: #66ffcc.
-
- R 48
- G 96
- B 88
-
- C 50
- M 0
- Y 8
- K 4
● #7af4e0 color description : Soft cyan.
#7af4e0 Color Conversion
The hexadecimal color #7af4e0 has RGB values of R:122, G:244, B:224 and CMYK values of C:0.5, M:0, Y:0.08, K:0.04. Its decimal value is 8058080.
Hex triplet | 7af4e0 | #7af4e0 |
---|---|---|
RGB Decimal | 122, 244, 224 | rgb(122,244,224) |
RGB Percent | 47.8, 95.7, 87.8 | rgb(47.8%,95.7%,87.8%) |
CMYK | 50, 0, 8, 4 | |
HSL | 170.2°, 84.7, 71.8 | hsl(170.2,84.7%,71.8%) |
HSV (or HSB) | 170.2°, 50, 95.7 | |
Web Safe | 66ffcc | #66ffcc |
CIE-LAB | 89.025, -39.02, -0.889 |
---|---|
XYZ | 53.827, 74.217, 82.006 |
xyY | 0.256, 0.353, 74.217 |
CIE-LCH | 89.025, 39.03, 181.305 |
CIE-LUV | 89.025, -52.628, 5.035 |
Hunter-Lab | 86.149, -39.232, 3.866 |
Binary | 01111010, 11110100, 11100000 |
Color Schemes with #7af4e0
Alternatives to #7af4e0
Below, you can see some colors close to #7af4e0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#7af4e0 Preview
This text has a font color of #7af4e0.
<span style="color:#7af4e0;">Text here</span>
This paragraph has a background color of #7af4e0.
<p style="background-color:#7af4e0;">Content here</p>
This element has a border color of #7af4e0.
<div style="border:1px solid #7af4e0;">Content here</div>
.text {color:#7af4e0;}
.background {background-color:#7af4e0;}
.border {border:1px solid #7af4e0;}
Shades and Tints of #7af4e0
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, #010c0a is the darkest color, while #f9fefe is the lightest one.
-
#010c0a
#010c0a
rgb(1,12,10)
-
#021e1a
#021e1a
rgb(2,30,26)
-
#043029
#043029
rgb(4,48,41)
-
#054238
#054238
rgb(5,66,56)
-
#075448
#075448
rgb(7,84,72)
-
#086757
#086757
rgb(8,103,87)
-
#0a7966
#0a7966
rgb(10,121,102)
-
#0b8b76
#0b8b76
rgb(11,139,118)
-
#0d9d85
#0d9d85
rgb(13,157,133)
-
#0eaf95
#0eaf95
rgb(14,175,149)
-
#10c1a4
#10c1a4
rgb(16,193,164)
-
#11d3b3
#11d3b3
rgb(17,211,179)
-
#13e5c3
#13e5c3
rgb(19,229,195)
-
#1fedcb
#1fedcb
rgb(31,237,203)
-
#32eecf
#32eecf
rgb(50,238,207)
-
#44f0d3
#44f0d3
rgb(68,240,211)
-
#56f1d8
#56f1d8
rgb(86,241,216)
-
#68f3dc
#68f3dc
rgb(104,243,220)
-
#7af4e0
#7af4e0
rgb(122,244,224)
-
#8cf5e4
#8cf5e4
rgb(140,245,228)
-
#9ef7e8
#9ef7e8
rgb(158,247,232)
-
#b0f8ed
#b0f8ed
rgb(176,248,237)
-
#c2faf1
#c2faf1
rgb(194,250,241)
-
#d5fbf5
#d5fbf5
rgb(213,251,245)
-
#e7fdf9
#e7fdf9
rgb(231,253,249)
-
#f9fefe
#f9fefe
rgb(249,254,254)
Tones of #7af4e0
A tone is produced by adding gray to any pure hue. In this case, #b7b7b7 is the less saturated color, while #74fae4 is the most saturated one.
-
#b7b7b7
#b7b7b7
rgb(183,183,183)
-
#b1bdbb
#b1bdbb
rgb(177,189,187)
-
#acc2be
#acc2be
rgb(172,194,190)
-
#a6c8c2
#a6c8c2
rgb(166,200,194)
-
#a1cdc6
#a1cdc6
rgb(161,205,198)
-
#9bd3ca
#9bd3ca
rgb(155,211,202)
-
#96d8cd
#96d8cd
rgb(150,216,205)
-
#90ded1
#90ded1
rgb(144,222,209)
-
#8be3d5
#8be3d5
rgb(139,227,213)
-
#85e9d9
#85e9d9
rgb(133,233,217)
-
#80eedc
#80eedc
rgb(128,238,220)
-
#7af4e0
#7af4e0
rgb(122,244,224)
-
#74fae4
#74fae4
rgb(116,250,228)
Color Blindness Simulator
Below, you can see how #7af4e0 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.