#02b580 hex color

In a RGB color space, hex #02b580 is composed of 0.8% red, 71% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 98.9% cyan, 0% magenta, 29.3% yellow and 29% black. It has a hue angle of 162.2 degrees, a saturation of 97.8% and a lightness of 35.9%. #02b580 color hex could be obtained by blending #04ffff with #006b01. Closest websafe color is: #00cc99.

♥
- f
- t
- g
- R 1
- G 71
- B 50
RGB color chart
- C 99
- M 0
- Y 29
- K 29
CMYK color chart

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

The hexadecimal color #02b580 has RGB values of R:2, G:181, B:128 and CMYK values of C:0.99, M:0, Y:0.29, K:0.29. Its decimal value is 177536.

Hex triplet	02b580	`#02b580`
RGB Decimal	2, 181, 128	`rgb(2,181,128)`
RGB Percent	0.8, 71, 50.2	`rgb(0.8%,71%,50.2%)`
CMYK	99, 0, 29, 29
HSL	162.2°, 97.8, 35.9	`hsl(162.2,97.8%,35.9%)`
HSV (or HSB)	162.2°, 98.9, 71
Web Safe	00cc99	`#00cc99`

CIE-LAB	65.449, -51.498, 16.31
XYZ	20.443, 34.617, 26.025
xyY	0.252, 0.427, 34.617
CIE-LCH	65.449, 54.019, 162.426
CIE-LUV	65.449, -55.706, 30.613
Hunter-Lab	58.836, -40.941, 14.959
Binary	00000010, 10110101, 10000000

#02b580
```
#02b580 rgb(2,181,128)
```
#b50237
```
#b50237 rgb(181,2,55)
```

Complementary Color

#02b527
```
#02b527 rgb(2,181,39)
```
#02b580
```
#02b580 rgb(2,181,128)
```
#0291b5
```
#0291b5 rgb(2,145,181)
```

Analogous Color

#b52702
```
#b52702 rgb(181,39,2)
```
#02b580
```
#02b580 rgb(2,181,128)
```
#b50291
```
#b50291 rgb(181,2,145)
```

Split Complementary Color

#b58002
```
#b58002 rgb(181,128,2)
```
#02b580
```
#02b580 rgb(2,181,128)
```
#8002b5
```
#8002b5 rgb(128,2,181)
```

Triadic Color

#37b502
```
#37b502 rgb(55,181,2)
```
#02b580
```
#02b580 rgb(2,181,128)
```
#8002b5
```
#8002b5 rgb(128,2,181)
```
#b50237
```
#b50237 rgb(181,2,55)
```

Tetradic Color

#01694a
```
#01694a rgb(1,105,74)
```
#01835c
```
#01835c rgb(1,131,92)
```
#029c6e
```
#029c6e rgb(2,156,110)
```
#02b580
```
#02b580 rgb(2,181,128)
```
#02ce92
```
#02ce92 rgb(2,206,146)
```
#03e7a4
```
#03e7a4 rgb(3,231,164)
```
#07fcb4
```
#07fcb4 rgb(7,252,180)
```

Monochromatic Color

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

#02b553
```
#02b553 rgb(2,181,83)
```
#02b562
```
#02b562 rgb(2,181,98)
```
#02b571
```
#02b571 rgb(2,181,113)
```
#02b580
```
#02b580 rgb(2,181,128)
```
#02b58f
```
#02b58f rgb(2,181,143)
```
#02b59e
```
#02b59e rgb(2,181,158)
```
#02b5ad
```
#02b5ad rgb(2,181,173)
```

Similar Colors

Text with hexadecimal color #02b580

This text has a font color of #02b580.

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

#02b580 background color

This paragraph has a background color of #02b580.

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

#02b580 border color

This element has a border color of #02b580.

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

CSS codes

.text {color:#02b580;}

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

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

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, #000605 is the darkest color, while #f2fffb is the lightest one.

#000605
```
#000605 rgb(0,6,5)
```
#001a12
```
#001a12 rgb(0,26,18)
```
#002d20
```
#002d20 rgb(0,45,32)
```
#01412e
```
#01412e rgb(1,65,46)
```
#01543b
```
#01543b rgb(1,84,59)
```
#016749
```
#016749 rgb(1,103,73)
```
#017b57
```
#017b57 rgb(1,123,87)
```
#028e65
```
#028e65 rgb(2,142,101)
```
#02a272
```
#02a272 rgb(2,162,114)
```
#02b580
```
#02b580 rgb(2,181,128)
```
#02c88e
```
#02c88e rgb(2,200,142)
```
#02dc9b
```
#02dc9b rgb(2,220,155)
```
#03efa9
```
#03efa9 rgb(3,239,169)
```

Shade Color Variation

#09fcb4
```
#09fcb4 rgb(9,252,180)
```
#1dfcba
```
#1dfcba rgb(29,252,186)
```
#30fdc0
```
#30fdc0 rgb(48,253,192)
```
#43fdc6
```
#43fdc6 rgb(67,253,198)
```
#57fdcc
```
#57fdcc rgb(87,253,204)
```
#6afdd2
```
#6afdd2 rgb(106,253,210)
```
#7efed8
```
#7efed8 rgb(126,254,216)
```
#91fede
```
#91fede rgb(145,254,222)
```
#a4fee3
```
#a4fee3 rgb(164,254,227)
```
#b8fee9
```
#b8fee9 rgb(184,254,233)
```
#cbfeef
```
#cbfeef rgb(203,254,239)
```
#dffff5
```
#dffff5 rgb(223,255,245)
```
#f2fffb
```
#f2fffb rgb(242,255,251)
```

Tint Color Variation

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

#56615e
```
#56615e rgb(86,97,94)
```
#4f6860
```
#4f6860 rgb(79,104,96)
```
#486f63
```
#486f63 rgb(72,111,99)
```
#417666
```
#417666 rgb(65,118,102)
```
#3a7d69
```
#3a7d69 rgb(58,125,105)
```
#33846c
```
#33846c rgb(51,132,108)
```
#2c8b6f
```
#2c8b6f rgb(44,139,111)
```
#259272
```
#259272 rgb(37,146,114)
```
#1e9975
```
#1e9975 rgb(30,153,117)
```
#17a077
```
#17a077 rgb(23,160,119)
```
#10a77a
```
#10a77a rgb(16,167,122)
```
#09ae7d
```
#09ae7d rgb(9,174,125)
```
#02b580
```
#02b580 rgb(2,181,128)
```

Tone Color Variation

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

#797979 Achromatopsia 0.005% of the population
#61857a Atypical Achromatopsia 0.001% of the population

Dichromacy

#afa37d Protanopia 1% of men
#ba9e8f Deuteranopia 1% of men
#49b1be Tritanopia 0.001% of the population

Trichromacy

#70a97e Protanomaly 1% of men, 0.01% of women
#77a68a Deuteranomaly 6% of men, 0.4% of women
#2fb2a7 Tritanomaly 0.01% of the population

#02b580 hex color

#02b580 Color Information

#02b580 Color Conversion

Color Schemes with #02b580

Alternatives to #02b580

#02b580 Preview

Shades and Tints of #02b580

Tones of #02b580

Color Blindness Simulator