#2afff1 Color Information
In a RGB color space, hex #2afff1 is composed of 16.5% red, 100% green and 94.5% blue. Whereas in a CMYK color space, it is composed of 83.5% cyan, 0% magenta, 5.5% yellow and 0% black. It has a hue angle of 176.1 degrees, a saturation of 100% and a lightness of 58.2%. #2afff1 color hex could be obtained by blending #54ffff with #00ffe3. Closest websafe color is: #33ffff.
-
- R 16
- G 100
- B 95
-
- C 84
- M 0
- Y 5
- K 0
● #2afff1 color description : Vivid cyan.
#2afff1 Color Conversion
The hexadecimal color #2afff1 has RGB values of R:42, G:255, B:241 and CMYK values of C:0.84, M:0, Y:0.05, K:0. Its decimal value is 2818033.
Hex triplet | 2afff1 | #2afff1 |
---|---|---|
RGB Decimal | 42, 255, 241 | rgb(42,255,241) |
RGB Percent | 16.5, 100, 94.5 | rgb(16.5%,100%,94.5%) |
CMYK | 84, 0, 5, 0 | |
HSL | 176.1°, 100, 58.2 | hsl(176.1,100%,58.2%) |
HSV (or HSB) | 176.1°, 83.5, 100 | |
Web Safe | 33ffff | #33ffff |
CIE-LAB | 90.943, -50.49, -7.106 |
---|---|
XYZ | 52.587, 78.358, 95.567 |
xyY | 0.232, 0.346, 78.358 |
CIE-LCH | 90.943, 50.987, 188.011 |
CIE-LUV | 90.943, -69.712, -3.238 |
Hunter-Lab | 88.52, -48.869, -2.046 |
Binary | 00101010, 11111111, 11110001 |
Color Schemes with #2afff1
Alternatives to #2afff1
Below, you can see some colors close to #2afff1. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#2afff1 Preview
This text has a font color of #2afff1.
<span style="color:#2afff1;">Text here</span>
This paragraph has a background color of #2afff1.
<p style="background-color:#2afff1;">Content here</p>
This element has a border color of #2afff1.
<div style="border:1px solid #2afff1;">Content here</div>
.text {color:#2afff1;}
.background {background-color:#2afff1;}
.border {border:1px solid #2afff1;}
Shades and Tints of #2afff1
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)
-
#00655e
#00655e
rgb(0,101,94)
-
#007871
#007871
rgb(0,120,113)
-
#008c83
#008c83
rgb(0,140,131)
-
#00a095
#00a095
rgb(0,160,149)
-
#00b3a8
#00b3a8
rgb(0,179,168)
-
#00c7ba
#00c7ba
rgb(0,199,186)
-
#00dbcc
#00dbcc
rgb(0,219,204)
-
#00eedf
#00eedf
rgb(0,238,223)
-
#03ffee
#03ffee
rgb(3,255,238)
-
#16fff0
#16fff0
rgb(22,255,240)
-
#2afff1
#2afff1
rgb(42,255,241)
-
#3efff2
#3efff2
rgb(62,255,242)
-
#51fff4
#51fff4
rgb(81,255,244)
-
#65fff5
#65fff5
rgb(101,255,245)
-
#78fff6
#78fff6
rgb(120,255,246)
-
#8cfff7
#8cfff7
rgb(140,255,247)
-
#a0fff9
#a0fff9
rgb(160,255,249)
-
#b3fffa
#b3fffa
rgb(179,255,250)
-
#c7fffb
#c7fffb
rgb(199,255,251)
-
#dbfffd
#dbfffd
rgb(219,255,253)
-
#eefffe
#eefffe
rgb(238,255,254)
Tones of #2afff1
A tone is produced by adding gray to any pure hue. In this case, #8c9d9c is the less saturated color, while #2afff1 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)
-
#63c6bf
#63c6bf
rgb(99,198,191)
-
#5bcec6
#5bcec6
rgb(91,206,198)
-
#53d6cd
#53d6cd
rgb(83,214,205)
-
#4bded5
#4bded5
rgb(75,222,213)
-
#43e6dc
#43e6dc
rgb(67,230,220)
-
#3aefe3
#3aefe3
rgb(58,239,227)
-
#32f7ea
#32f7ea
rgb(50,247,234)
-
#2afff1
#2afff1
rgb(42,255,241)
Color Blindness Simulator
Below, you can see how #2afff1 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.