#7af5dd Color Information
In a RGB color space, hex #7af5dd is composed of 47.8% red, 96.1% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 50.2% cyan, 0% magenta, 9.8% yellow and 3.9% black. It has a hue angle of 168.3 degrees, a saturation of 86% and a lightness of 72%. #7af5dd color hex could be obtained by blending #f4ffff with #00ebbb. Closest websafe color is: #66ffcc.
-
- R 48
- G 96
- B 87
-
- C 50
- M 0
- Y 10
- K 4
● #7af5dd color description : Soft cyan.
#7af5dd Color Conversion
The hexadecimal color #7af5dd has RGB values of R:122, G:245, B:221 and CMYK values of C:0.5, M:0, Y:0.1, K:0.04. Its decimal value is 8058333.
Hex triplet | 7af5dd | #7af5dd |
---|---|---|
RGB Decimal | 122, 245, 221 | rgb(122,245,221) |
RGB Percent | 47.8, 96.1, 86.7 | rgb(47.8%,96.1%,86.7%) |
CMYK | 50, 0, 10, 4 | |
HSL | 168.3°, 86, 72 | hsl(168.3,86%,72%) |
HSV (or HSB) | 168.3°, 50.2, 96.1 | |
Web Safe | 66ffcc | #66ffcc |
CIE-LAB | 89.233, -40.178, 0.979 |
---|---|
XYZ | 53.726, 74.659, 79.982 |
xyY | 0.258, 0.358, 74.659 |
CIE-LCH | 89.233, 40.19, 178.604 |
CIE-LUV | 89.233, -53.142, 8.134 |
Hunter-Lab | 86.405, -40.221, 5.601 |
Binary | 01111010, 11110101, 11011101 |
Color Schemes with #7af5dd
Alternatives to #7af5dd
Below, you can see some colors close to #7af5dd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#7af5dd Preview
This text has a font color of #7af5dd.
<span style="color:#7af5dd;">Text here</span>
This paragraph has a background color of #7af5dd.
<p style="background-color:#7af5dd;">Content here</p>
This element has a border color of #7af5dd.
<div style="border:1px solid #7af5dd;">Content here</div>
.text {color:#7af5dd;}
.background {background-color:#7af5dd;}
.border {border:1px solid #7af5dd;}
Shades and Tints of #7af5dd
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, #010d0b is the darkest color, while #fafffe is the lightest one.
-
#010d0b
#010d0b
rgb(1,13,11)
-
#021f1a
#021f1a
rgb(2,31,26)
-
#043129
#043129
rgb(4,49,41)
-
#054437
#054437
rgb(5,68,55)
-
#065646
#065646
rgb(6,86,70)
-
#086855
#086855
rgb(8,104,85)
-
#097a64
#097a64
rgb(9,122,100)
-
#0b8d73
#0b8d73
rgb(11,141,115)
-
#0c9f82
#0c9f82
rgb(12,159,130)
-
#0db191
#0db191
rgb(13,177,145)
-
#0fc3a0
#0fc3a0
rgb(15,195,160)
-
#10d6af
#10d6af
rgb(16,214,175)
-
#11e8be
#11e8be
rgb(17,232,190)
-
#1feec6
#1feec6
rgb(31,238,198)
-
#31f0ca
#31f0ca
rgb(49,240,202)
-
#43f1cf
#43f1cf
rgb(67,241,207)
-
#56f2d4
#56f2d4
rgb(86,242,212)
-
#68f4d8
#68f4d8
rgb(104,244,216)
-
#7af5dd
#7af5dd
rgb(122,245,221)
-
#8cf6e2
#8cf6e2
rgb(140,246,226)
-
#9ef8e6
#9ef8e6
rgb(158,248,230)
-
#b1f9eb
#b1f9eb
rgb(177,249,235)
-
#c3faf0
#c3faf0
rgb(195,250,240)
-
#d5fcf4
#d5fcf4
rgb(213,252,244)
-
#e7fdf9
#e7fdf9
rgb(231,253,249)
-
#fafffe
#fafffe
rgb(250,255,254)
Tones of #7af5dd
A tone is produced by adding gray to any pure hue. In this case, #b7b9b8 is the less saturated color, while #75fbe0 is the most saturated one.
-
#b7b9b8
#b7b9b8
rgb(183,185,184)
-
#b1bebb
#b1bebb
rgb(177,190,187)
-
#acc4bf
#acc4bf
rgb(172,196,191)
-
#a6c9c2
#a6c9c2
rgb(166,201,194)
-
#a1cfc6
#a1cfc6
rgb(161,207,198)
-
#9bd4c9
#9bd4c9
rgb(155,212,201)
-
#96dacc
#96dacc
rgb(150,218,204)
-
#90dfd0
#90dfd0
rgb(144,223,208)
-
#8be5d3
#8be5d3
rgb(139,229,211)
-
#85ead6
#85ead6
rgb(133,234,214)
-
#80f0da
#80f0da
rgb(128,240,218)
-
#7af5dd
#7af5dd
rgb(122,245,221)
-
#75fbe0
#75fbe0
rgb(117,251,224)
Color Blindness Simulator
Below, you can see how #7af5dd 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.