#348b4a hex color

In a RGB color space, hex #348b4a is composed of 20.4% red, 54.5% green and 29% blue. Whereas in a CMYK color space, it is composed of 62.6% cyan, 0% magenta, 46.8% yellow and 45.5% black. It has a hue angle of 135.2 degrees, a saturation of 45.5% and a lightness of 37.5%. #348b4a color hex could be obtained by blending #68ff94 with #001700. 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

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

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

Hex triplet	348b4a	`#348b4a`
RGB Decimal	52, 139, 74	`rgb(52,139,74)`
RGB Percent	20.4, 54.5, 29	`rgb(20.4%,54.5%,29%)`
CMYK	63, 0, 47, 45
HSL	135.2°, 45.5, 37.5	`hsl(135.2,45.5%,37.5%)`
HSV (or HSB)	135.2°, 62.6, 54.5
Web Safe	339933	`#339933`

CIE-LAB	51.483, -40.854, 27.174
XYZ	11.884, 19.689, 9.652
xyY	0.288, 0.478, 19.689
CIE-LCH	51.483, 49.066, 146.37
CIE-LUV	51.483, -37.771, 39.335
Hunter-Lab	44.372, -29.843, 18.163
Binary	00110100, 10001011, 01001010

#348b4a
```
#348b4a rgb(52,139,74)
```
#8b3475
```
#8b3475 rgb(139,52,117)
```

Complementary Color

#4a8b34
```
#4a8b34 rgb(74,139,52)
```
#348b4a
```
#348b4a rgb(52,139,74)
```
#348b76
```
#348b76 rgb(52,139,118)
```

Analogous Color

#8b344a
```
#8b344a rgb(139,52,74)
```
#348b4a
```
#348b4a rgb(52,139,74)
```
#76348b
```
#76348b rgb(118,52,139)
```

Split Complementary Color

#8b4a34
```
#8b4a34 rgb(139,74,52)
```
#348b4a
```
#348b4a rgb(52,139,74)
```
#4a348b
```
#4a348b rgb(74,52,139)
```

Triadic Color

#758b34
```
#758b34 rgb(117,139,52)
```
#348b4a
```
#348b4a rgb(52,139,74)
```
#4a348b
```
#4a348b rgb(74,52,139)
```
#8b3475
```
#8b3475 rgb(139,52,117)
```

Tetradic Color

#1f532c
```
#1f532c rgb(31,83,44)
```
#266636
```
#266636 rgb(38,102,54)
```
#2d7840
```
#2d7840 rgb(45,120,64)
```
#348b4a
```
#348b4a rgb(52,139,74)
```
#3b9e54
```
#3b9e54 rgb(59,158,84)
```
#42b05e
```
#42b05e rgb(66,176,94)
```
#4fbd6a
```
#4fbd6a rgb(79,189,106)
```

Monochromatic Color

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

#348b34
```
#348b34 rgb(52,139,52)
```
#348b3c
```
#348b3c rgb(52,139,60)
```
#348b43
```
#348b43 rgb(52,139,67)
```
#348b4a
```
#348b4a rgb(52,139,74)
```
#348b51
```
#348b51 rgb(52,139,81)
```
#348b59
```
#348b59 rgb(52,139,89)
```
#348b60
```
#348b60 rgb(52,139,96)
```

Similar Colors

Text with hexadecimal color #348b4a

This text has a font color of #348b4a.

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

#348b4a background color

This paragraph has a background color of #348b4a.

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

#348b4a border color

This element has a border color of #348b4a.

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

CSS codes

.text {color:#348b4a;}

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

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

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 #fbfefc is the lightest one.

#040b06
```
#040b06 rgb(4,11,6)
```
#09190d
```
#09190d rgb(9,25,13)
```
#0f2715
```
#0f2715 rgb(15,39,21)
```
#14351c
```
#14351c rgb(20,53,28)
```
#194424
```
#194424 rgb(25,68,36)
```
#1f522c
```
#1f522c rgb(31,82,44)
```
#246033
```
#246033 rgb(36,96,51)
```
#296e3b
```
#296e3b rgb(41,110,59)
```
#2f7d42
```
#2f7d42 rgb(47,125,66)
```
#348b4a
```
#348b4a rgb(52,139,74)
```
#399952
```
#399952 rgb(57,153,82)
```
#3fa859
```
#3fa859 rgb(63,168,89)
```
#44b661
```
#44b661 rgb(68,182,97)
```

Shade Color Variation

#50be6c
```
#50be6c rgb(80,190,108)
```
#5ec378
```
#5ec378 rgb(94,195,120)
```
#6cc884
```
#6cc884 rgb(108,200,132)
```
#7bce90
```
#7bce90 rgb(123,206,144)
```
#89d39c
```
#89d39c rgb(137,211,156)
```
#97d8a8
```
#97d8a8 rgb(151,216,168)
```
#a6deb4
```
#a6deb4 rgb(166,222,180)
```
#b4e3c0
```
#b4e3c0 rgb(180,227,192)
```
#c2e8cc
```
#c2e8cc rgb(194,232,204)
```
#d0eed8
```
#d0eed8 rgb(208,238,216)
```
#dff3e4
```
#dff3e4 rgb(223,243,228)
```
#edf8f0
```
#edf8f0 rgb(237,248,240)
```
#fbfefc
```
#fbfefc rgb(251,254,252)
```

Tint Color Variation

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

#59665c
```
#59665c rgb(89,102,92)
```
#516e59
```
#516e59 rgb(81,110,89)
```
#4a7555
```
#4a7555 rgb(74,117,85)
```
#437c51
```
#437c51 rgb(67,124,81)
```
#3b844e
```
#3b844e rgb(59,132,78)
```
#348b4a
```
#348b4a rgb(52,139,74)
```
#2d9246
```
#2d9246 rgb(45,146,70)
```
#259a43
```
#259a43 rgb(37,154,67)
```
#1ea13f
```
#1ea13f rgb(30,161,63)
```
#17a83b
```
#17a83b rgb(23,168,59)
```
#0fb038
```
#0fb038 rgb(15,176,56)
```
#08b734
```
#08b734 rgb(8,183,52)
```
#01be31
```
#01be31 rgb(1,190,49)
```

Tone Color Variation

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

#8d814d Protanopia 1% of men
#997c5a Deuteranopia 1% of men
#548993 Tritanopia 0.001% of the population

Trichromacy

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

#348b4a hex color

#348b4a Color Information

#348b4a Color Conversion

Color Schemes with #348b4a

Alternatives to #348b4a

#348b4a Preview

Shades and Tints of #348b4a

Tones of #348b4a

Color Blindness Simulator