colorhexa.com

#2c7148 hex color

In a RGB color space, hex #2c7148 is composed of 17.3% red, 44.3% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 61.1% cyan, 0% magenta, 36.3% yellow and 55.7% black. It has a hue angle of 144.3 degrees, a saturation of 43.9% and a lightness of 30.8%. #2c7148 color hex could be obtained by blending #58e290 with #000000. Closest websafe color is: #336633.

- R 17
- G 44
- B 28
RGB color chart
- C 61
- M 0
- Y 36
- K 56
CMYK color chart

● #2c7148 color description : Very dark cyan - lime green.

The hexadecimal color #2c7148 has RGB values of R:44, G:113, B:72 and CMYK values of C:0.61, M:0, Y:0.36, K:0.56. Its decimal value is 2912584.

Hex triplet	2c7148	`#2c7148`
RGB Decimal	44, 113, 72	`rgb(44,113,72)`
RGB Percent	17.3, 44.3, 28.2	`rgb(17.3%,44.3%,28.2%)`
CMYK	61, 0, 36, 56
HSL	144.3°, 43.9, 30.8	`hsl(144.3,43.9%,30.8%)`
HSV (or HSB)	144.3°, 61.1, 44.3
Web Safe	336633	`#336633`

CIE-LAB	42.48, -31.92, 16.45
XYZ	8.113, 12.813, 8.176
xyY	0.279, 0.44, 12.813
CIE-LCH	42.48, 35.909, 152.735
CIE-LUV	42.48, -29.547, 24.606
Hunter-Lab	35.795, -22.184, 11.514
Binary	00101100, 01110001, 01001000

#2c7148
```
#2c7148 rgb(44,113,72)
```
#712c55
```
#712c55 rgb(113,44,85)
```

Complementary Color

#33712c
```
#33712c rgb(51,113,44)
```
#2c7148
```
#2c7148 rgb(44,113,72)
```
#2c716b
```
#2c716b rgb(44,113,107)
```

Analogous Color

#712c33
```
#712c33 rgb(113,44,51)
```
#2c7148
```
#2c7148 rgb(44,113,72)
```
#6b2c71
```
#6b2c71 rgb(107,44,113)
```

Split Complementary Color

#71482c
```
#71482c rgb(113,72,44)
```
#2c7148
```
#2c7148 rgb(44,113,72)
```
#482c71
```
#482c71 rgb(72,44,113)
```

Triadic Color

#173a25
```
#173a25 rgb(23,58,37)
```
#1e4c31
```
#1e4c31 rgb(30,76,49)
```
#255f3c
```
#255f3c rgb(37,95,60)
```
#2c7148
```
#2c7148 rgb(44,113,72)
```
#338354
```
#338354 rgb(51,131,84)
```
#3a965f
```
#3a965f rgb(58,150,95)
```
#41a86b
```
#41a86b rgb(65,168,107)
```

Monochromatic Color

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

#2c7137
```
#2c7137 rgb(44,113,55)
```
#2c713d
```
#2c713d rgb(44,113,61)
```
#2c7142
```
#2c7142 rgb(44,113,66)
```
#2c7148
```
#2c7148 rgb(44,113,72)
```
#2c714e
```
#2c714e rgb(44,113,78)
```
#2c7154
```
#2c7154 rgb(44,113,84)
```
#2c7159
```
#2c7159 rgb(44,113,89)
```

Similar Colors

Text with hexadecimal color #2c7148

This text has a font color of #2c7148.

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

#2c7148 background color

This paragraph has a background color of #2c7148.

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

#2c7148 border color

This element has a border color of #2c7148.

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

CSS codes

.text {color:#2c7148;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#060e09
```
#060e09 rgb(6,14,9)
```
#0b1c12
```
#0b1c12 rgb(11,28,18)
```
#112a1b
```
#112a1b rgb(17,42,27)
```
#163924
```
#163924 rgb(22,57,36)
```
#1c472d
```
#1c472d rgb(28,71,45)
```
#215536
```
#215536 rgb(33,85,54)
```
#27633f
```
#27633f rgb(39,99,63)
```
#2c7148
```
#2c7148 rgb(44,113,72)
```
#317f51
```
#317f51 rgb(49,127,81)
```
#378d5a
```
#378d5a rgb(55,141,90)
```
#3c9b63
```
#3c9b63 rgb(60,155,99)
```
#42a96c
```
#42a96c rgb(66,169,108)
```

Shade Color Variation

#48b875
```
#48b875 rgb(72,184,117)
```
#56bd80
```
#56bd80 rgb(86,189,128)
```
#64c38a
```
#64c38a rgb(100,195,138)
```
#72c895
```
#72c895 rgb(114,200,149)
```
#80ce9f
```
#80ce9f rgb(128,206,159)
```
#8ed3aa
```
#8ed3aa rgb(142,211,170)
```
#9cd9b5
```
#9cd9b5 rgb(156,217,181)
```
#aadebf
```
#aadebf rgb(170,222,191)
```
#b8e4ca
```
#b8e4ca rgb(184,228,202)
```
#c7e9d5
```
#c7e9d5 rgb(199,233,213)
```
#d5efdf
```
#d5efdf rgb(213,239,223)
```
#e3f4ea
```
#e3f4ea rgb(227,244,234)
```
#f1faf4
```
#f1faf4 rgb(241,250,244)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #4a534e is the less saturated color, while #029b40 is the most saturated one.

#4a534e
```
#4a534e rgb(74,83,78)
```
#44594d
```
#44594d rgb(68,89,77)
```
#3e5f4b
```
#3e5f4b rgb(62,95,75)
```
#38654a
```
#38654a rgb(56,101,74)
```
#326b49
```
#326b49 rgb(50,107,73)
```
#2c7148
```
#2c7148 rgb(44,113,72)
```
#267747
```
#267747 rgb(38,119,71)
```
#207d46
```
#207d46 rgb(32,125,70)
```
#1a8345
```
#1a8345 rgb(26,131,69)
```
#148943
```
#148943 rgb(20,137,67)
```
#0e8f42
```
#0e8f42 rgb(14,143,66)
```
#089541
```
#089541 rgb(8,149,65)
```
#029b40
```
#029b40 rgb(2,155,64)
```

Tone Color Variation

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

#585858 Achromatopsia 0.005% of the population
#4f5d55 Atypical Achromatopsia 0.001% of the population

Dichromacy

#746c4c Protanopia 1% of men
#7d6857 Deuteranopia 1% of men
#45737b Tritanopia 0.001% of the population

Trichromacy

#5a6d4a Protanomaly 1% of men, 0.01% of women
#606b51 Deuteranomaly 6% of men, 0.4% of women
#3c7268 Tritanomaly 0.01% of the population