#7af6f3 Color Information
In a RGB color space, hex #7af6f3 is composed of 47.8% red, 96.5% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 50.4% cyan, 0% magenta, 1.2% yellow and 3.5% black. It has a hue angle of 178.5 degrees, a saturation of 87.3% and a lightness of 72.2%. #7af6f3 color hex could be obtained by blending #f4ffff with #00ede7. Closest websafe color is: #66ffff.
-
- R 48
- G 96
- B 95
-
- C 50
- M 0
- Y 1
- K 4
● #7af6f3 color description : Soft cyan.
#7af6f3 Color Conversion
The hexadecimal color #7af6f3 has RGB values of R:122, G:246, B:243 and CMYK values of C:0.5, M:0, Y:0.01, K:0.04. Its decimal value is 8058611.
Hex triplet | 7af6f3 | #7af6f3 |
---|---|---|
RGB Decimal | 122, 246, 243 | rgb(122,246,243) |
RGB Percent | 47.8, 96.5, 95.3 | rgb(47.8%,96.5%,95.3%) |
CMYK | 50, 0, 1, 4 | |
HSL | 178.5°, 87.3, 72.2 | hsl(178.5,87.3%,72.2%) |
HSV (or HSB) | 178.5°, 50.4, 96.5 | |
Web Safe | 66ffff | #66ffff |
CIE-LAB | 90.098, -35.293, -9.213 |
---|---|
XYZ | 57.155, 76.516, 96.546 |
xyY | 0.248, 0.332, 76.516 |
CIE-LCH | 90.098, 36.475, 194.631 |
CIE-LUV | 90.098, -52.555, -8.856 |
Hunter-Lab | 87.473, -36.448, -4.208 |
Binary | 01111010, 11110110, 11110011 |
Color Schemes with #7af6f3
Alternatives to #7af6f3
Below, you can see some colors close to #7af6f3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#7af6f3 Preview
This text has a font color of #7af6f3.
<span style="color:#7af6f3;">Text here</span>
This paragraph has a background color of #7af6f3.
<p style="background-color:#7af6f3;">Content here</p>
This element has a border color of #7af6f3.
<div style="border:1px solid #7af6f3;">Content here</div>
.text {color:#7af6f3;}
.background {background-color:#7af6f3;}
.border {border:1px solid #7af6f3;}
Shades and Tints of #7af6f3
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, #010e0e is the darkest color, while #fbffff is the lightest one.
-
#010e0e
#010e0e
rgb(1,14,14)
-
#022020
#022020
rgb(2,32,32)
-
#033332
#033332
rgb(3,51,50)
-
#054544
#054544
rgb(5,69,68)
-
#065755
#065755
rgb(6,87,85)
-
#076a67
#076a67
rgb(7,106,103)
-
#087c79
#087c79
rgb(8,124,121)
-
#0a8f8b
#0a8f8b
rgb(10,143,139)
-
#0ba19d
#0ba19d
rgb(11,161,157)
-
#0cb3af
#0cb3af
rgb(12,179,175)
-
#0dc6c1
#0dc6c1
rgb(13,198,193)
-
#0fd8d3
#0fd8d3
rgb(15,216,211)
-
#10eae5
#10eae5
rgb(16,234,229)
-
#1ef0eb
#1ef0eb
rgb(30,240,235)
-
#31f1ec
#31f1ec
rgb(49,241,236)
-
#43f2ee
#43f2ee
rgb(67,242,238)
-
#55f4f0
#55f4f0
rgb(85,244,240)
-
#68f5f1
#68f5f1
rgb(104,245,241)
-
#7af6f3
#7af6f3
rgb(122,246,243)
-
#8cf7f5
#8cf7f5
rgb(140,247,245)
-
#9ff8f6
#9ff8f6
rgb(159,248,246)
-
#b1faf8
#b1faf8
rgb(177,250,248)
-
#c3fbfa
#c3fbfa
rgb(195,251,250)
-
#d6fcfb
#d6fcfb
rgb(214,252,251)
-
#e8fdfd
#e8fdfd
rgb(232,253,253)
-
#fbffff
#fbffff
rgb(251,255,255)
Tones of #7af6f3
A tone is produced by adding gray to any pure hue. In this case, #b6baba is the less saturated color, while #75fbf8 is the most saturated one.
-
#b6baba
#b6baba
rgb(182,186,186)
-
#b1bfbf
#b1bfbf
rgb(177,191,191)
-
#abc5c4
#abc5c4
rgb(171,197,196)
-
#a6cac9
#a6cac9
rgb(166,202,201)
-
#a0d0cf
#a0d0cf
rgb(160,208,207)
-
#9bd5d4
#9bd5d4
rgb(155,213,212)
-
#95dbd9
#95dbd9
rgb(149,219,217)
-
#90e0de
#90e0de
rgb(144,224,222)
-
#8ae6e3
#8ae6e3
rgb(138,230,227)
-
#85ebe9
#85ebe9
rgb(133,235,233)
-
#7ff1ee
#7ff1ee
rgb(127,241,238)
-
#7af6f3
#7af6f3
rgb(122,246,243)
-
#75fbf8
#75fbf8
rgb(117,251,248)
Color Blindness Simulator
Below, you can see how #7af6f3 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.