#2cb280 hex color

In a RGB color space, hex #2cb280 is composed of 17.3% red, 69.8% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 75.3% cyan, 0% magenta, 28.1% yellow and 30.2% black. It has a hue angle of 157.6 degrees, a saturation of 60.4% and a lightness of 43.5%. #2cb280 color hex could be obtained by blending #58ffff with #006501. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 17
- G 70
- B 50
RGB color chart
- C 75
- M 0
- Y 28
- K 30
CMYK color chart

● #2cb280 color description : Dark cyan - lime green.

The hexadecimal color #2cb280 has RGB values of R:44, G:178, B:128 and CMYK values of C:0.75, M:0, Y:0.28, K:0.3. Its decimal value is 2929280.

Hex triplet	2cb280	`#2cb280`
RGB Decimal	44, 178, 128	`rgb(44,178,128)`
RGB Percent	17.3, 69.8, 50.2	`rgb(17.3%,69.8%,50.2%)`
CMYK	75, 0, 28, 30
HSL	157.6°, 60.4, 43.5	`hsl(157.6,60.4%,43.5%)`
HSV (or HSB)	157.6°, 75.3, 69.8
Web Safe	339999	`#339999`

CIE-LAB	64.909, -47.178, 15.623
XYZ	20.854, 33.933, 25.872
xyY	0.259, 0.421, 33.933
CIE-LCH	64.909, 49.698, 161.677
CIE-LUV	64.909, -51.07, 29.031
Hunter-Lab	58.252, -38.039, 14.444
Binary	00101100, 10110010, 10000000

#2cb280
```
#2cb280 rgb(44,178,128)
```
#b22c5e
```
#b22c5e rgb(178,44,94)
```

Complementary Color

#2cb23d
```
#2cb23d rgb(44,178,61)
```
#2cb280
```
#2cb280 rgb(44,178,128)
```
#2ca1b2
```
#2ca1b2 rgb(44,161,178)
```

Analogous Color

#b23d2c
```
#b23d2c rgb(178,61,44)
```
#2cb280
```
#2cb280 rgb(44,178,128)
```
#b22ca1
```
#b22ca1 rgb(178,44,161)
```

Split Complementary Color

#b2802c
```
#b2802c rgb(178,128,44)
```
#2cb280
```
#2cb280 rgb(44,178,128)
```
#802cb2
```
#802cb2 rgb(128,44,178)
```

Triadic Color

#5eb22c
```
#5eb22c rgb(94,178,44)
```
#2cb280
```
#2cb280 rgb(44,178,128)
```
#802cb2
```
#802cb2 rgb(128,44,178)
```
#b22c5e
```
#b22c5e rgb(178,44,94)
```

Tetradic Color

#1d7554
```
#1d7554 rgb(29,117,84)
```
#228963
```
#228963 rgb(34,137,99)
```
#279e71
```
#279e71 rgb(39,158,113)
```
#2cb280
```
#2cb280 rgb(44,178,128)
```
#31c68f
```
#31c68f rgb(49,198,143)
```
#41d09b
```
#41d09b rgb(65,208,155)
```
#55d5a5
```
#55d5a5 rgb(85,213,165)
```

Monochromatic Color

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

#2cb25f
```
#2cb25f rgb(44,178,95)
```
#2cb26a
```
#2cb26a rgb(44,178,106)
```
#2cb275
```
#2cb275 rgb(44,178,117)
```
#2cb280
```
#2cb280 rgb(44,178,128)
```
#2cb28b
```
#2cb28b rgb(44,178,139)
```
#2cb296
```
#2cb296 rgb(44,178,150)
```
#2cb2a2
```
#2cb2a2 rgb(44,178,162)
```

Similar Colors

Text with hexadecimal color #2cb280

This text has a font color of #2cb280.

<span style="color:#2cb280;">Text here</span>

#2cb280 background color

This paragraph has a background color of #2cb280.

<p style="background-color:#2cb280;">Content here</p>

#2cb280 border color

This element has a border color of #2cb280.

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

CSS codes

.text {color:#2cb280;}

.background {background-color:#2cb280;}

.border {border:1px solid #2cb280;}

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

#010504
```
#010504 rgb(1,5,4)
```
#05150f
```
#05150f rgb(5,21,15)
```
#09241a
```
#09241a rgb(9,36,26)
```
#0d3426
```
#0d3426 rgb(13,52,38)
```
#114431
```
#114431 rgb(17,68,49)
```
#15543c
```
#15543c rgb(21,84,60)
```
#196347
```
#196347 rgb(25,99,71)
```
#1c7353
```
#1c7353 rgb(28,115,83)
```
#20835e
```
#20835e rgb(32,131,94)
```
#249369
```
#249369 rgb(36,147,105)
```
#28a275
```
#28a275 rgb(40,162,117)
```
#2cb280
```
#2cb280 rgb(44,178,128)
```
#30c28b
```
#30c28b rgb(48,194,139)
```

Shade Color Variation

#38ce96
```
#38ce96 rgb(56,206,150)
```
#47d29e
```
#47d29e rgb(71,210,158)
```
#57d5a6
```
#57d5a6 rgb(87,213,166)
```
#67d9af
```
#67d9af rgb(103,217,175)
```
#76ddb7
```
#76ddb7 rgb(118,221,183)
```
#86e1bf
```
#86e1bf rgb(134,225,191)
```
#96e5c7
```
#96e5c7 rgb(150,229,199)
```
#a6e9d0
```
#a6e9d0 rgb(166,233,208)
```
#b5edd8
```
#b5edd8 rgb(181,237,216)
```
#c5f1e0
```
#c5f1e0 rgb(197,241,224)
```
#d5f5e9
```
#d5f5e9 rgb(213,245,233)
```
#e5f8f1
```
#e5f8f1 rgb(229,248,241)
```
#f4fcf9
```
#f4fcf9 rgb(244,252,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #687671 is the less saturated color, while #01dd8b is the most saturated one.

#687671
```
#687671 rgb(104,118,113)
```
#5f7f73
```
#5f7f73 rgb(95,127,115)
```
#578775
```
#578775 rgb(87,135,117)
```
#4e9077
```
#4e9077 rgb(78,144,119)
```
#46987a
```
#46987a rgb(70,152,122)
```
#3da17c
```
#3da17c rgb(61,161,124)
```
#35a97e
```
#35a97e rgb(53,169,126)
```
#2cb280
```
#2cb280 rgb(44,178,128)
```
#23bb82
```
#23bb82 rgb(35,187,130)
```
#1bc384
```
#1bc384 rgb(27,195,132)
```
#12cc86
```
#12cc86 rgb(18,204,134)
```
#0ad489
```
#0ad489 rgb(10,212,137)
```
#01dd8b
```
#01dd8b rgb(1,221,139)
```

Tone Color Variation

Below, you can see how #2cb280 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

#848484 Achromatopsia 0.005% of the population
#728d83 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ada27e Protanopia 1% of men
#b89c8f Deuteranopia 1% of men
#54aebb Tritanopia 0.001% of the population

Trichromacy

#7ea87e Protanomaly 1% of men, 0.01% of women
#85a489 Deuteranomaly 6% of men, 0.4% of women
#46b0a6 Tritanomaly 0.01% of the population

#2cb280 hex color

#2cb280 Color Information

#2cb280 Color Conversion

Color Schemes with #2cb280

Alternatives to #2cb280

#2cb280 Preview

Shades and Tints of #2cb280

Tones of #2cb280

Color Blindness Simulator