#2ca275 hex color

In a RGB color space, hex #2ca275 is composed of 17.3% red, 63.5% green and 45.9% blue. Whereas in a CMYK color space, it is composed of 72.8% cyan, 0% magenta, 27.8% yellow and 36.5% black. It has a hue angle of 157.1 degrees, a saturation of 57.3% and a lightness of 40.4%. #2ca275 color hex could be obtained by blending #58ffea with #004500. Closest websafe color is: #339966.

♥
- f
- t
- g
- R 17
- G 64
- B 46
RGB color chart
- C 73
- M 0
- Y 28
- K 36
CMYK color chart

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

The hexadecimal color #2ca275 has RGB values of R:44, G:162, B:117 and CMYK values of C:0.73, M:0, Y:0.28, K:0.36. Its decimal value is 2925173.

Hex triplet	2ca275	`#2ca275`
RGB Decimal	44, 162, 117	`rgb(44,162,117)`
RGB Percent	17.3, 63.5, 45.9	`rgb(17.3%,63.5%,45.9%)`
CMYK	73, 0, 28, 36
HSL	157.1°, 57.3, 40.4	`hsl(157.1,57.3%,40.4%)`
HSV (or HSB)	157.1°, 72.8, 63.5
Web Safe	339966	`#339966`

CIE-LAB	59.579, -43.132, 14.276
XYZ	17.169, 27.659, 21.263
xyY	0.26, 0.419, 27.659
CIE-LCH	59.579, 45.433, 161.686
CIE-LUV	59.579, -45.96, 26.103
Hunter-Lab	52.592, -33.764, 12.844
Binary	00101100, 10100010, 01110101

#2ca275
```
#2ca275 rgb(44,162,117)
```
#a22c59
```
#a22c59 rgb(162,44,89)
```

Complementary Color

#2ca23a
```
#2ca23a rgb(44,162,58)
```
#2ca275
```
#2ca275 rgb(44,162,117)
```
#2c94a2
```
#2c94a2 rgb(44,148,162)
```

Analogous Color

#a23a2c
```
#a23a2c rgb(162,58,44)
```
#2ca275
```
#2ca275 rgb(44,162,117)
```
#a22c94
```
#a22c94 rgb(162,44,148)
```

Split Complementary Color

#a2752c
```
#a2752c rgb(162,117,44)
```
#2ca275
```
#2ca275 rgb(44,162,117)
```
#752ca2
```
#752ca2 rgb(117,44,162)
```

Triadic Color

#59a22c
```
#59a22c rgb(89,162,44)
```
#2ca275
```
#2ca275 rgb(44,162,117)
```
#752ca2
```
#752ca2 rgb(117,44,162)
```
#a22c59
```
#a22c59 rgb(162,44,89)
```

Tetradic Color

#1c664a
```
#1c664a rgb(28,102,74)
```
#217a58
```
#217a58 rgb(33,122,88)
```
#278e67
```
#278e67 rgb(39,142,103)
```
#2ca275
```
#2ca275 rgb(44,162,117)
```
#31b683
```
#31b683 rgb(49,182,131)
```
#38c992
```
#38c992 rgb(56,201,146)
```
#4cce9d
```
#4cce9d rgb(76,206,157)
```

Monochromatic Color

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

#2ca258
```
#2ca258 rgb(44,162,88)
```
#2ca261
```
#2ca261 rgb(44,162,97)
```
#2ca26b
```
#2ca26b rgb(44,162,107)
```
#2ca275
```
#2ca275 rgb(44,162,117)
```
#2ca27f
```
#2ca27f rgb(44,162,127)
```
#2ca289
```
#2ca289 rgb(44,162,137)
```
#2ca293
```
#2ca293 rgb(44,162,147)
```

Similar Colors

Text with hexadecimal color #2ca275

This text has a font color of #2ca275.

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

#2ca275 background color

This paragraph has a background color of #2ca275.

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

#2ca275 border color

This element has a border color of #2ca275.

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

CSS codes

.text {color:#2ca275;}

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

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

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

#020806
```
#020806 rgb(2,8,6)
```
#061711
```
#061711 rgb(6,23,17)
```
#0a271c
```
#0a271c rgb(10,39,28)
```
#0f3627
```
#0f3627 rgb(15,54,39)
```
#134532
```
#134532 rgb(19,69,50)
```
#17553d
```
#17553d rgb(23,85,61)
```
#1b6448
```
#1b6448 rgb(27,100,72)
```
#1f7454
```
#1f7454 rgb(31,116,84)
```
#24835f
```
#24835f rgb(36,131,95)
```
#28936a
```
#28936a rgb(40,147,106)
```
#2ca275
```
#2ca275 rgb(44,162,117)
```
#30b180
```
#30b180 rgb(48,177,128)
```
#34c18b
```
#34c18b rgb(52,193,139)
```

Shade Color Variation

#3ecb95
```
#3ecb95 rgb(62,203,149)
```
#4ecf9e
```
#4ecf9e rgb(78,207,158)
```
#5dd3a6
```
#5dd3a6 rgb(93,211,166)
```
#6cd7af
```
#6cd7af rgb(108,215,175)
```
#7cdbb7
```
#7cdbb7 rgb(124,219,183)
```
#8be0bf
```
#8be0bf rgb(139,224,191)
```
#9be4c8
```
#9be4c8 rgb(155,228,200)
```
#aae8d0
```
#aae8d0 rgb(170,232,208)
```
#baecd9
```
#baecd9 rgb(186,236,217)
```
#c9f0e1
```
#c9f0e1 rgb(201,240,225)
```
#d8f5ea
```
#d8f5ea rgb(216,245,234)
```
#e8f9f2
```
#e8f9f2 rgb(232,249,242)
```
#f7fdfb
```
#f7fdfb rgb(247,253,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #636b68 is the less saturated color, while #04ca7e is the most saturated one.

#636b68
```
#636b68 rgb(99,107,104)
```
#5c726a
```
#5c726a rgb(92,114,106)
```
#547a6c
```
#547a6c rgb(84,122,108)
```
#4c826d
```
#4c826d rgb(76,130,109)
```
#448a6f
```
#448a6f rgb(68,138,111)
```
#3c9271
```
#3c9271 rgb(60,146,113)
```
#349a73
```
#349a73 rgb(52,154,115)
```
#2ca275
```
#2ca275 rgb(44,162,117)
```
#24aa77
```
#24aa77 rgb(36,170,119)
```
#1cb279
```
#1cb279 rgb(28,178,121)
```
#14ba7b
```
#14ba7b rgb(20,186,123)
```
#0cc27d
```
#0cc27d rgb(12,194,125)
```
#04ca7e
```
#04ca7e rgb(4,202,126)
```

Tone Color Variation

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

#7a7a7a Achromatopsia 0.005% of the population
#6a8279 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9f9574 Protanopia 1% of men
#a99084 Deuteranopia 1% of men
#50a0ac Tritanopia 0.001% of the population

Trichromacy

#759974 Protanomaly 1% of men, 0.01% of women
#7b967e Deuteranomaly 6% of men, 0.4% of women
#43a198 Tritanomaly 0.01% of the population

#2ca275 hex color

#2ca275 Color Information

#2ca275 Color Conversion

Color Schemes with #2ca275

Alternatives to #2ca275

#2ca275 Preview

Shades and Tints of #2ca275

Tones of #2ca275

Color Blindness Simulator