#02ac76 Color Information
In a RGB color space, hex #02ac76 is composed of 0.8% red, 67.5% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 98.8% cyan, 0% magenta, 31.4% yellow and 32.5% black. It has a hue angle of 160.9 degrees, a saturation of 97.7% and a lightness of 34.1%. #02ac76 color hex could be obtained by blending #04ffec with #005900. Closest websafe color is: #009966.
-
- R 1
- G 67
- B 46
-
- C 99
- M 0
- Y 31
- K 33
● #02ac76 color description : Dark cyan - lime green.
#02ac76 Color Conversion
The hexadecimal color #02ac76 has RGB values of R:2, G:172, B:118 and CMYK values of C:0.99, M:0, Y:0.31, K:0.33. Its decimal value is 175222.
| Hex triplet | 02ac76 | #02ac76 |
|---|---|---|
| RGB Decimal | 2, 172, 118 | rgb(2,172,118) |
| RGB Percent | 0.8, 67.5, 46.3 | rgb(0.8%,67.5%,46.3%) |
| CMYK | 99, 0, 31, 33 | |
| HSL | 160.9°, 97.7, 34.1 | hsl(160.9,97.7%,34.1%) |
| HSV (or HSB) | 160.9°, 98.8, 67.5 | |
| Web Safe | 009966 | #009966 |
| CIE-LAB | 62.359, -50.377, 17.499 |
|---|---|
| XYZ | 18.046, 30.824, 22.137 |
| xyY | 0.254, 0.434, 30.824 |
| CIE-LCH | 62.359, 53.329, 160.845 |
| CIE-LUV | 62.359, -53.367, 31.61 |
| Hunter-Lab | 55.519, -39.139, 15.223 |
| Binary | 00000010, 10101100, 01110110 |
Color Schemes with #02ac76
Alternatives to #02ac76
Below, you can see some colors close to #02ac76. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#02ac76 Preview
This text has a font color of #02ac76.
<span style="color:#02ac76;">Text here</span>
This paragraph has a background color of #02ac76.
<p style="background-color:#02ac76;">Content here</p>
This element has a border color of #02ac76.
<div style="border:1px solid #02ac76;">Content here</div>
.text {color:#02ac76;}
.background {background-color:#02ac76;}
.border {border:1px solid #02ac76;}
Shades and Tints of #02ac76
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, #00110c is the darkest color, while #fcfffe is the lightest one.
-
#00110c
#00110crgb(0,17,12) -
#002419
#002419rgb(0,36,25) -
#013826
#013826rgb(1,56,38) -
#014b33
#014b33rgb(1,75,51) -
#015e41
#015e41rgb(1,94,65) -
#01724e
#01724ergb(1,114,78) -
#02855b
#02855brgb(2,133,91) -
#029969
#029969rgb(2,153,105) -
#02ac76
#02ac76rgb(2,172,118) -
#02bf83
#02bf83rgb(2,191,131) -
#02d391
#02d391rgb(2,211,145) -
#03e69e
#03e69ergb(3,230,158) -
#03faab
#03faabrgb(3,250,171)
-
#14fcb2
#14fcb2rgb(20,252,178) -
#27fcb9
#27fcb9rgb(39,252,185) -
#3bfdbf
#3bfdbfrgb(59,253,191) -
#4efdc5
#4efdc5rgb(78,253,197) -
#61fdcc
#61fdccrgb(97,253,204) -
#75fdd2
#75fdd2rgb(117,253,210) -
#88fed8
#88fed8rgb(136,254,216) -
#9cfedf
#9cfedfrgb(156,254,223) -
#affee5
#affee5rgb(175,254,229) -
#c2feeb
#c2feebrgb(194,254,235) -
#d6fff2
#d6fff2rgb(214,255,242) -
#e9fff8
#e9fff8rgb(233,255,248) -
#fcfffe
#fcfffergb(252,255,254)
Tones of #02ac76
A tone is produced by adding gray to any pure hue. In this case, #525c59 is the less saturated color, while #02ac76 is the most saturated one.
-
#525c59
#525c59rgb(82,92,89) -
#4c625b
#4c625brgb(76,98,91) -
#45695e
#45695ergb(69,105,94) -
#3e7060
#3e7060rgb(62,112,96) -
#387662
#387662rgb(56,118,98) -
#317d65
#317d65rgb(49,125,101) -
#2a8467
#2a8467rgb(42,132,103) -
#238b6a
#238b6argb(35,139,106) -
#1d916c
#1d916crgb(29,145,108) -
#16986f
#16986frgb(22,152,111) -
#0f9f71
#0f9f71rgb(15,159,113) -
#09a574
#09a574rgb(9,165,116) -
#02ac76
#02ac76rgb(2,172,118)
Color Blindness Simulator
Below, you can see how #02ac76 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.
