#348b5f hex color

In a RGB color space, hex #348b5f is composed of 20.4% red, 54.5% green and 37.3% blue. Whereas in a CMYK color space, it is composed of 62.6% cyan, 0% magenta, 31.7% yellow and 45.5% black. It has a hue angle of 149.7 degrees, a saturation of 45.5% and a lightness of 37.5%. #348b5f color hex could be obtained by blending #68ffbe with #001700. Closest websafe color is: #339966.

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

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

The hexadecimal color #348b5f has RGB values of R:52, G:139, B:95 and CMYK values of C:0.63, M:0, Y:0.32, K:0.45. Its decimal value is 3443551.

Hex triplet	348b5f	`#348b5f`
RGB Decimal	52, 139, 95	`rgb(52,139,95)`
RGB Percent	20.4, 54.5, 37.3	`rgb(20.4%,54.5%,37.3%)`
CMYK	63, 0, 32, 45
HSL	149.7°, 45.5, 37.5	`hsl(149.7,45.5%,37.5%)`
HSV (or HSB)	149.7°, 62.6, 54.5
Web Safe	339966	`#339966`

CIE-LAB	51.86, -36.793, 16.007
XYZ	12.713, 20.02, 14.02
xyY	0.272, 0.428, 20.02
CIE-LCH	51.86, 40.124, 156.488
CIE-LUV	51.86, -36.825, 26.367
Hunter-Lab	44.744, -27.584, 12.743
Binary	00110100, 10001011, 01011111

#348b5f
```
#348b5f rgb(52,139,95)
```
#8b3460
```
#8b3460 rgb(139,52,96)
```

Complementary Color

#358b34
```
#358b34 rgb(53,139,52)
```
#348b5f
```
#348b5f rgb(52,139,95)
```
#348b8b
```
#348b8b rgb(52,139,139)
```

Analogous Color

#8b3434
```
#8b3434 rgb(139,52,52)
```
#348b5f
```
#348b5f rgb(52,139,95)
```
#8b348b
```
#8b348b rgb(139,52,139)
```

Split Complementary Color

#8b5f34
```
#8b5f34 rgb(139,95,52)
```
#348b5f
```
#348b5f rgb(52,139,95)
```
#5f348b
```
#5f348b rgb(95,52,139)
```

Triadic Color

#608b34
```
#608b34 rgb(96,139,52)
```
#348b5f
```
#348b5f rgb(52,139,95)
```
#5f348b
```
#5f348b rgb(95,52,139)
```
#8b3460
```
#8b3460 rgb(139,52,96)
```

Tetradic Color

#1f5339
```
#1f5339 rgb(31,83,57)
```
#266646
```
#266646 rgb(38,102,70)
```
#2d7852
```
#2d7852 rgb(45,120,82)
```
#348b5f
```
#348b5f rgb(52,139,95)
```
#3b9e6c
```
#3b9e6c rgb(59,158,108)
```
#42b078
```
#42b078 rgb(66,176,120)
```
#4fbd85
```
#4fbd85 rgb(79,189,133)
```

Monochromatic Color

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

#348b49
```
#348b49 rgb(52,139,73)
```
#348b51
```
#348b51 rgb(52,139,81)
```
#348b58
```
#348b58 rgb(52,139,88)
```
#348b5f
```
#348b5f rgb(52,139,95)
```
#348b66
```
#348b66 rgb(52,139,102)
```
#348b6e
```
#348b6e rgb(52,139,110)
```
#348b75
```
#348b75 rgb(52,139,117)
```

Similar Colors

Text with hexadecimal color #348b5f

This text has a font color of #348b5f.

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

#348b5f background color

This paragraph has a background color of #348b5f.

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

#348b5f border color

This element has a border color of #348b5f.

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

CSS codes

.text {color:#348b5f;}

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

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

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

#040b07
```
#040b07 rgb(4,11,7)
```
#091911
```
#091911 rgb(9,25,17)
```
#0f271b
```
#0f271b rgb(15,39,27)
```
#143524
```
#143524 rgb(20,53,36)
```
#19442e
```
#19442e rgb(25,68,46)
```
#1f5238
```
#1f5238 rgb(31,82,56)
```
#246042
```
#246042 rgb(36,96,66)
```
#296e4b
```
#296e4b rgb(41,110,75)
```
#2f7d55
```
#2f7d55 rgb(47,125,85)
```
#348b5f
```
#348b5f rgb(52,139,95)
```
#399969
```
#399969 rgb(57,153,105)
```
#3fa873
```
#3fa873 rgb(63,168,115)
```
#44b67c
```
#44b67c rgb(68,182,124)
```

Shade Color Variation

#50be86
```
#50be86 rgb(80,190,134)
```
#5ec390
```
#5ec390 rgb(94,195,144)
```
#6cc89a
```
#6cc89a rgb(108,200,154)
```
#7bcea4
```
#7bcea4 rgb(123,206,164)
```
#89d3ae
```
#89d3ae rgb(137,211,174)
```
#97d8b7
```
#97d8b7 rgb(151,216,183)
```
#a6dec1
```
#a6dec1 rgb(166,222,193)
```
#b4e3cb
```
#b4e3cb rgb(180,227,203)
```
#c2e8d5
```
#c2e8d5 rgb(194,232,213)
```
#d0eedf
```
#d0eedf rgb(208,238,223)
```
#dff3e9
```
#dff3e9 rgb(223,243,233)
```
#edf8f3
```
#edf8f3 rgb(237,248,243)
```
#fbfefc
```
#fbfefc rgb(251,254,252)
```

Tint Color Variation

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

#59665f
```
#59665f rgb(89,102,95)
```
#516e5f
```
#516e5f rgb(81,110,95)
```
#4a755f
```
#4a755f rgb(74,117,95)
```
#437c5f
```
#437c5f rgb(67,124,95)
```
#3b845f
```
#3b845f rgb(59,132,95)
```
#348b5f
```
#348b5f rgb(52,139,95)
```
#2d925f
```
#2d925f rgb(45,146,95)
```
#259a5f
```
#259a5f rgb(37,154,95)
```
#1ea15f
```
#1ea15f rgb(30,161,95)
```
#17a85f
```
#17a85f rgb(23,168,95)
```
#0fb05f
```
#0fb05f rgb(15,176,95)
```
#08b75e
```
#08b75e rgb(8,183,94)
```
#01be5e
```
#01be5e rgb(1,190,94)
```

Tone Color Variation

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

#6c6c6c Achromatopsia 0.005% of the population
#617269 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8b8261 Protanopia 1% of men
#957d6d Deuteranopia 1% of men
#508b95 Tritanopia 0.001% of the population

Trichromacy

#6b8560 Protanomaly 1% of men, 0.01% of women
#728268 Deuteranomaly 6% of men, 0.4% of women
#468b81 Tritanomaly 0.01% of the population

#348b5f hex color

#348b5f Color Information

#348b5f Color Conversion

Color Schemes with #348b5f

Alternatives to #348b5f

#348b5f Preview

Shades and Tints of #348b5f

Tones of #348b5f

Color Blindness Simulator