#348c4a hex color

In a RGB color space, hex #348c4a is composed of 20.4% red, 54.9% green and 29% blue. Whereas in a CMYK color space, it is composed of 62.9% cyan, 0% magenta, 47.1% yellow and 45.1% black. It has a hue angle of 135 degrees, a saturation of 45.8% and a lightness of 37.6%. #348c4a color hex could be obtained by blending #68ff94 with #001900. Closest websafe color is: #339933.

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

● #348c4a color description : Dark moderate cyan - lime green.

The hexadecimal color #348c4a has RGB values of R:52, G:140, B:74 and CMYK values of C:0.63, M:0, Y:0.47, K:0.45. Its decimal value is 3443786.

Hex triplet	348c4a	`#348c4a`
RGB Decimal	52, 140, 74	`rgb(52,140,74)`
RGB Percent	20.4, 54.9, 29	`rgb(20.4%,54.9%,29%)`
CMYK	63, 0, 47, 45
HSL	135°, 45.8, 37.6	`hsl(135,45.8%,37.6%)`
HSV (or HSB)	135°, 62.9, 54.9
Web Safe	339933	`#339933`

CIE-LAB	51.814, -41.264, 27.595
XYZ	12.03, 19.98, 9.701
xyY	0.288, 0.479, 19.98
CIE-LCH	51.814, 49.641, 146.228
CIE-LUV	51.814, -38.164, 39.913
Hunter-Lab	44.699, -30.183, 18.422
Binary	00110100, 10001100, 01001010

#348c4a
```
#348c4a rgb(52,140,74)
```
#8c3476
```
#8c3476 rgb(140,52,118)
```

Complementary Color

#4a8c34
```
#4a8c34 rgb(74,140,52)
```
#348c4a
```
#348c4a rgb(52,140,74)
```
#348c76
```
#348c76 rgb(52,140,118)
```

Analogous Color

#8c344a
```
#8c344a rgb(140,52,74)
```
#348c4a
```
#348c4a rgb(52,140,74)
```
#76348c
```
#76348c rgb(118,52,140)
```

Split Complementary Color

#8c4a34
```
#8c4a34 rgb(140,74,52)
```
#348c4a
```
#348c4a rgb(52,140,74)
```
#4a348c
```
#4a348c rgb(74,52,140)
```

Triadic Color

#768c34
```
#768c34 rgb(118,140,52)
```
#348c4a
```
#348c4a rgb(52,140,74)
```
#4a348c
```
#4a348c rgb(74,52,140)
```
#8c3476
```
#8c3476 rgb(140,52,118)
```

Tetradic Color

#1f542d
```
#1f542d rgb(31,84,45)
```
#266736
```
#266736 rgb(38,103,54)
```
#2d7940
```
#2d7940 rgb(45,121,64)
```
#348c4a
```
#348c4a rgb(52,140,74)
```
#3b9f54
```
#3b9f54 rgb(59,159,84)
```
#42b15e
```
#42b15e rgb(66,177,94)
```
#4fbe6b
```
#4fbe6b rgb(79,190,107)
```

Monochromatic Color

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

#348c34
```
#348c34 rgb(52,140,52)
```
#348c3b
```
#348c3b rgb(52,140,59)
```
#348c43
```
#348c43 rgb(52,140,67)
```
#348c4a
```
#348c4a rgb(52,140,74)
```
#348c51
```
#348c51 rgb(52,140,81)
```
#348c59
```
#348c59 rgb(52,140,89)
```
#348c60
```
#348c60 rgb(52,140,96)
```

Similar Colors

Text with hexadecimal color #348c4a

This text has a font color of #348c4a.

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

#348c4a background color

This paragraph has a background color of #348c4a.

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

#348c4a border color

This element has a border color of #348c4a.

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

CSS codes

.text {color:#348c4a;}

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

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

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, #040b06 is the darkest color, while #fcfefc is the lightest one.

#040b06
```
#040b06 rgb(4,11,6)
```
#091a0e
```
#091a0e rgb(9,26,14)
```
#0f2815
```
#0f2815 rgb(15,40,21)
```
#14361d
```
#14361d rgb(20,54,29)
```
#194424
```
#194424 rgb(25,68,36)
```
#1f532c
```
#1f532c rgb(31,83,44)
```
#246133
```
#246133 rgb(36,97,51)
```
#296f3b
```
#296f3b rgb(41,111,59)
```
#2f7e42
```
#2f7e42 rgb(47,126,66)
```
#348c4a
```
#348c4a rgb(52,140,74)
```
#399a52
```
#399a52 rgb(57,154,82)
```
#3fa959
```
#3fa959 rgb(63,169,89)
```
#44b761
```
#44b761 rgb(68,183,97)
```

Shade Color Variation

#50be6c
```
#50be6c rgb(80,190,108)
```
#5fc378
```
#5fc378 rgb(95,195,120)
```
#6dc984
```
#6dc984 rgb(109,201,132)
```
#7bce90
```
#7bce90 rgb(123,206,144)
```
#8ad39c
```
#8ad39c rgb(138,211,156)
```
#98d9a8
```
#98d9a8 rgb(152,217,168)
```
#a6deb4
```
#a6deb4 rgb(166,222,180)
```
#b4e3c0
```
#b4e3c0 rgb(180,227,192)
```
#c3e9cc
```
#c3e9cc rgb(195,233,204)
```
#d1eed8
```
#d1eed8 rgb(209,238,216)
```
#dff3e4
```
#dff3e4 rgb(223,243,228)
```
#eef9f0
```
#eef9f0 rgb(238,249,240)
```
#fcfefc
```
#fcfefc rgb(252,254,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #59675c is the less saturated color, while #00c030 is the most saturated one.

#59675c
```
#59675c rgb(89,103,92)
```
#526e59
```
#526e59 rgb(82,110,89)
```
#4a7655
```
#4a7655 rgb(74,118,85)
```
#437d51
```
#437d51 rgb(67,125,81)
```
#3b854e
```
#3b854e rgb(59,133,78)
```
#348c4a
```
#348c4a rgb(52,140,74)
```
#2d9346
```
#2d9346 rgb(45,147,70)
```
#259b43
```
#259b43 rgb(37,155,67)
```
#1ea23f
```
#1ea23f rgb(30,162,63)
```
#16aa3b
```
#16aa3b rgb(22,170,59)
```
#0fb138
```
#0fb138 rgb(15,177,56)
```
#08b834
```
#08b834 rgb(8,184,52)
```
#00c030
```
#00c030 rgb(0,192,48)
```

Tone Color Variation

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

#6a6a6a Achromatopsia 0.005% of the population
#5f7164 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8e824d Protanopia 1% of men
#9a7d5a Deuteranopia 1% of men
#548a94 Tritanopia 0.001% of the population

Trichromacy

#6d854c Protanomaly 1% of men, 0.01% of women
#758254 Deuteranomaly 6% of men, 0.4% of women
#488b79 Tritanomaly 0.01% of the population

#348c4a hex color

#348c4a Color Information

#348c4a Color Conversion

Color Schemes with #348c4a

Alternatives to #348c4a

#348c4a Preview

Shades and Tints of #348c4a

Tones of #348c4a

Color Blindness Simulator