colorhexa.com

#2c8e8a hex color

In a RGB color space, hex #2c8e8a is composed of 17.3% red, 55.7% green and 54.1% blue. Whereas in a CMYK color space, it is composed of 69% cyan, 0% magenta, 2.8% yellow and 44.3% black. It has a hue angle of 177.6 degrees, a saturation of 52.7% and a lightness of 36.5%. #2c8e8a color hex could be obtained by blending #58ffff with #001d15. Closest websafe color is: #339999.

- R 17
- G 56
- B 54
RGB color chart
- C 69
- M 0
- Y 3
- K 44
CMYK color chart

● #2c8e8a color description : Dark moderate cyan.

The hexadecimal color #2c8e8a has RGB values of R:44, G:142, B:138 and CMYK values of C:0.69, M:0, Y:0.03, K:0.44. Its decimal value is 2920074.

Hex triplet	2c8e8a	`#2c8e8a`
RGB Decimal	44, 142, 138	`rgb(44,142,138)`
RGB Percent	17.3, 55.7, 54.1	`rgb(17.3%,55.7%,54.1%)`
CMYK	69, 0, 3, 44
HSL	177.6°, 52.7, 36.5	`hsl(177.6,52.7%,36.5%)`
HSV (or HSB)	177.6°, 69, 55.7
Web Safe	339999	`#339999`

CIE-LAB	53.723, -28.554, -6.099
XYZ	15.298, 21.715, 27.429
xyY	0.237, 0.337, 21.715
CIE-LCH	53.723, 29.199, 192.057
CIE-LUV	53.723, -37.215, -4.645
Hunter-Lab	46.599, -22.951, -2.279
Binary	00101100, 10001110, 10001010

#2c8e8a
```
#2c8e8a rgb(44,142,138)
```
#8e2c30
```
#8e2c30 rgb(142,44,48)
```

Complementary Color

#2c8e59
```
#2c8e59 rgb(44,142,89)
```
#2c8e8a
```
#2c8e8a rgb(44,142,138)
```
#2c618e
```
#2c618e rgb(44,97,142)
```

Analogous Color

#8e592c
```
#8e592c rgb(142,89,44)
```
#2c8e8a
```
#2c8e8a rgb(44,142,138)
```
#8e2c61
```
#8e2c61 rgb(142,44,97)
```

Split Complementary Color

#8e8a2c
```
#8e8a2c rgb(142,138,44)
```
#2c8e8a
```
#2c8e8a rgb(44,142,138)
```
#8a2c8e
```
#8a2c8e rgb(138,44,142)
```

Triadic Color

#308e2c
```
#308e2c rgb(48,142,44)
```
#2c8e8a
```
#2c8e8a rgb(44,142,138)
```
#8a2c8e
```
#8a2c8e rgb(138,44,142)
```
#8e2c30
```
#8e2c30 rgb(142,44,48)
```

Tetradic Color

#1a5451
```
#1a5451 rgb(26,84,81)
```
#206764
```
#206764 rgb(32,103,100)
```
#267b77
```
#267b77 rgb(38,123,119)
```
#2c8e8a
```
#2c8e8a rgb(44,142,138)
```
#32a19d
```
#32a19d rgb(50,161,157)
```
#38b5b0
```
#38b5b0 rgb(56,181,176)
```
#42c4bf
```
#42c4bf rgb(66,196,191)
```

Monochromatic Color

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

#2c8e72
```
#2c8e72 rgb(44,142,114)
```
#2c8e7a
```
#2c8e7a rgb(44,142,122)
```
#2c8e82
```
#2c8e82 rgb(44,142,130)
```
#2c8e8a
```
#2c8e8a rgb(44,142,138)
```
#2c8a8e
```
#2c8a8e rgb(44,138,142)
```
#2c828e
```
#2c828e rgb(44,130,142)
```
#2c7a8e
```
#2c7a8e rgb(44,122,142)
```

Similar Colors

Text with hexadecimal color #2c8e8a

This text has a font color of #2c8e8a.

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

#2c8e8a background color

This paragraph has a background color of #2c8e8a.

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

#2c8e8a border color

This element has a border color of #2c8e8a.

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

CSS codes

.text {color:#2c8e8a;}

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

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

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

#020707
```
#020707 rgb(2,7,7)
```
#071616
```
#071616 rgb(7,22,22)
```
#0c2524
```
#0c2524 rgb(12,37,36)
```
#103433
```
#103433 rgb(16,52,51)
```
#154341
```
#154341 rgb(21,67,65)
```
#195250
```
#195250 rgb(25,82,80)
```
#1e615e
```
#1e615e rgb(30,97,94)
```
#23706d
```
#23706d rgb(35,112,109)
```
#277f7b
```
#277f7b rgb(39,127,123)
```
#2c8e8a
```
#2c8e8a rgb(44,142,138)
```
#319d99
```
#319d99 rgb(49,157,153)
```
#35aca7
```
#35aca7 rgb(53,172,167)
```
#3abbb6
```
#3abbb6 rgb(58,187,182)
```

Shade Color Variation

#44c5c0
```
#44c5c0 rgb(68,197,192)
```
#53cac5
```
#53cac5 rgb(83,202,197)
```
#61ceca
```
#61ceca rgb(97,206,202)
```
#70d3cf
```
#70d3cf rgb(112,211,207)
```
#7fd7d4
```
#7fd7d4 rgb(127,215,212)
```
#8edcd9
```
#8edcd9 rgb(142,220,217)
```
#9de1de
```
#9de1de rgb(157,225,222)
```
#ace5e3
```
#ace5e3 rgb(172,229,227)
```
#bbeae8
```
#bbeae8 rgb(187,234,232)
```
#caefed
```
#caefed rgb(202,239,237)
```
#d9f3f2
```
#d9f3f2 rgb(217,243,242)
```
#e8f8f7
```
#e8f8f7 rgb(232,248,247)
```
#f7fdfc
```
#f7fdfc rgb(247,253,252)
```

Tint Color Variation

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

#576363
```
#576363 rgb(87,99,99)
```
#506a69
```
#506a69 rgb(80,106,105)
```
#497170
```
#497170 rgb(73,113,112)
```
#417976
```
#417976 rgb(65,121,118)
```
#3a807d
```
#3a807d rgb(58,128,125)
```
#338783
```
#338783 rgb(51,135,131)
```
#2c8e8a
```
#2c8e8a rgb(44,142,138)
```
#259591
```
#259591 rgb(37,149,145)
```
#1e9c97
```
#1e9c97 rgb(30,156,151)
```
#17a39e
```
#17a39e rgb(23,163,158)
```
#0faba4
```
#0faba4 rgb(15,171,164)
```
#08b2ab
```
#08b2ab rgb(8,178,171)
```
#01b9b1
```
#01b9b1 rgb(1,185,177)
```

Tone Color Variation

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

#707070 Achromatopsia 0.005% of the population
#627675 Atypical Achromatopsia 0.001% of the population

Dichromacy

#888688 Protanopia 1% of men
#8c8395 Deuteranopia 1% of men
#3f919c Tritanopia 0.001% of the population

Trichromacy

#668989 Protanomaly 1% of men, 0.01% of women
#698791 Deuteranomaly 6% of men, 0.4% of women
#389095 Tritanomaly 0.01% of the population