#6af5e2 Color Information
In a RGB color space, hex #6af5e2 is composed of 41.6% red, 96.1% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 56.7% cyan, 0% magenta, 7.8% yellow and 3.9% black. It has a hue angle of 171.8 degrees, a saturation of 87.4% and a lightness of 68.8%. #6af5e2 color hex could be obtained by blending #d4ffff with #00ebc5. Closest websafe color is: #66ffcc.
-
- R 42
- G 96
- B 89
-
- C 57
- M 0
- Y 8
- K 4
● #6af5e2 color description : Soft cyan.
#6af5e2 Color Conversion
The hexadecimal color #6af5e2 has RGB values of R:106, G:245, B:226 and CMYK values of C:0.57, M:0, Y:0.08, K:0.04. Its decimal value is 7009762.
Hex triplet | 6af5e2 | #6af5e2 |
---|---|---|
RGB Decimal | 106, 245, 226 | rgb(106,245,226) |
RGB Percent | 41.6, 96.1, 88.6 | rgb(41.6%,96.1%,88.6%) |
CMYK | 57, 0, 8, 4 | |
HSL | 171.8°, 87.4, 68.8 | hsl(171.8,87.4%,68.8%) |
HSV (or HSB) | 171.8°, 56.7, 96.1 | |
Web Safe | 66ffcc | #66ffcc |
CIE-LAB | 88.854, -42.184, -2.242 |
---|---|
XYZ | 52.319, 73.856, 83.446 |
xyY | 0.25, 0.352, 73.856 |
CIE-LCH | 88.854, 42.243, 183.042 |
CIE-LUV | 88.854, -57.141, 3.372 |
Hunter-Lab | 85.939, -41.724, 2.588 |
Binary | 01101010, 11110101, 11100010 |
Color Schemes with #6af5e2
Alternatives to #6af5e2
Below, you can see some colors close to #6af5e2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#6af5e2 Preview
This text has a font color of #6af5e2.
<span style="color:#6af5e2;">Text here</span>
This paragraph has a background color of #6af5e2.
<p style="background-color:#6af5e2;">Content here</p>
This element has a border color of #6af5e2.
<div style="border:1px solid #6af5e2;">Content here</div>
.text {color:#6af5e2;}
.background {background-color:#6af5e2;}
.border {border:1px solid #6af5e2;}
Shades and Tints of #6af5e2
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, #01100e is the darkest color, while #fdffff is the lightest one.
-
#01100e
#01100e
rgb(1,16,14)
-
#02231e
#02231e
rgb(2,35,30)
-
#04352e
#04352e
rgb(4,53,46)
-
#05483e
#05483e
rgb(5,72,62)
-
#065a4e
#065a4e
rgb(6,90,78)
-
#076c5f
#076c5f
rgb(7,108,95)
-
#097f6f
#097f6f
rgb(9,127,111)
-
#0a917f
#0a917f
rgb(10,145,127)
-
#0ba38f
#0ba38f
rgb(11,163,143)
-
#0cb69f
#0cb69f
rgb(12,182,159)
-
#0dc8af
#0dc8af
rgb(13,200,175)
-
#0fdbbf
#0fdbbf
rgb(15,219,191)
-
#10edcf
#10edcf
rgb(16,237,207)
-
#20f0d4
#20f0d4
rgb(32,240,212)
-
#33f1d7
#33f1d7
rgb(51,241,215)
-
#45f3db
#45f3db
rgb(69,243,219)
-
#58f4de
#58f4de
rgb(88,244,222)
-
#6af5e2
#6af5e2
rgb(106,245,226)
-
#7cf6e6
#7cf6e6
rgb(124,246,230)
-
#8ff7e9
#8ff7e9
rgb(143,247,233)
-
#a1f9ed
#a1f9ed
rgb(161,249,237)
-
#b4faf0
#b4faf0
rgb(180,250,240)
-
#c6fbf4
#c6fbf4
rgb(198,251,244)
-
#d8fcf7
#d8fcf7
rgb(216,252,247)
-
#ebfefb
#ebfefb
rgb(235,254,251)
-
#fdffff
#fdffff
rgb(253,255,255)
Tones of #6af5e2
A tone is produced by adding gray to any pure hue. In this case, #adb2b1 is the less saturated color, while #64fbe6 is the most saturated one.
-
#adb2b1
#adb2b1
rgb(173,178,177)
-
#a7b8b6
#a7b8b6
rgb(167,184,182)
-
#a1beba
#a1beba
rgb(161,190,186)
-
#9bc4be
#9bc4be
rgb(155,196,190)
-
#95cac3
#95cac3
rgb(149,202,195)
-
#8fd0c7
#8fd0c7
rgb(143,208,199)
-
#89d6cc
#89d6cc
rgb(137,214,204)
-
#82ddd0
#82ddd0
rgb(130,221,208)
-
#7ce3d5
#7ce3d5
rgb(124,227,213)
-
#76e9d9
#76e9d9
rgb(118,233,217)
-
#70efde
#70efde
rgb(112,239,222)
-
#6af5e2
#6af5e2
rgb(106,245,226)
-
#64fbe6
#64fbe6
rgb(100,251,230)
Color Blindness Simulator
Below, you can see how #6af5e2 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.