#348c2a hex color

In a RGB color space, hex #348c2a is composed of 20.4% red, 54.9% green and 16.5% blue. Whereas in a CMYK color space, it is composed of 62.9% cyan, 0% magenta, 70% yellow and 45.1% black. It has a hue angle of 113.9 degrees, a saturation of 53.8% and a lightness of 35.7%. #348c2a color hex could be obtained by blending #68ff54 with #001900. Closest websafe color is: #339933.

♥
- f
- t
- g
- R 20
- G 55
- B 16
RGB color chart
- C 63
- M 0
- Y 70
- K 45
CMYK color chart

● #348c2a color description : Dark lime green.

The hexadecimal color #348c2a has RGB values of R:52, G:140, B:42 and CMYK values of C:0.63, M:0, Y:0.7, K:0.45. Its decimal value is 3443754.

Hex triplet	348c2a	`#348c2a`
RGB Decimal	52, 140, 42	`rgb(52,140,42)`
RGB Percent	20.4, 54.9, 16.5	`rgb(20.4%,54.9%,16.5%)`
CMYK	63, 0, 70, 45
HSL	113.9°, 53.8, 35.7	`hsl(113.9,53.8%,35.7%)`
HSV (or HSB)	113.9°, 70, 54.9
Web Safe	339933	`#339933`

CIE-LAB	51.442, -45.483, 42.831
XYZ	11.212, 19.652, 5.393
xyY	0.309, 0.542, 19.652
CIE-LCH	51.442, 62.476, 136.72
CIE-LUV	51.442, -39.216, 53.937
Hunter-Lab	44.331, -32.436, 23.819
Binary	00110100, 10001100, 00101010

#348c2a
```
#348c2a rgb(52,140,42)
```
#822a8c
```
#822a8c rgb(130,42,140)
```

Complementary Color

#658c2a
```
#658c2a rgb(101,140,42)
```
#348c2a
```
#348c2a rgb(52,140,42)
```
#2a8c51
```
#2a8c51 rgb(42,140,81)
```

Analogous Color

#8c2a65
```
#8c2a65 rgb(140,42,101)
```
#348c2a
```
#348c2a rgb(52,140,42)
```
#512a8c
```
#512a8c rgb(81,42,140)
```

Split Complementary Color

#8c2a34
```
#8c2a34 rgb(140,42,52)
```
#348c2a
```
#348c2a rgb(52,140,42)
```
#2a348c
```
#2a348c rgb(42,52,140)
```

Triadic Color

#8c822a
```
#8c822a rgb(140,130,42)
```
#348c2a
```
#348c2a rgb(52,140,42)
```
#2a348c
```
#2a348c rgb(42,52,140)
```
#822a8c
```
#822a8c rgb(130,42,140)
```

Tetradic Color

#1e5118
```
#1e5118 rgb(30,81,24)
```
#25651e
```
#25651e rgb(37,101,30)
```
#2d7824
```
#2d7824 rgb(45,120,36)
```
#348c2a
```
#348c2a rgb(52,140,42)
```
#3ba030
```
#3ba030 rgb(59,160,48)
```
#43b336
```
#43b336 rgb(67,179,54)
```
#4bc53e
```
#4bc53e rgb(75,197,62)
```

Monochromatic Color

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

#4d8c2a
```
#4d8c2a rgb(77,140,42)
```
#448c2a
```
#448c2a rgb(68,140,42)
```
#3c8c2a
```
#3c8c2a rgb(60,140,42)
```
#348c2a
```
#348c2a rgb(52,140,42)
```
#2c8c2a
```
#2c8c2a rgb(44,140,42)
```
#2a8c30
```
#2a8c30 rgb(42,140,48)
```
#2a8c39
```
#2a8c39 rgb(42,140,57)
```

Similar Colors

Text with hexadecimal color #348c2a

This text has a font color of #348c2a.

<span style="color:#348c2a;">Text here</span>

#348c2a background color

This paragraph has a background color of #348c2a.

<p style="background-color:#348c2a;">Content here</p>

#348c2a border color

This element has a border color of #348c2a.

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

CSS codes

.text {color:#348c2a;}

.background {background-color:#348c2a;}

.border {border:1px solid #348c2a;}

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

#020401
```
#020401 rgb(2,4,1)
```
#071306
```
#071306 rgb(7,19,6)
```
#0d220a
```
#0d220a rgb(13,34,10)
```
#12310f
```
#12310f rgb(18,49,15)
```
#184113
```
#184113 rgb(24,65,19)
```
#1e5018
```
#1e5018 rgb(30,80,24)
```
#235f1c
```
#235f1c rgb(35,95,28)
```
#296e21
```
#296e21 rgb(41,110,33)
```
#2e7d25
```
#2e7d25 rgb(46,125,37)
```
#348c2a
```
#348c2a rgb(52,140,42)
```
#3a9b2f
```
#3a9b2f rgb(58,155,47)
```
#3faa33
```
#3faa33 rgb(63,170,51)
```
#45b938
```
#45b938 rgb(69,185,56)
```

Shade Color Variation

#4dc53f
```
#4dc53f rgb(77,197,63)
```
#5bca4e
```
#5bca4e rgb(91,202,78)
```
#69ce5d
```
#69ce5d rgb(105,206,93)
```
#77d36c
```
#77d36c rgb(119,211,108)
```
#85d87b
```
#85d87b rgb(133,216,123)
```
#93dc8a
```
#93dc8a rgb(147,220,138)
```
#a1e19a
```
#a1e19a rgb(161,225,154)
```
#afe5a9
```
#afe5a9 rgb(175,229,169)
```
#bdeab8
```
#bdeab8 rgb(189,234,184)
```
#cbeec7
```
#cbeec7 rgb(203,238,199)
```
#d9f3d6
```
#d9f3d6 rgb(217,243,214)
```
#e7f7e5
```
#e7f7e5 rgb(231,247,229)
```
#f5fcf4
```
#f5fcf4 rgb(245,252,244)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5b5b5b is the less saturated color, while #18af07 is the most saturated one.

#5b5b5b
```
#5b5b5b rgb(91,91,91)
```
#556254
```
#556254 rgb(85,98,84)
```
#50694d
```
#50694d rgb(80,105,77)
```
#4a7046
```
#4a7046 rgb(74,112,70)
```
#45773f
```
#45773f rgb(69,119,63)
```
#3f7e38
```
#3f7e38 rgb(63,126,56)
```
#3a8531
```
#3a8531 rgb(58,133,49)
```
#348c2a
```
#348c2a rgb(52,140,42)
```
#2e9323
```
#2e9323 rgb(46,147,35)
```
#299a1c
```
#299a1c rgb(41,154,28)
```
#23a115
```
#23a115 rgb(35,161,21)
```
#1ea80e
```
#1ea80e rgb(30,168,14)
```
#18af07
```
#18af07 rgb(24,175,7)
```

Tone Color Variation

Below, you can see how #348c2a 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

#676767 Achromatopsia 0.005% of the population
#5d6e5b Atypical Achromatopsia 0.001% of the population

Dichromacy

#908130 Protanopia 1% of men
#9e7b3e Deuteranopia 1% of men
#578892 Tritanopia 0.001% of the population

Trichromacy

#6e852e Protanomaly 1% of men, 0.01% of women
#778137 Deuteranomaly 6% of men, 0.4% of women
#4a8a6c Tritanomaly 0.01% of the population

#348c2a hex color

#348c2a Color Information

#348c2a Color Conversion

Color Schemes with #348c2a

Alternatives to #348c2a

#348c2a Preview

Shades and Tints of #348c2a

Tones of #348c2a

Color Blindness Simulator