#2afe96 Color Information
In a RGB color space, hex #2afe96 is composed of 16.5% red, 99.6% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 83.5% cyan, 0% magenta, 40.9% yellow and 0.4% black. It has a hue angle of 150.6 degrees, a saturation of 99.1% and a lightness of 58%. #2afe96 color hex could be obtained by blending #54ffff with #00fd2d. Closest websafe color is: #33ff99.
-
- R 16
- G 100
- B 59
-
- C 83
- M 0
- Y 41
- K 0
● #2afe96 color description : Bright cyan - lime green.
#2afe96 Color Conversion
The hexadecimal color #2afe96 has RGB values of R:42, G:254, B:150 and CMYK values of C:0.83, M:0, Y:0.41, K:0. Its decimal value is 2817686.
Hex triplet | 2afe96 | #2afe96 |
---|---|---|
RGB Decimal | 42, 254, 150 | rgb(42,254,150) |
RGB Percent | 16.5, 99.6, 58.8 | rgb(16.5%,99.6%,58.8%) |
CMYK | 83, 0, 41, 0 | |
HSL | 150.6°, 99.1, 58 | hsl(150.6,99.1%,58%) |
HSV (or HSB) | 150.6°, 83.5, 99.6 | |
Web Safe | 33ff99 | #33ff99 |
CIE-LAB | 88.72, -70.85, 36.311 |
---|---|
XYZ | 41.899, 73.573, 40.845 |
xyY | 0.268, 0.471, 73.573 |
CIE-LCH | 88.72, 79.613, 152.865 |
CIE-LUV | 88.72, -75.743, 62.118 |
Hunter-Lab | 85.775, -62.914, 31.809 |
Binary | 00101010, 11111110, 10010110 |
Color Schemes with #2afe96
Alternatives to #2afe96
Below, you can see some colors close to #2afe96. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#2afe96 Preview
This text has a font color of #2afe96.
<span style="color:#2afe96;">Text here</span>
This paragraph has a background color of #2afe96.
<p style="background-color:#2afe96;">Content here</p>
This element has a border color of #2afe96.
<div style="border:1px solid #2afe96;">Content here</div>
.text {color:#2afe96;}
.background {background-color:#2afe96;}
.border {border:1px solid #2afe96;}
Shades and Tints of #2afe96
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, #000201 is the darkest color, while #edfff6 is the lightest one.
-
#000201
#000201
rgb(0,2,1)
-
#00150b
#00150b
rgb(0,21,11)
-
#002915
#002915
rgb(0,41,21)
-
#003c1f
#003c1f
rgb(0,60,31)
-
#005029
#005029
rgb(0,80,41)
-
#006333
#006333
rgb(0,99,51)
-
#01773d
#01773d
rgb(1,119,61)
-
#018a47
#018a47
rgb(1,138,71)
-
#019e51
#019e51
rgb(1,158,81)
-
#01b15b
#01b15b
rgb(1,177,91)
-
#01c565
#01c565
rgb(1,197,101)
-
#01d96f
#01d96f
rgb(1,217,111)
-
#01ec79
#01ec79
rgb(1,236,121)
-
#03fe83
#03fe83
rgb(3,254,131)
-
#16fe8c
#16fe8c
rgb(22,254,140)
-
#2afe96
#2afe96
rgb(42,254,150)
-
#3efea0
#3efea0
rgb(62,254,160)
-
#51fea9
#51fea9
rgb(81,254,169)
-
#65feb3
#65feb3
rgb(101,254,179)
-
#78febc
#78febc
rgb(120,254,188)
-
#8cfec6
#8cfec6
rgb(140,254,198)
-
#9fffd0
#9fffd0
rgb(159,255,208)
-
#b3ffd9
#b3ffd9
rgb(179,255,217)
-
#c6ffe3
#c6ffe3
rgb(198,255,227)
-
#daffed
#daffed
rgb(218,255,237)
-
#edfff6
#edfff6
rgb(237,255,246)
Tones of #2afe96
A tone is produced by adding gray to any pure hue. In this case, #8d9b94 is the less saturated color, while #2afe96 is the most saturated one.
-
#8d9b94
#8d9b94
rgb(141,155,148)
-
#85a394
#85a394
rgb(133,163,148)
-
#7cac94
#7cac94
rgb(124,172,148)
-
#74b495
#74b495
rgb(116,180,149)
-
#6cbc95
#6cbc95
rgb(108,188,149)
-
#64c495
#64c495
rgb(100,196,149)
-
#5bcd95
#5bcd95
rgb(91,205,149)
-
#53d595
#53d595
rgb(83,213,149)
-
#4bdd95
#4bdd95
rgb(75,221,149)
-
#43e596
#43e596
rgb(67,229,150)
-
#3aee96
#3aee96
rgb(58,238,150)
-
#32f696
#32f696
rgb(50,246,150)
-
#2afe96
#2afe96
rgb(42,254,150)
Color Blindness Simulator
Below, you can see how #2afe96 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.