#6af4e2 Color Information
In a RGB color space, hex #6af4e2 is composed of 41.6% red, 95.7% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 56.6% cyan, 0% magenta, 7.4% yellow and 4.3% black. It has a hue angle of 172.2 degrees, a saturation of 86.3% and a lightness of 68.6%. #6af4e2 color hex could be obtained by blending #d4ffff with #00e9c5. Closest websafe color is: #66ffcc.
-
- R 42
- G 96
- B 89
-
- C 57
- M 0
- Y 7
- K 4
● #6af4e2 color description : Soft cyan.
#6af4e2 Color Conversion
The hexadecimal color #6af4e2 has RGB values of R:106, G:244, B:226 and CMYK values of C:0.57, M:0, Y:0.07, K:0.04. Its decimal value is 7009506.
Hex triplet | 6af4e2 | #6af4e2 |
---|---|---|
RGB Decimal | 106, 244, 226 | rgb(106,244,226) |
RGB Percent | 41.6, 95.7, 88.6 | rgb(41.6%,95.7%,88.6%) |
CMYK | 57, 0, 7, 4 | |
HSL | 172.2°, 86.3, 68.6 | hsl(172.2,86.3%,68.6%) |
HSV (or HSB) | 172.2°, 56.6, 95.7 | |
Web Safe | 66ffcc | #66ffcc |
CIE-LAB | 88.568, -41.739, -2.662 |
---|---|
XYZ | 52.018, 73.252, 83.345 |
xyY | 0.249, 0.351, 73.252 |
CIE-LCH | 88.568, 41.824, 183.65 |
CIE-LUV | 88.568, -56.771, 2.637 |
Hunter-Lab | 85.588, -41.291, 2.175 |
Binary | 01101010, 11110100, 11100010 |
Color Schemes with #6af4e2
Alternatives to #6af4e2
Below, you can see some colors close to #6af4e2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#6af4e2 Preview
This text has a font color of #6af4e2.
<span style="color:#6af4e2;">Text here</span>
This paragraph has a background color of #6af4e2.
<p style="background-color:#6af4e2;">Content here</p>
This element has a border color of #6af4e2.
<div style="border:1px solid #6af4e2;">Content here</div>
.text {color:#6af4e2;}
.background {background-color:#6af4e2;}
.border {border:1px solid #6af4e2;}
Shades and Tints of #6af4e2
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, #010f0e is the darkest color, while #fcfffe is the lightest one.
-
#010f0e
#010f0e
rgb(1,15,14)
-
#02221e
#02221e
rgb(2,34,30)
-
#04342e
#04342e
rgb(4,52,46)
-
#05463e
#05463e
rgb(5,70,62)
-
#07584e
#07584e
rgb(7,88,78)
-
#086b5e
#086b5e
rgb(8,107,94)
-
#097d6e
#097d6e
rgb(9,125,110)
-
#0b8f7e
#0b8f7e
rgb(11,143,126)
-
#0ca28e
#0ca28e
rgb(12,162,142)
-
#0db49e
#0db49e
rgb(13,180,158)
-
#0fc6ae
#0fc6ae
rgb(15,198,174)
-
#10d8be
#10d8be
rgb(16,216,190)
-
#11ebce
#11ebce
rgb(17,235,206)
-
#21efd4
#21efd4
rgb(33,239,212)
-
#33f0d7
#33f0d7
rgb(51,240,215)
-
#45f1db
#45f1db
rgb(69,241,219)
-
#58f3de
#58f3de
rgb(88,243,222)
-
#6af4e2
#6af4e2
rgb(106,244,226)
-
#7cf5e6
#7cf5e6
rgb(124,245,230)
-
#8ff7e9
#8ff7e9
rgb(143,247,233)
-
#a1f8ed
#a1f8ed
rgb(161,248,237)
-
#b3f9f0
#b3f9f0
rgb(179,249,240)
-
#c5fbf4
#c5fbf4
rgb(197,251,244)
-
#d8fcf7
#d8fcf7
rgb(216,252,247)
-
#eafdfb
#eafdfb
rgb(234,253,251)
-
#fcfffe
#fcfffe
rgb(252,255,254)
Tones of #6af4e2
A tone is produced by adding gray to any pure hue. In this case, #aeb0b0 is the less saturated color, while #64fae7 is the most saturated one.
-
#aeb0b0
#aeb0b0
rgb(174,176,176)
-
#a8b6b5
#a8b6b5
rgb(168,182,181)
-
#a1bdb9
#a1bdb9
rgb(161,189,185)
-
#9bc3be
#9bc3be
rgb(155,195,190)
-
#95c9c2
#95c9c2
rgb(149,201,194)
-
#8fcfc7
#8fcfc7
rgb(143,207,199)
-
#89d5cb
#89d5cb
rgb(137,213,203)
-
#83dbd0
#83dbd0
rgb(131,219,208)
-
#7ce2d4
#7ce2d4
rgb(124,226,212)
-
#76e8d9
#76e8d9
rgb(118,232,217)
-
#70eedd
#70eedd
rgb(112,238,221)
-
#6af4e2
#6af4e2
rgb(106,244,226)
-
#64fae7
#64fae7
rgb(100,250,231)
Color Blindness Simulator
Below, you can see how #6af4e2 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.