#02af84 Color Information
In a RGB color space, hex #02af84 is composed of 0.8% red, 68.6% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 98.9% cyan, 0% magenta, 24.6% yellow and 31.4% black. It has a hue angle of 165.1 degrees, a saturation of 97.7% and a lightness of 34.7%. #02af84 color hex could be obtained by blending #04ffff with #005f09. Closest websafe color is: #009999.
-
- R 1
- G 69
- B 52
-
- C 99
- M 0
- Y 25
- K 31
● #02af84 color description : Dark cyan.
#02af84 Color Conversion
The hexadecimal color #02af84 has RGB values of R:2, G:175, B:132 and CMYK values of C:0.99, M:0, Y:0.25, K:0.31. Its decimal value is 176004.
Hex triplet | 02af84 | #02af84 |
---|---|---|
RGB Decimal | 2, 175, 132 | rgb(2,175,132) |
RGB Percent | 0.8, 68.6, 51.8 | rgb(0.8%,68.6%,51.8%) |
CMYK | 99, 0, 25, 31 | |
HSL | 165.1°, 97.7, 34.7 | hsl(165.1,97.7%,34.7%) |
HSV (or HSB) | 165.1°, 98.9, 68.6 | |
Web Safe | 009999 | #009999 |
CIE-LAB | 63.62, -48.203, 11.561 |
---|---|
XYZ | 19.518, 32.337, 27.041 |
xyY | 0.247, 0.41, 32.337 |
CIE-LCH | 63.62, 49.57, 166.513 |
CIE-LUV | 63.62, -53.379, 23.623 |
Hunter-Lab | 56.865, -38.247, 11.611 |
Binary | 00000010, 10101111, 10000100 |
Color Schemes with #02af84
Alternatives to #02af84
Below, you can see some colors close to #02af84. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#02af84 Preview
This text has a font color of #02af84.
<span style="color:#02af84;">Text here</span>
This paragraph has a background color of #02af84.
<p style="background-color:#02af84;">Content here</p>
This element has a border color of #02af84.
<div style="border:1px solid #02af84;">Content here</div>
.text {color:#02af84;}
.background {background-color:#02af84;}
.border {border:1px solid #02af84;}
Shades and Tints of #02af84
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 #ecfffa is the lightest one.
-
#000000
#000000
rgb(0,0,0)
-
#00140f
#00140f
rgb(0,20,15)
-
#00271e
#00271e
rgb(0,39,30)
-
#013b2c
#013b2c
rgb(1,59,44)
-
#014e3b
#014e3b
rgb(1,78,59)
-
#016149
#016149
rgb(1,97,73)
-
#017558
#017558
rgb(1,117,88)
-
#028867
#028867
rgb(2,136,103)
-
#029c75
#029c75
rgb(2,156,117)
-
#02af84
#02af84
rgb(2,175,132)
-
#02c293
#02c293
rgb(2,194,147)
-
#02d6a1
#02d6a1
rgb(2,214,161)
-
#03e9b0
#03e9b0
rgb(3,233,176)
-
#03fcbe
#03fcbe
rgb(3,252,190)
-
#17fcc3
#17fcc3
rgb(23,252,195)
-
#2afdc8
#2afdc8
rgb(42,253,200)
-
#3efdcd
#3efdcd
rgb(62,253,205)
-
#51fdd2
#51fdd2
rgb(81,253,210)
-
#64fdd7
#64fdd7
rgb(100,253,215)
-
#78fddc
#78fddc
rgb(120,253,220)
-
#8bfee1
#8bfee1
rgb(139,254,225)
-
#9efee6
#9efee6
rgb(158,254,230)
-
#b2feeb
#b2feeb
rgb(178,254,235)
-
#c5fef0
#c5fef0
rgb(197,254,240)
-
#d9fff5
#d9fff5
rgb(217,255,245)
-
#ecfffa
#ecfffa
rgb(236,255,250)
Tones of #02af84
A tone is produced by adding gray to any pure hue. In this case, #545d5b is the less saturated color, while #02af84 is the most saturated one.
-
#545d5b
#545d5b
rgb(84,93,91)
-
#4d645e
#4d645e
rgb(77,100,94)
-
#466b62
#466b62
rgb(70,107,98)
-
#3f7265
#3f7265
rgb(63,114,101)
-
#387969
#387969
rgb(56,121,105)
-
#327f6c
#327f6c
rgb(50,127,108)
-
#2b866f
#2b866f
rgb(43,134,111)
-
#248d73
#248d73
rgb(36,141,115)
-
#1d9476
#1d9476
rgb(29,148,118)
-
#169b7a
#169b7a
rgb(22,155,122)
-
#10a17d
#10a17d
rgb(16,161,125)
-
#09a881
#09a881
rgb(9,168,129)
-
#02af84
#02af84
rgb(2,175,132)
Color Blindness Simulator
Below, you can see how #02af84 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.