colorhexa.com

#2ca88a hex color

In a RGB color space, hex #2ca88a is composed of 17.3% red, 65.9% green and 54.1% blue. Whereas in a CMYK color space, it is composed of 73.8% cyan, 0% magenta, 17.9% yellow and 34.1% black. It has a hue angle of 165.5 degrees, a saturation of 58.5% and a lightness of 41.6%. #2ca88a color hex could be obtained by blending #58ffff with #005115. Closest websafe color is: #339999.

- R 17
- G 66
- B 54
RGB color chart
- C 74
- M 0
- Y 18
- K 34
CMYK color chart

● #2ca88a color description : Dark cyan.

The hexadecimal color #2ca88a has RGB values of R:44, G:168, B:138 and CMYK values of C:0.74, M:0, Y:0.18, K:0.34. Its decimal value is 2926730.

Hex triplet	2ca88a	`#2ca88a`
RGB Decimal	44, 168, 138	`rgb(44,168,138)`
RGB Percent	17.3, 65.9, 54.1	`rgb(17.3%,65.9%,54.1%)`
CMYK	74, 0, 18, 34
HSL	165.5°, 58.5, 41.6	`hsl(165.5,58.5%,41.6%)`
HSV (or HSB)	165.5°, 73.8, 65.9
Web Safe	339999	`#339999`

CIE-LAB	61.975, -40.566, 5.951
XYZ	19.627, 30.374, 28.872
xyY	0.249, 0.385, 30.374
CIE-LCH	61.975, 41, 171.654
CIE-LUV	61.975, -46.816, 14.669
Hunter-Lab	55.112, -32.878, 7.519
Binary	00101100, 10101000, 10001010

#2ca88a
```
#2ca88a rgb(44,168,138)
```
#a82c4a
```
#a82c4a rgb(168,44,74)
```

Complementary Color

#2ca84c
```
#2ca84c rgb(44,168,76)
```
#2ca88a
```
#2ca88a rgb(44,168,138)
```
#2c88a8
```
#2c88a8 rgb(44,136,168)
```

Analogous Color

#a84c2c
```
#a84c2c rgb(168,76,44)
```
#2ca88a
```
#2ca88a rgb(44,168,138)
```
#a82c88
```
#a82c88 rgb(168,44,136)
```

Split Complementary Color

#a88a2c
```
#a88a2c rgb(168,138,44)
```
#2ca88a
```
#2ca88a rgb(44,168,138)
```
#8a2ca8
```
#8a2ca8 rgb(138,44,168)
```

Triadic Color

#4aa82c
```
#4aa82c rgb(74,168,44)
```
#2ca88a
```
#2ca88a rgb(44,168,138)
```
#8a2ca8
```
#8a2ca8 rgb(138,44,168)
```
#a82c4a
```
#a82c4a rgb(168,44,74)
```

Tetradic Color

#1c6b58
```
#1c6b58 rgb(28,107,88)
```
#218069
```
#218069 rgb(33,128,105)
```
#279479
```
#279479 rgb(39,148,121)
```
#2ca88a
```
#2ca88a rgb(44,168,138)
```
#31bc9b
```
#31bc9b rgb(49,188,155)
```
#3bcca9
```
#3bcca9 rgb(59,204,169)
```
#4fd1b2
```
#4fd1b2 rgb(79,209,178)
```

Monochromatic Color

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

#2ca86b
```
#2ca86b rgb(44,168,107)
```
#2ca875
```
#2ca875 rgb(44,168,117)
```
#2ca880
```
#2ca880 rgb(44,168,128)
```
#2ca88a
```
#2ca88a rgb(44,168,138)
```
#2ca894
```
#2ca894 rgb(44,168,148)
```
#2ca89f
```
#2ca89f rgb(44,168,159)
```
#2ca7a8
```
#2ca7a8 rgb(44,167,168)
```

Similar Colors

Text with hexadecimal color #2ca88a

This text has a font color of #2ca88a.

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

#2ca88a background color

This paragraph has a background color of #2ca88a.

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

#2ca88a border color

This element has a border color of #2ca88a.

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

CSS codes

.text {color:#2ca88a;}

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

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

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, #030d0a is the darkest color, while #fcfefe is the lightest one.

#030d0a
```
#030d0a rgb(3,13,10)
```
#071c17
```
#071c17 rgb(7,28,23)
```
#0b2c24
```
#0b2c24 rgb(11,44,36)
```
#103b31
```
#103b31 rgb(16,59,49)
```
#144b3d
```
#144b3d rgb(20,75,61)
```
#185a4a
```
#185a4a rgb(24,90,74)
```
#1c6a57
```
#1c6a57 rgb(28,106,87)
```
#207964
```
#207964 rgb(32,121,100)
```
#248970
```
#248970 rgb(36,137,112)
```
#28987d
```
#28987d rgb(40,152,125)
```
#2ca88a
```
#2ca88a rgb(44,168,138)
```
#30b897
```
#30b897 rgb(48,184,151)
```
#34c7a4
```
#34c7a4 rgb(52,199,164)
```

Shade Color Variation

#41cdac
```
#41cdac rgb(65,205,172)
```
#51d1b2
```
#51d1b2 rgb(81,209,178)
```
#61d6b9
```
#61d6b9 rgb(97,214,185)
```
#70dac0
```
#70dac0 rgb(112,218,192)
```
#80dec7
```
#80dec7 rgb(128,222,199)
```
#8fe2ce
```
#8fe2ce rgb(143,226,206)
```
#9fe6d5
```
#9fe6d5 rgb(159,230,213)
```
#aeeadb
```
#aeeadb rgb(174,234,219)
```
#beeee2
```
#beeee2 rgb(190,238,226)
```
#cdf2e9
```
#cdf2e9 rgb(205,242,233)
```
#ddf6f0
```
#ddf6f0 rgb(221,246,240)
```
#ecfaf7
```
#ecfaf7 rgb(236,250,247)
```
#fcfefe
```
#fcfefe rgb(252,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #656f6d is the less saturated color, while #03d19f is the most saturated one.

#656f6d
```
#656f6d rgb(101,111,109)
```
#5d7771
```
#5d7771 rgb(93,119,113)
```
#557f75
```
#557f75 rgb(85,127,117)
```
#4d8779
```
#4d8779 rgb(77,135,121)
```
#44907d
```
#44907d rgb(68,144,125)
```
#3c9882
```
#3c9882 rgb(60,152,130)
```
#34a086
```
#34a086 rgb(52,160,134)
```
#2ca88a
```
#2ca88a rgb(44,168,138)
```
#24b08e
```
#24b08e rgb(36,176,142)
```
#1cb892
```
#1cb892 rgb(28,184,146)
```
#14c097
```
#14c097 rgb(20,192,151)
```
#0bc99b
```
#0bc99b rgb(11,201,155)
```
#03d19f
```
#03d19f rgb(3,209,159)
```

Tone Color Variation

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

#808080 Achromatopsia 0.005% of the population
#6f8882 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a29a87 Protanopia 1% of men
#aa9697 Deuteranopia 1% of men
#4ca7b3 Tritanopia 0.001% of the population

Trichromacy

#779f88 Protanomaly 1% of men, 0.01% of women
#7c9c92 Deuteranomaly 6% of men, 0.4% of women
#40a7a4 Tritanomaly 0.01% of the population