#7af3f3 Color Information
In a RGB color space, hex #7af3f3 is composed of 47.8% red, 95.3% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 49.8% cyan, 0% magenta, 0% yellow and 4.7% black. It has a hue angle of 180 degrees, a saturation of 83.4% and a lightness of 71.6%. #7af3f3 color hex could be obtained by blending #f4ffff with #00e7e7. Closest websafe color is: #66ffff.
-
- R 48
- G 95
- B 95
-
- C 50
- M 0
- Y 0
- K 5
● #7af3f3 color description : Soft cyan.
#7af3f3 Color Conversion
The hexadecimal color #7af3f3 has RGB values of R:122, G:243, B:243 and CMYK values of C:0.5, M:0, Y:0, K:0.05. Its decimal value is 8057843.
Hex triplet | 7af3f3 | #7af3f3 |
---|---|---|
RGB Decimal | 122, 243, 243 | rgb(122,243,243) |
RGB Percent | 47.8, 95.3, 95.3 | rgb(47.8%,95.3%,95.3%) |
CMYK | 50, 0, 0, 5 | |
HSL | 180°, 83.4, 71.6 | hsl(180,83.4%,71.6%) |
HSV (or HSB) | 180°, 49.8, 95.3 | |
Web Safe | 66ffff | #66ffff |
CIE-LAB | 89.255, -33.897, -10.467 |
---|---|
XYZ | 56.25, 74.706, 96.245 |
xyY | 0.248, 0.329, 74.706 |
CIE-LCH | 89.255, 35.476, 197.16 |
CIE-LUV | 89.255, -51.422, -11.106 |
Hunter-Lab | 86.433, -35.091, -5.518 |
Binary | 01111010, 11110011, 11110011 |
Color Schemes with #7af3f3
Alternatives to #7af3f3
Below, you can see some colors close to #7af3f3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#7af3f3 Preview
This text has a font color of #7af3f3.
<span style="color:#7af3f3;">Text here</span>
This paragraph has a background color of #7af3f3.
<p style="background-color:#7af3f3;">Content here</p>
This element has a border color of #7af3f3.
<div style="border:1px solid #7af3f3;">Content here</div>
.text {color:#7af3f3;}
.background {background-color:#7af3f3;}
.border {border:1px solid #7af3f3;}
Shades and Tints of #7af3f3
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, #010b0b is the darkest color, while #f8fefe is the lightest one.
-
#010b0b
#010b0b
rgb(1,11,11)
-
#031d1d
#031d1d
rgb(3,29,29)
-
#042f2f
#042f2f
rgb(4,47,47)
-
#064141
#064141
rgb(6,65,65)
-
#075353
#075353
rgb(7,83,83)
-
#096565
#096565
rgb(9,101,101)
-
#0b7777
#0b7777
rgb(11,119,119)
-
#0c8989
#0c8989
rgb(12,137,137)
-
#0e9b9b
#0e9b9b
rgb(14,155,155)
-
#10adad
#10adad
rgb(16,173,173)
-
#11bfbf
#11bfbf
rgb(17,191,191)
-
#13d1d1
#13d1d1
rgb(19,209,209)
-
#14e3e3
#14e3e3
rgb(20,227,227)
-
#20ebeb
#20ebeb
rgb(32,235,235)
-
#32eded
#32eded
rgb(50,237,237)
-
#44eeee
#44eeee
rgb(68,238,238)
-
#56f0f0
#56f0f0
rgb(86,240,240)
-
#68f1f1
#68f1f1
rgb(104,241,241)
-
#7af3f3
#7af3f3
rgb(122,243,243)
-
#8cf5f5
#8cf5f5
rgb(140,245,245)
-
#9ef6f6
#9ef6f6
rgb(158,246,246)
-
#b0f8f8
#b0f8f8
rgb(176,248,248)
-
#c2f9f9
#c2f9f9
rgb(194,249,249)
-
#d4fbfb
#d4fbfb
rgb(212,251,251)
-
#e6fdfd
#e6fdfd
rgb(230,253,253)
-
#f8fefe
#f8fefe
rgb(248,254,254)
Tones of #7af3f3
A tone is produced by adding gray to any pure hue. In this case, #b2bbbb is the less saturated color, while #6ffefe is the most saturated one.
-
#b2bbbb
#b2bbbb
rgb(178,187,187)
-
#acc1c1
#acc1c1
rgb(172,193,193)
-
#a7c6c6
#a7c6c6
rgb(167,198,198)
-
#a1cccc
#a1cccc
rgb(161,204,204)
-
#9bd2d2
#9bd2d2
rgb(155,210,210)
-
#96d7d7
#96d7d7
rgb(150,215,215)
-
#90dddd
#90dddd
rgb(144,221,221)
-
#8be2e2
#8be2e2
rgb(139,226,226)
-
#85e8e8
#85e8e8
rgb(133,232,232)
-
#80eded
#80eded
rgb(128,237,237)
-
#7af3f3
#7af3f3
rgb(122,243,243)
-
#74f9f9
#74f9f9
rgb(116,249,249)
-
#6ffefe
#6ffefe
rgb(111,254,254)
Color Blindness Simulator
Below, you can see how #7af3f3 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.