#2afff2 Color Information
In a RGB color space, hex #2afff2 is composed of 16.5% red, 100% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 83.5% cyan, 0% magenta, 5.1% yellow and 0% black. It has a hue angle of 176.3 degrees, a saturation of 100% and a lightness of 58.2%. #2afff2 color hex could be obtained by blending #54ffff with #00ffe5. Closest websafe color is: #33ffff.
-
- R 16
- G 100
- B 95
-
- C 84
- M 0
- Y 5
- K 0
● #2afff2 color description : Vivid cyan.
#2afff2 Color Conversion
The hexadecimal color #2afff2 has RGB values of R:42, G:255, B:242 and CMYK values of C:0.84, M:0, Y:0.05, K:0. Its decimal value is 2818034.
Hex triplet | 2afff2 | #2afff2 |
---|---|---|
RGB Decimal | 42, 255, 242 | rgb(42,255,242) |
RGB Percent | 16.5, 100, 94.9 | rgb(16.5%,100%,94.9%) |
CMYK | 84, 0, 5, 0 | |
HSL | 176.3°, 100, 58.2 | hsl(176.3,100%,58.2%) |
HSV (or HSB) | 176.3°, 83.5, 100 | |
Web Safe | 33ffff | #33ffff |
CIE-LAB | 90.97, -50.218, -7.584 |
---|---|
XYZ | 52.737, 78.418, 96.356 |
xyY | 0.232, 0.345, 78.418 |
CIE-LCH | 90.97, 50.787, 188.588 |
CIE-LUV | 90.97, -69.636, -4.057 |
Hunter-Lab | 88.554, -48.667, -2.526 |
Binary | 00101010, 11111111, 11110010 |
Color Schemes with #2afff2
Alternatives to #2afff2
Below, you can see some colors close to #2afff2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#2afff2 Preview
This text has a font color of #2afff2.
<span style="color:#2afff2;">Text here</span>
This paragraph has a background color of #2afff2.
<p style="background-color:#2afff2;">Content here</p>
This element has a border color of #2afff2.
<div style="border:1px solid #2afff2;">Content here</div>
.text {color:#2afff2;}
.background {background-color:#2afff2;}
.border {border:1px solid #2afff2;}
Shades and Tints of #2afff2
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)
-
#002a27
#002a27
rgb(0,42,39)
-
#003e3a
#003e3a
rgb(0,62,58)
-
#00514c
#00514c
rgb(0,81,76)
-
#00655f
#00655f
rgb(0,101,95)
-
#007871
#007871
rgb(0,120,113)
-
#008c84
#008c84
rgb(0,140,132)
-
#00a096
#00a096
rgb(0,160,150)
-
#00b3a8
#00b3a8
rgb(0,179,168)
-
#00c7bb
#00c7bb
rgb(0,199,187)
-
#00dbcd
#00dbcd
rgb(0,219,205)
-
#00eee0
#00eee0
rgb(0,238,224)
-
#03fff0
#03fff0
rgb(3,255,240)
-
#16fff1
#16fff1
rgb(22,255,241)
-
#2afff2
#2afff2
rgb(42,255,242)
-
#3efff3
#3efff3
rgb(62,255,243)
-
#51fff4
#51fff4
rgb(81,255,244)
-
#65fff6
#65fff6
rgb(101,255,246)
-
#78fff7
#78fff7
rgb(120,255,247)
-
#8cfff8
#8cfff8
rgb(140,255,248)
-
#a0fff9
#a0fff9
rgb(160,255,249)
-
#b3fffa
#b3fffa
rgb(179,255,250)
-
#c7fffc
#c7fffc
rgb(199,255,252)
-
#dbfffd
#dbfffd
rgb(219,255,253)
-
#eefffe
#eefffe
rgb(238,255,254)
Tones of #2afff2
A tone is produced by adding gray to any pure hue. In this case, #8c9d9c is the less saturated color, while #2afff2 is the most saturated one.
-
#8c9d9c
#8c9d9c
rgb(140,157,156)
-
#84a5a3
#84a5a3
rgb(132,165,163)
-
#7cadaa
#7cadaa
rgb(124,173,170)
-
#74b5b1
#74b5b1
rgb(116,181,177)
-
#6cbdb8
#6cbdb8
rgb(108,189,184)
-
#63c6c0
#63c6c0
rgb(99,198,192)
-
#5bcec7
#5bcec7
rgb(91,206,199)
-
#53d6ce
#53d6ce
rgb(83,214,206)
-
#4bded5
#4bded5
rgb(75,222,213)
-
#43e6dc
#43e6dc
rgb(67,230,220)
-
#3aefe4
#3aefe4
rgb(58,239,228)
-
#32f7eb
#32f7eb
rgb(50,247,235)
-
#2afff2
#2afff2
rgb(42,255,242)
Color Blindness Simulator
Below, you can see how #2afff2 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.