colorhexa.com

#02ba68 hex color

In a RGB color space, hex #02ba68 is composed of 0.8% red, 72.9% green and 40.8% blue. Whereas in a CMYK color space, it is composed of 98.9% cyan, 0% magenta, 44.1% yellow and 27.1% black. It has a hue angle of 153.3 degrees, a saturation of 97.9% and a lightness of 36.9%. #02ba68 color hex could be obtained by blending #04ffd0 with #007500. Closest websafe color is: #00cc66.

- R 1
- G 73
- B 41
RGB color chart
- C 99
- M 0
- Y 44
- K 27
CMYK color chart

● #02ba68 color description : Strong cyan - lime green.

The hexadecimal color #02ba68 has RGB values of R:2, G:186, B:104 and CMYK values of C:0.99, M:0, Y:0.44, K:0.27. Its decimal value is 178792.

Hex triplet	02ba68	`#02ba68`
RGB Decimal	2, 186, 104	`rgb(2,186,104)`
RGB Percent	0.8, 72.9, 40.8	`rgb(0.8%,72.9%,40.8%)`
CMYK	99, 0, 44, 27
HSL	153.3°, 97.9, 36.9	`hsl(153.3,97.9%,36.9%)`
HSV (or HSB)	153.3°, 98.9, 72.9
Web Safe	00cc66	`#00cc66`

CIE-LAB	66.618, -58.314, 30.661
XYZ	20.081, 36.128, 19.011
xyY	0.267, 0.48, 36.128
CIE-LCH	66.618, 65.883, 152.265
CIE-LUV	66.618, -58.961, 49.295
Hunter-Lab	60.107, -45.551, 23.322
Binary	00000010, 10111010, 01101000

#02ba68
```
#02ba68 rgb(2,186,104)
```
#ba0254
```
#ba0254 rgb(186,2,84)
```

Complementary Color

#02ba0c
```
#02ba0c rgb(2,186,12)
```
#02ba68
```
#02ba68 rgb(2,186,104)
```
#02b0ba
```
#02b0ba rgb(2,176,186)
```

Analogous Color

#ba0c02
```
#ba0c02 rgb(186,12,2)
```
#02ba68
```
#02ba68 rgb(2,186,104)
```
#ba02b0
```
#ba02b0 rgb(186,2,176)
```

Split Complementary Color

#ba6802
```
#ba6802 rgb(186,104,2)
```
#02ba68
```
#02ba68 rgb(2,186,104)
```
#6802ba
```
#6802ba rgb(104,2,186)
```

Triadic Color

#016e3e
```
#016e3e rgb(1,110,62)
```
#01884c
```
#01884c rgb(1,136,76)
```
#02a15a
```
#02a15a rgb(2,161,90)
```
#02ba68
```
#02ba68 rgb(2,186,104)
```
#02d376
```
#02d376 rgb(2,211,118)
```
#03ec84
```
#03ec84 rgb(3,236,132)
```
#0cfc91
```
#0cfc91 rgb(12,252,145)
```

Monochromatic Color

Below, you can see some colors close to #02ba68. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#02ba3a
```
#02ba3a rgb(2,186,58)
```
#02ba49
```
#02ba49 rgb(2,186,73)
```
#02ba59
```
#02ba59 rgb(2,186,89)
```
#02ba68
```
#02ba68 rgb(2,186,104)
```
#02ba77
```
#02ba77 rgb(2,186,119)
```
#02ba87
```
#02ba87 rgb(2,186,135)
```
#02ba96
```
#02ba96 rgb(2,186,150)
```

Similar Colors

Text with hexadecimal color #02ba68

This text has a font color of #02ba68.

<span style="color:#02ba68;">Text here</span>

#02ba68 background color

This paragraph has a background color of #02ba68.

<p style="background-color:#02ba68;">Content here</p>

#02ba68 border color

This element has a border color of #02ba68.

<div style="border:1px solid #02ba68;">Content here</div>

CSS codes

.text {color:#02ba68;}

.background {background-color:#02ba68;}

.border {border:1px solid #02ba68;}

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, #000b06 is the darkest color, while #f7fffb is the lightest one.

#000b06
```
#000b06 rgb(0,11,6)
```
#001f11
```
#001f11 rgb(0,31,17)
```
#01321c
```
#01321c rgb(1,50,28)
```
#014627
```
#014627 rgb(1,70,39)
```
#015932
```
#015932 rgb(1,89,50)
```
#016c3d
```
#016c3d rgb(1,108,61)
```
#018047
```
#018047 rgb(1,128,71)
```
#029352
```
#029352 rgb(2,147,82)
```
#02a75d
```
#02a75d rgb(2,167,93)
```
#02ba68
```
#02ba68 rgb(2,186,104)
```
#02cd73
```
#02cd73 rgb(2,205,115)
```
#02e17e
```
#02e17e rgb(2,225,126)
```
#03f489
```
#03f489 rgb(3,244,137)
```

Shade Color Variation

#0efc92
```
#0efc92 rgb(14,252,146)
```
#21fd9b
```
#21fd9b rgb(33,253,155)
```
#35fda4
```
#35fda4 rgb(53,253,164)
```
#48fdac
```
#48fdac rgb(72,253,172)
```
#5cfdb5
```
#5cfdb5 rgb(92,253,181)
```
#6ffdbe
```
#6ffdbe rgb(111,253,190)
```
#82fec7
```
#82fec7 rgb(130,254,199)
```
#96fed0
```
#96fed0 rgb(150,254,208)
```
#a9fed8
```
#a9fed8 rgb(169,254,216)
```
#bdfee1
```
#bdfee1 rgb(189,254,225)
```
#d0feea
```
#d0feea rgb(208,254,234)
```
#e4fff3
```
#e4fff3 rgb(228,255,243)
```
#f7fffb
```
#f7fffb rgb(247,255,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #59635f is the less saturated color, while #02ba68 is the most saturated one.

#59635f
```
#59635f rgb(89,99,95)
```
#526a5f
```
#526a5f rgb(82,106,95)
```
#4a7260
```
#4a7260 rgb(74,114,96)
```
#437961
```
#437961 rgb(67,121,97)
```
#3c8062
```
#3c8062 rgb(60,128,98)
```
#358762
```
#358762 rgb(53,135,98)
```
#2d8f63
```
#2d8f63 rgb(45,143,99)
```
#269664
```
#269664 rgb(38,150,100)
```
#1f9d65
```
#1f9d65 rgb(31,157,101)
```
#18a466
```
#18a466 rgb(24,164,102)
```
#10ac66
```
#10ac66 rgb(16,172,102)
```
#09b367
```
#09b367 rgb(9,179,103)
```
#02ba68
```
#02ba68 rgb(2,186,104)
```

Tone Color Variation

Below, you can see how #02ba68 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.

Monochromacy

#7a7a7a Achromatopsia 0.005% of the population
#628776 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b5a667 Protanopia 1% of men
#c4a07a Deuteranopia 1% of men
#52b4c1 Tritanopia 0.001% of the population

Trichromacy

#74ad67 Protanomaly 1% of men, 0.01% of women
#7da973 Deuteranomaly 6% of men, 0.4% of women
#35b6a0 Tritanomaly 0.01% of the population