#a2ff60 Color Information
In a RGB color space, hex #a2ff60 is composed of 63.5% red, 100% green and 37.6% blue. Whereas in a CMYK color space, it is composed of 36.5% cyan, 0% magenta, 62.4% yellow and 0% black. It has a hue angle of 95.1 degrees, a saturation of 100% and a lightness of 68.8%. #a2ff60 color hex could be obtained by blending #ffffc0 with #45ff00. Closest websafe color is: #99ff66.
-
- R 64
- G 100
- B 38
-
- C 36
- M 0
- Y 62
- K 0
● #a2ff60 color description : Light green.
#a2ff60 Color Conversion
The hexadecimal color #a2ff60 has RGB values of R:162, G:255, B:96 and CMYK values of C:0.36, M:0, Y:0.62, K:0. Its decimal value is 10682208.
Hex triplet | a2ff60 | #a2ff60 |
---|---|---|
RGB Decimal | 162, 255, 96 | rgb(162,255,96) |
RGB Percent | 63.5, 100, 37.6 | rgb(63.5%,100%,37.6%) |
CMYK | 36, 0, 62, 0 | |
HSL | 95.1°, 100, 68.8 | hsl(95.1,100%,68.8%) |
HSV (or HSB) | 95.1°, 62.4, 100 | |
Web Safe | 99ff66 | #99ff66 |
CIE-LAB | 91.704, -53.296, 65.33 |
---|---|
XYZ | 52.77, 80.044, 23.735 |
xyY | 0.337, 0.511, 80.044 |
CIE-LCH | 91.704, 84.312, 129.207 |
CIE-LUV | 91.704, -45.886, 90.018 |
Hunter-Lab | 89.467, -51.284, 46.898 |
Binary | 10100010, 11111111, 01100000 |
Color Schemes with #a2ff60
Alternatives to #a2ff60
Below, you can see some colors close to #a2ff60. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#a2ff60 Preview
This text has a font color of #a2ff60.
<span style="color:#a2ff60;">Text here</span>
This paragraph has a background color of #a2ff60.
<p style="background-color:#a2ff60;">Content here</p>
This element has a border color of #a2ff60.
<div style="border:1px solid #a2ff60;">Content here</div>
.text {color:#a2ff60;}
.background {background-color:#a2ff60;}
.border {border:1px solid #a2ff60;}
Shades and Tints of #a2ff60
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, #071200 is the darkest color, while #fefffd is the lightest one.
-
#071200
#071200
rgb(7,18,0)
-
#0f2500
#0f2500
rgb(15,37,0)
-
#183900
#183900
rgb(24,57,0)
-
#204c00
#204c00
rgb(32,76,0)
-
#286000
#286000
rgb(40,96,0)
-
#307400
#307400
rgb(48,116,0)
-
#388700
#388700
rgb(56,135,0)
-
#409b00
#409b00
rgb(64,155,0)
-
#48ae00
#48ae00
rgb(72,174,0)
-
#51c200
#51c200
rgb(81,194,0)
-
#59d600
#59d600
rgb(89,214,0)
-
#61e900
#61e900
rgb(97,233,0)
-
#69fd00
#69fd00
rgb(105,253,0)
-
#74ff12
#74ff12
rgb(116,255,18)
-
#80ff25
#80ff25
rgb(128,255,37)
-
#8bff39
#8bff39
rgb(139,255,57)
-
#97ff4c
#97ff4c
rgb(151,255,76)
-
#a2ff60
#a2ff60
rgb(162,255,96)
-
#adff74
#adff74
rgb(173,255,116)
-
#b9ff87
#b9ff87
rgb(185,255,135)
-
#c4ff9b
#c4ff9b
rgb(196,255,155)
-
#d0ffae
#d0ffae
rgb(208,255,174)
-
#dbffc2
#dbffc2
rgb(219,255,194)
-
#e7ffd6
#e7ffd6
rgb(231,255,214)
-
#f2ffe9
#f2ffe9
rgb(242,255,233)
-
#fefffd
#fefffd
rgb(254,255,253)
Tones of #a2ff60
A tone is produced by adding gray to any pure hue. In this case, #aeb6a9 is the less saturated color, while #a2ff60 is the most saturated one.
-
#aeb6a9
#aeb6a9
rgb(174,182,169)
-
#adbca3
#adbca3
rgb(173,188,163)
-
#acc29d
#acc29d
rgb(172,194,157)
-
#abc897
#abc897
rgb(171,200,151)
-
#aace91
#aace91
rgb(170,206,145)
-
#a9d48b
#a9d48b
rgb(169,212,139)
-
#a8da85
#a8da85
rgb(168,218,133)
-
#a7e07f
#a7e07f
rgb(167,224,127)
-
#a6e778
#a6e778
rgb(166,231,120)
-
#a5ed72
#a5ed72
rgb(165,237,114)
-
#a4f36c
#a4f36c
rgb(164,243,108)
-
#a3f966
#a3f966
rgb(163,249,102)
-
#a2ff60
#a2ff60
rgb(162,255,96)
Color Blindness Simulator
Below, you can see how #a2ff60 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.