colorhexa.com

#2c9581 hex color

In a RGB color space, hex #2c9581 is composed of 17.3% red, 58.4% green and 50.6% blue. Whereas in a CMYK color space, it is composed of 70.5% cyan, 0% magenta, 13.4% yellow and 41.6% black. It has a hue angle of 168.6 degrees, a saturation of 54.4% and a lightness of 37.8%. #2c9581 color hex could be obtained by blending #58ffff with #002b03. Closest websafe color is: #339999.

- R 17
- G 58
- B 51
RGB color chart
- C 70
- M 0
- Y 13
- K 42
CMYK color chart

● #2c9581 color description : Dark cyan.

The hexadecimal color #2c9581 has RGB values of R:44, G:149, B:129 and CMYK values of C:0.7, M:0, Y:0.13, K:0.42. Its decimal value is 2921857.

Hex triplet	2c9581	`#2c9581`
RGB Decimal	44, 149, 129	`rgb(44,149,129)`
RGB Percent	17.3, 58.4, 50.6	`rgb(17.3%,58.4%,50.6%)`
CMYK	70, 0, 13, 42
HSL	168.6°, 54.4, 37.8	`hsl(168.6,54.4%,37.8%)`
HSV (or HSB)	168.6°, 70.5, 58.4
Web Safe	339999	`#339999`

CIE-LAB	55.699, -34.432, 1.98
XYZ	15.747, 23.614, 24.496
xyY	0.247, 0.37, 23.614
CIE-LCH	55.699, 34.489, 176.709
CIE-LUV	55.699, -40.4, 7.911
Hunter-Lab	48.594, -27.196, 4.129
Binary	00101100, 10010101, 10000001

#2c9581
```
#2c9581 rgb(44,149,129)
```
#952c40
```
#952c40 rgb(149,44,64)
```

Complementary Color

#2c954d
```
#2c954d rgb(44,149,77)
```
#2c9581
```
#2c9581 rgb(44,149,129)
```
#2c7595
```
#2c7595 rgb(44,117,149)
```

Analogous Color

#954d2c
```
#954d2c rgb(149,77,44)
```
#2c9581
```
#2c9581 rgb(44,149,129)
```
#952c75
```
#952c75 rgb(149,44,117)
```

Split Complementary Color

#95812c
```
#95812c rgb(149,129,44)
```
#2c9581
```
#2c9581 rgb(44,149,129)
```
#812c95
```
#812c95 rgb(129,44,149)
```

Triadic Color

#40952c
```
#40952c rgb(64,149,44)
```
#2c9581
```
#2c9581 rgb(44,149,129)
```
#812c95
```
#812c95 rgb(129,44,149)
```
#952c40
```
#952c40 rgb(149,44,64)
```

Tetradic Color

#1b5a4e
```
#1b5a4e rgb(27,90,78)
```
#206e5f
```
#206e5f rgb(32,110,95)
```
#268170
```
#268170 rgb(38,129,112)
```
#2c9581
```
#2c9581 rgb(44,149,129)
```
#32a992
```
#32a992 rgb(50,169,146)
```
#38bca3
```
#38bca3 rgb(56,188,163)
```
#45c8af
```
#45c8af rgb(69,200,175)
```

Monochromatic Color

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

#2c9567
```
#2c9567 rgb(44,149,103)
```
#2c9570
```
#2c9570 rgb(44,149,112)
```
#2c9578
```
#2c9578 rgb(44,149,120)
```
#2c9581
```
#2c9581 rgb(44,149,129)
```
#2c958a
```
#2c958a rgb(44,149,138)
```
#2c9593
```
#2c9593 rgb(44,149,147)
```
#2c8f95
```
#2c8f95 rgb(44,143,149)
```

Similar Colors

Text with hexadecimal color #2c9581

This text has a font color of #2c9581.

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

#2c9581 background color

This paragraph has a background color of #2c9581.

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

#2c9581 border color

This element has a border color of #2c9581.

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

CSS codes

.text {color:#2c9581;}

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

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

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, #040d0b is the darkest color, while #fdfefe is the lightest one.

#040d0b
```
#040d0b rgb(4,13,11)
```
#081c18
```
#081c18 rgb(8,28,24)
```
#0d2b25
```
#0d2b25 rgb(13,43,37)
```
#113a32
```
#113a32 rgb(17,58,50)
```
#16493f
```
#16493f rgb(22,73,63)
```
#1a584d
```
#1a584d rgb(26,88,77)
```
#1f685a
```
#1f685a rgb(31,104,90)
```
#237767
```
#237767 rgb(35,119,103)
```
#288674
```
#288674 rgb(40,134,116)
```
#2c9581
```
#2c9581 rgb(44,149,129)
```
#30a48e
```
#30a48e rgb(48,164,142)
```
#35b39b
```
#35b39b rgb(53,179,155)
```
#39c2a8
```
#39c2a8 rgb(57,194,168)
```

Shade Color Variation

#47c9b0
```
#47c9b0 rgb(71,201,176)
```
#56cdb6
```
#56cdb6 rgb(86,205,182)
```
#65d2bd
```
#65d2bd rgb(101,210,189)
```
#74d6c3
```
#74d6c3 rgb(116,214,195)
```
#83dbca
```
#83dbca rgb(131,219,202)
```
#93dfd0
```
#93dfd0 rgb(147,223,208)
```
#a2e3d7
```
#a2e3d7 rgb(162,227,215)
```
#b1e8dd
```
#b1e8dd rgb(177,232,221)
```
#c0ece4
```
#c0ece4 rgb(192,236,228)
```
#cff1ea
```
#cff1ea rgb(207,241,234)
```
#def5f1
```
#def5f1 rgb(222,245,241)
```
#edfaf7
```
#edfaf7 rgb(237,250,247)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

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

#606161
```
#606161 rgb(96,97,97)
```
#596865
```
#596865 rgb(89,104,101)
```
#51706a
```
#51706a rgb(81,112,106)
```
#4a776f
```
#4a776f rgb(74,119,111)
```
#427f73
```
#427f73 rgb(66,127,115)
```
#3b8678
```
#3b8678 rgb(59,134,120)
```
#338e7c
```
#338e7c rgb(51,142,124)
```
#2c9581
```
#2c9581 rgb(44,149,129)
```
#259c86
```
#259c86 rgb(37,156,134)
```
#1da48a
```
#1da48a rgb(29,164,138)
```
#16ab8f
```
#16ab8f rgb(22,171,143)
```
#0eb393
```
#0eb393 rgb(14,179,147)
```
#07ba98
```
#07ba98 rgb(7,186,152)
```

Tone Color Variation

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

#737373 Achromatopsia 0.005% of the population
#657a76 Atypical Achromatopsia 0.001% of the population

Dichromacy

#918b7f Protanopia 1% of men
#97878e Deuteranopia 1% of men
#4696a1 Tritanopia 0.001% of the population

Trichromacy

#6c8e80 Protanomaly 1% of men, 0.01% of women
#708c89 Deuteranomaly 6% of men, 0.4% of women
#3c9695 Tritanomaly 0.01% of the population