#a2ff63 Color Information
In a RGB color space, hex #a2ff63 is composed of 63.5% red, 100% green and 38.8% blue. Whereas in a CMYK color space, it is composed of 36.5% cyan, 0% magenta, 61.2% yellow and 0% black. It has a hue angle of 95.8 degrees, a saturation of 100% and a lightness of 69.4%. #a2ff63 color hex could be obtained by blending #ffffc6 with #45ff00. Closest websafe color is: #99ff66.
-
- R 64
- G 100
- B 39
-
- C 36
- M 0
- Y 61
- K 0
● #a2ff63 color description : Light green.
#a2ff63 Color Conversion
The hexadecimal color #a2ff63 has RGB values of R:162, G:255, B:99 and CMYK values of C:0.36, M:0, Y:0.61, K:0. Its decimal value is 10682211.
Hex triplet | a2ff63 | #a2ff63 |
---|---|---|
RGB Decimal | 162, 255, 99 | rgb(162,255,99) |
RGB Percent | 63.5, 100, 38.8 | rgb(63.5%,100%,38.8%) |
CMYK | 36, 0, 61, 0 | |
HSL | 95.8°, 100, 69.4 | hsl(95.8,100%,69.4%) |
HSV (or HSB) | 95.8°, 61.2, 100 | |
Web Safe | 99ff66 | #99ff66 |
CIE-LAB | 91.73, -53.04, 64.133 |
---|---|
XYZ | 52.911, 80.1, 24.477 |
xyY | 0.336, 0.509, 80.1 |
CIE-LCH | 91.73, 83.224, 129.591 |
CIE-LUV | 91.73, -45.852, 88.93 |
Hunter-Lab | 89.499, -51.095, 46.434 |
Binary | 10100010, 11111111, 01100011 |
Color Schemes with #a2ff63
Alternatives to #a2ff63
Below, you can see some colors close to #a2ff63. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#a2ff63 Preview
This text has a font color of #a2ff63.
<span style="color:#a2ff63;">Text here</span>
This paragraph has a background color of #a2ff63.
<p style="background-color:#a2ff63;">Content here</p>
This element has a border color of #a2ff63.
<div style="border:1px solid #a2ff63;">Content here</div>
.text {color:#a2ff63;}
.background {background-color:#a2ff63;}
.border {border:1px solid #a2ff63;}
Shades and Tints of #a2ff63
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, #000100 is the darkest color, while #f4ffec is the lightest one.
-
#000100
#000100
rgb(0,1,0)
-
#081500
#081500
rgb(8,21,0)
-
#102800
#102800
rgb(16,40,0)
-
#183c00
#183c00
rgb(24,60,0)
-
#204f00
#204f00
rgb(32,79,0)
-
#286300
#286300
rgb(40,99,0)
-
#307700
#307700
rgb(48,119,0)
-
#388a00
#388a00
rgb(56,138,0)
-
#409e00
#409e00
rgb(64,158,0)
-
#48b100
#48b100
rgb(72,177,0)
-
#50c500
#50c500
rgb(80,197,0)
-
#58d900
#58d900
rgb(88,217,0)
-
#5fec00
#5fec00
rgb(95,236,0)
-
#68ff01
#68ff01
rgb(104,255,1)
-
#73ff15
#73ff15
rgb(115,255,21)
-
#7fff28
#7fff28
rgb(127,255,40)
-
#8bff3c
#8bff3c
rgb(139,255,60)
-
#96ff4f
#96ff4f
rgb(150,255,79)
-
#a2ff63
#a2ff63
rgb(162,255,99)
-
#aeff77
#aeff77
rgb(174,255,119)
-
#b9ff8a
#b9ff8a
rgb(185,255,138)
-
#c5ff9e
#c5ff9e
rgb(197,255,158)
-
#d1ffb1
#d1ffb1
rgb(209,255,177)
-
#dcffc5
#dcffc5
rgb(220,255,197)
-
#e8ffd9
#e8ffd9
rgb(232,255,217)
-
#f4ffec
#f4ffec
rgb(244,255,236)
Tones of #a2ff63
A tone is produced by adding gray to any pure hue. In this case, #b0b7ab is the less saturated color, while #a2ff63 is the most saturated one.
-
#b0b7ab
#b0b7ab
rgb(176,183,171)
-
#afbda5
#afbda5
rgb(175,189,165)
-
#aec39f
#aec39f
rgb(174,195,159)
-
#acc999
#acc999
rgb(172,201,153)
-
#abcf93
#abcf93
rgb(171,207,147)
-
#aad58d
#aad58d
rgb(170,213,141)
-
#a9db87
#a9db87
rgb(169,219,135)
-
#a8e181
#a8e181
rgb(168,225,129)
-
#a7e77b
#a7e77b
rgb(167,231,123)
-
#a5ed75
#a5ed75
rgb(165,237,117)
-
#a4f36f
#a4f36f
rgb(164,243,111)
-
#a3f969
#a3f969
rgb(163,249,105)
-
#a2ff63
#a2ff63
rgb(162,255,99)
Color Blindness Simulator
Below, you can see how #a2ff63 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.