#2afff4 Color Information
In a RGB color space, hex #2afff4 is composed of 16.5% red, 100% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 83.5% cyan, 0% magenta, 4.3% yellow and 0% black. It has a hue angle of 176.9 degrees, a saturation of 100% and a lightness of 58.2%. #2afff4 color hex could be obtained by blending #54ffff with #00ffe9. Closest websafe color is: #33ffff.
-
- R 16
- G 100
- B 96
-
- C 84
- M 0
- Y 4
- K 0
● #2afff4 color description : Vivid cyan.
#2afff4 Color Conversion
The hexadecimal color #2afff4 has RGB values of R:42, G:255, B:244 and CMYK values of C:0.84, M:0, Y:0.04, K:0. Its decimal value is 2818036.
Hex triplet | 2afff4 | #2afff4 |
---|---|---|
RGB Decimal | 42, 255, 244 | rgb(42,255,244) |
RGB Percent | 16.5, 100, 95.7 | rgb(16.5%,100%,95.7%) |
CMYK | 84, 0, 4, 0 | |
HSL | 176.9°, 100, 58.2 | hsl(176.9,100%,58.2%) |
HSV (or HSB) | 176.9°, 83.5, 100 | |
Web Safe | 33ffff | #33ffff |
CIE-LAB | 91.025, -49.671, -8.541 |
---|---|
XYZ | 53.039, 78.539, 97.947 |
xyY | 0.231, 0.342, 78.539 |
CIE-LCH | 91.025, 50.4, 189.756 |
CIE-LUV | 91.025, -69.483, -5.701 |
Hunter-Lab | 88.622, -48.259, -3.493 |
Binary | 00101010, 11111111, 11110100 |
Color Schemes with #2afff4
Alternatives to #2afff4
Below, you can see some colors close to #2afff4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#2afff4 Preview
This text has a font color of #2afff4.
<span style="color:#2afff4;">Text here</span>
This paragraph has a background color of #2afff4.
<p style="background-color:#2afff4;">Content here</p>
This element has a border color of #2afff4.
<div style="border:1px solid #2afff4;">Content here</div>
.text {color:#2afff4;}
.background {background-color:#2afff4;}
.border {border:1px solid #2afff4;}
Shades and Tints of #2afff4
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, #000303 is the darkest color, while #eefffe is the lightest one.
-
#000303
#000303
rgb(0,3,3)
-
#001615
#001615
rgb(0,22,21)
-
#002a28
#002a28
rgb(0,42,40)
-
#003e3a
#003e3a
rgb(0,62,58)
-
#00514d
#00514d
rgb(0,81,77)
-
#006560
#006560
rgb(0,101,96)
-
#007872
#007872
rgb(0,120,114)
-
#008c85
#008c85
rgb(0,140,133)
-
#00a097
#00a097
rgb(0,160,151)
-
#00b3aa
#00b3aa
rgb(0,179,170)
-
#00c7bd
#00c7bd
rgb(0,199,189)
-
#00dbcf
#00dbcf
rgb(0,219,207)
-
#00eee2
#00eee2
rgb(0,238,226)
-
#03fff2
#03fff2
rgb(3,255,242)
-
#16fff3
#16fff3
rgb(22,255,243)
-
#2afff4
#2afff4
rgb(42,255,244)
-
#3efff5
#3efff5
rgb(62,255,245)
-
#51fff6
#51fff6
rgb(81,255,246)
-
#65fff7
#65fff7
rgb(101,255,247)
-
#78fff8
#78fff8
rgb(120,255,248)
-
#8cfff9
#8cfff9
rgb(140,255,249)
-
#a0fffa
#a0fffa
rgb(160,255,250)
-
#b3fffb
#b3fffb
rgb(179,255,251)
-
#c7fffc
#c7fffc
rgb(199,255,252)
-
#dbfffd
#dbfffd
rgb(219,255,253)
-
#eefffe
#eefffe
rgb(238,255,254)
Tones of #2afff4
A tone is produced by adding gray to any pure hue. In this case, #8c9d9c is the less saturated color, while #2afff4 is the most saturated one.
-
#8c9d9c
#8c9d9c
rgb(140,157,156)
-
#84a5a3
#84a5a3
rgb(132,165,163)
-
#7cadab
#7cadab
rgb(124,173,171)
-
#74b5b2
#74b5b2
rgb(116,181,178)
-
#6cbdb9
#6cbdb9
rgb(108,189,185)
-
#63c6c1
#63c6c1
rgb(99,198,193)
-
#5bcec8
#5bcec8
rgb(91,206,200)
-
#53d6cf
#53d6cf
rgb(83,214,207)
-
#4bded7
#4bded7
rgb(75,222,215)
-
#43e6de
#43e6de
rgb(67,230,222)
-
#3aefe5
#3aefe5
rgb(58,239,229)
-
#32f7ed
#32f7ed
rgb(50,247,237)
-
#2afff4
#2afff4
rgb(42,255,244)
Color Blindness Simulator
Below, you can see how #2afff4 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.