#6af4f0 Color Information
In a RGB color space, hex #6af4f0 is composed of 41.6% red, 95.7% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 56.6% cyan, 0% magenta, 1.6% yellow and 4.3% black. It has a hue angle of 178.3 degrees, a saturation of 86.3% and a lightness of 68.6%. #6af4f0 color hex could be obtained by blending #d4ffff with #00e9e1. Closest websafe color is: #66ffff.
-
- R 42
- G 96
- B 94
-
- C 57
- M 0
- Y 2
- K 4
● #6af4f0 color description : Soft cyan.
#6af4f0 Color Conversion
The hexadecimal color #6af4f0 has RGB values of R:106, G:244, B:240 and CMYK values of C:0.57, M:0, Y:0.02, K:0.04. Its decimal value is 7009520.
Hex triplet | 6af4f0 | #6af4f0 |
---|---|---|
RGB Decimal | 106, 244, 240 | rgb(106,244,240) |
RGB Percent | 41.6, 95.7, 94.1 | rgb(41.6%,95.7%,94.1%) |
CMYK | 57, 0, 2, 4 | |
HSL | 178.3°, 86.3, 68.6 | hsl(178.3,86.3%,68.6%) |
HSV (or HSB) | 178.3°, 56.6, 95.7 | |
Web Safe | 66ffff | #66ffff |
CIE-LAB | 88.947, -38.197, -9.413 |
---|---|
XYZ | 54.018, 74.053, 93.88 |
xyY | 0.243, 0.334, 74.053 |
CIE-LCH | 88.947, 39.34, 193.844 |
CIE-LUV | 88.947, -56.033, -8.754 |
Hunter-Lab | 86.054, -38.545, -4.445 |
Binary | 01101010, 11110100, 11110000 |
Color Schemes with #6af4f0
Alternatives to #6af4f0
Below, you can see some colors close to #6af4f0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#6af4f0 Preview
This text has a font color of #6af4f0.
<span style="color:#6af4f0;">Text here</span>
This paragraph has a background color of #6af4f0.
<p style="background-color:#6af4f0;">Content here</p>
This element has a border color of #6af4f0.
<div style="border:1px solid #6af4f0;">Content here</div>
.text {color:#6af4f0;}
.background {background-color:#6af4f0;}
.border {border:1px solid #6af4f0;}
Shades and Tints of #6af4f0
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, #010f0f is the darkest color, while #fcffff is the lightest one.
-
#010f0f
#010f0f
rgb(1,15,15)
-
#022221
#022221
rgb(2,34,33)
-
#043433
#043433
rgb(4,52,51)
-
#054644
#054644
rgb(5,70,68)
-
#075856
#075856
rgb(7,88,86)
-
#086b68
#086b68
rgb(8,107,104)
-
#097d7a
#097d7a
rgb(9,125,122)
-
#0b8f8b
#0b8f8b
rgb(11,143,139)
-
#0ca29d
#0ca29d
rgb(12,162,157)
-
#0db4af
#0db4af
rgb(13,180,175)
-
#0fc6c1
#0fc6c1
rgb(15,198,193)
-
#10d8d3
#10d8d3
rgb(16,216,211)
-
#11ebe4
#11ebe4
rgb(17,235,228)
-
#21efe9
#21efe9
rgb(33,239,233)
-
#33f0ea
#33f0ea
rgb(51,240,234)
-
#45f1ec
#45f1ec
rgb(69,241,236)
-
#58f3ee
#58f3ee
rgb(88,243,238)
-
#6af4f0
#6af4f0
rgb(106,244,240)
-
#7cf5f2
#7cf5f2
rgb(124,245,242)
-
#8ff7f4
#8ff7f4
rgb(143,247,244)
-
#a1f8f6
#a1f8f6
rgb(161,248,246)
-
#b3f9f7
#b3f9f7
rgb(179,249,247)
-
#c5fbf9
#c5fbf9
rgb(197,251,249)
-
#d8fcfb
#d8fcfb
rgb(216,252,251)
-
#eafdfd
#eafdfd
rgb(234,253,253)
-
#fcffff
#fcffff
rgb(252,255,255)
Tones of #6af4f0
A tone is produced by adding gray to any pure hue. In this case, #aeb0b0 is the less saturated color, while #64faf6 is the most saturated one.
-
#aeb0b0
#aeb0b0
rgb(174,176,176)
-
#a8b6b6
#a8b6b6
rgb(168,182,182)
-
#a1bdbc
#a1bdbc
rgb(161,189,188)
-
#9bc3c2
#9bc3c2
rgb(155,195,194)
-
#95c9c7
#95c9c7
rgb(149,201,199)
-
#8fcfcd
#8fcfcd
rgb(143,207,205)
-
#89d5d3
#89d5d3
rgb(137,213,211)
-
#83dbd9
#83dbd9
rgb(131,219,217)
-
#7ce2df
#7ce2df
rgb(124,226,223)
-
#76e8e4
#76e8e4
rgb(118,232,228)
-
#70eeea
#70eeea
rgb(112,238,234)
-
#6af4f0
#6af4f0
rgb(106,244,240)
-
#64faf6
#64faf6
rgb(100,250,246)
Color Blindness Simulator
Below, you can see how #6af4f0 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.