#02af30 Color Information
In a RGB color space, hex #02af30 is composed of 0.8% red, 68.6% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 98.9% cyan, 0% magenta, 72.6% yellow and 31.4% black. It has a hue angle of 136 degrees, a saturation of 97.7% and a lightness of 34.7%. #02af30 color hex could be obtained by blending #04ff60 with #005f00. Closest websafe color is: #009933.
-
- R 1
- G 69
- B 19
-
- C 99
- M 0
- Y 73
- K 31
● #02af30 color description : Dark cyan - lime green.
#02af30 Color Conversion
The hexadecimal color #02af30 has RGB values of R:2, G:175, B:48 and CMYK values of C:0.99, M:0, Y:0.73, K:0.31. Its decimal value is 175920.
Hex triplet | 02af30 | #02af30 |
---|---|---|
RGB Decimal | 2, 175, 48 | rgb(2,175,48) |
RGB Percent | 0.8, 68.6, 18.8 | rgb(0.8%,68.6%,18.8%) |
CMYK | 99, 0, 73, 31 | |
HSL | 136°, 97.7, 34.7 | hsl(136,97.7%,34.7%) |
HSV (or HSB) | 136°, 98.9, 68.6 | |
Web Safe | 009933 | #009933 |
CIE-LAB | 62.41, -62.545, 51.702 |
---|---|
XYZ | 15.888, 30.884, 7.92 |
xyY | 0.29, 0.565, 30.884 |
CIE-LCH | 62.41, 81.148, 140.422 |
CIE-LUV | 62.41, -57.991, 68.445 |
Hunter-Lab | 55.574, -46.224, 30.452 |
Binary | 00000010, 10101111, 00110000 |
Color Schemes with #02af30
Alternatives to #02af30
Below, you can see some colors close to #02af30. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#02af30 Preview
This text has a font color of #02af30.
<span style="color:#02af30;">Text here</span>
This paragraph has a background color of #02af30.
<p style="background-color:#02af30;">Content here</p>
This element has a border color of #02af30.
<div style="border:1px solid #02af30;">Content here</div>
.text {color:#02af30;}
.background {background-color:#02af30;}
.border {border:1px solid #02af30;}
Shades and Tints of #02af30
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, #000000 is the darkest color, while #ecfff1 is the lightest one.
-
#000000
#000000
rgb(0,0,0)
-
#001405
#001405
rgb(0,20,5)
-
#00270b
#00270b
rgb(0,39,11)
-
#013b10
#013b10
rgb(1,59,16)
-
#014e15
#014e15
rgb(1,78,21)
-
#01611b
#01611b
rgb(1,97,27)
-
#017520
#017520
rgb(1,117,32)
-
#028825
#028825
rgb(2,136,37)
-
#029c2b
#029c2b
rgb(2,156,43)
-
#02af30
#02af30
rgb(2,175,48)
-
#02c235
#02c235
rgb(2,194,53)
-
#02d63b
#02d63b
rgb(2,214,59)
-
#03e940
#03e940
rgb(3,233,64)
-
#03fc45
#03fc45
rgb(3,252,69)
-
#17fc54
#17fc54
rgb(23,252,84)
-
#2afd62
#2afd62
rgb(42,253,98)
-
#3efd70
#3efd70
rgb(62,253,112)
-
#51fd7f
#51fd7f
rgb(81,253,127)
-
#64fd8d
#64fd8d
rgb(100,253,141)
-
#78fd9b
#78fd9b
rgb(120,253,155)
-
#8bfeaa
#8bfeaa
rgb(139,254,170)
-
#9efeb8
#9efeb8
rgb(158,254,184)
-
#b2fec6
#b2fec6
rgb(178,254,198)
-
#c5fed4
#c5fed4
rgb(197,254,212)
-
#d9ffe3
#d9ffe3
rgb(217,255,227)
-
#ecfff1
#ecfff1
rgb(236,255,241)
Tones of #02af30
A tone is produced by adding gray to any pure hue. In this case, #545d56 is the less saturated color, while #02af30 is the most saturated one.
-
#545d56
#545d56
rgb(84,93,86)
-
#4d6453
#4d6453
rgb(77,100,83)
-
#466b50
#466b50
rgb(70,107,80)
-
#3f724d
#3f724d
rgb(63,114,77)
-
#387949
#387949
rgb(56,121,73)
-
#327f46
#327f46
rgb(50,127,70)
-
#2b8643
#2b8643
rgb(43,134,67)
-
#248d40
#248d40
rgb(36,141,64)
-
#1d943d
#1d943d
rgb(29,148,61)
-
#169b3a
#169b3a
rgb(22,155,58)
-
#10a136
#10a136
rgb(16,161,54)
-
#09a833
#09a833
rgb(9,168,51)
-
#02af30
#02af30
rgb(2,175,48)
Color Blindness Simulator
Below, you can see how #02af30 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.