#348e58 hex color

In a RGB color space, hex #348e58 is composed of 20.4% red, 55.7% green and 34.5% blue. Whereas in a CMYK color space, it is composed of 63.4% cyan, 0% magenta, 38% yellow and 44.3% black. It has a hue angle of 144 degrees, a saturation of 46.4% and a lightness of 38%. #348e58 color hex could be obtained by blending #68ffb0 with #001d00. Closest websafe color is: #339966.

♥
- f
- t
- g
- R 20
- G 56
- B 35
RGB color chart
- C 63
- M 0
- Y 38
- K 44
CMYK color chart

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

The hexadecimal color #348e58 has RGB values of R:52, G:142, B:88 and CMYK values of C:0.63, M:0, Y:0.38, K:0.44. Its decimal value is 3444312.

Hex triplet	348e58	`#348e58`
RGB Decimal	52, 142, 88	`rgb(52,142,88)`
RGB Percent	20.4, 55.7, 34.5	`rgb(20.4%,55.7%,34.5%)`
CMYK	63, 0, 38, 44
HSL	144°, 46.4, 38	`hsl(144,46.4%,38%)`
HSV (or HSB)	144°, 63.4, 55.7
Web Safe	339966	`#339966`

CIE-LAB	52.707, -39.533, 21.088
XYZ	12.85, 20.78, 12.566
xyY	0.278, 0.45, 20.78
CIE-LCH	52.707, 44.806, 151.923
CIE-LUV	52.707, -38.335, 32.848
Hunter-Lab	45.585, -29.456, 15.566
Binary	00110100, 10001110, 01011000

#348e58
```
#348e58 rgb(52,142,88)
```
#8e346a
```
#8e346a rgb(142,52,106)
```

Complementary Color

#3d8e34
```
#3d8e34 rgb(61,142,52)
```
#348e58
```
#348e58 rgb(52,142,88)
```
#348e85
```
#348e85 rgb(52,142,133)
```

Analogous Color

#8e343d
```
#8e343d rgb(142,52,61)
```
#348e58
```
#348e58 rgb(52,142,88)
```
#85348e
```
#85348e rgb(133,52,142)
```

Split Complementary Color

#8e5834
```
#8e5834 rgb(142,88,52)
```
#348e58
```
#348e58 rgb(52,142,88)
```
#58348e
```
#58348e rgb(88,52,142)
```

Triadic Color

#6a8e34
```
#6a8e34 rgb(106,142,52)
```
#348e58
```
#348e58 rgb(52,142,88)
```
#58348e
```
#58348e rgb(88,52,142)
```
#8e346a
```
#8e346a rgb(142,52,106)
```

Tetradic Color

#1f5635
```
#1f5635 rgb(31,86,53)
```
#266941
```
#266941 rgb(38,105,65)
```
#2d7b4c
```
#2d7b4c rgb(45,123,76)
```
#348e58
```
#348e58 rgb(52,142,88)
```
#3ba164
```
#3ba164 rgb(59,161,100)
```
#42b36f
```
#42b36f rgb(66,179,111)
```
#50bf7c
```
#50bf7c rgb(80,191,124)
```

Monochromatic Color

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

#348e42
```
#348e42 rgb(52,142,66)
```
#348e49
```
#348e49 rgb(52,142,73)
```
#348e51
```
#348e51 rgb(52,142,81)
```
#348e58
```
#348e58 rgb(52,142,88)
```
#348e60
```
#348e60 rgb(52,142,96)
```
#348e67
```
#348e67 rgb(52,142,103)
```
#348e6f
```
#348e6f rgb(52,142,111)
```

Similar Colors

Text with hexadecimal color #348e58

This text has a font color of #348e58.

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

#348e58 background color

This paragraph has a background color of #348e58.

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

#348e58 border color

This element has a border color of #348e58.

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

CSS codes

.text {color:#348e58;}

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

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

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, #050d08 is the darkest color, while #fdfefe is the lightest one.

#050d08
```
#050d08 rgb(5,13,8)
```
#0a1b11
```
#0a1b11 rgb(10,27,17)
```
#0f291a
```
#0f291a rgb(15,41,26)
```
#143823
```
#143823 rgb(20,56,35)
```
#1a462c
```
#1a462c rgb(26,70,44)
```
#1f5534
```
#1f5534 rgb(31,85,52)
```
#24633d
```
#24633d rgb(36,99,61)
```
#297146
```
#297146 rgb(41,113,70)
```
#2f804f
```
#2f804f rgb(47,128,79)
```
#348e58
```
#348e58 rgb(52,142,88)
```
#399c61
```
#399c61 rgb(57,156,97)
```
#3fab6a
```
#3fab6a rgb(63,171,106)
```
#44b973
```
#44b973 rgb(68,185,115)
```

Shade Color Variation

#51bf7d
```
#51bf7d rgb(81,191,125)
```
#5fc588
```
#5fc588 rgb(95,197,136)
```
#6eca93
```
#6eca93 rgb(110,202,147)
```
#7ccf9d
```
#7ccf9d rgb(124,207,157)
```
#8bd4a8
```
#8bd4a8 rgb(139,212,168)
```
#99dab3
```
#99dab3 rgb(153,218,179)
```
#a7dfbe
```
#a7dfbe rgb(167,223,190)
```
#b6e4c8
```
#b6e4c8 rgb(182,228,200)
```
#c4e9d3
```
#c4e9d3 rgb(196,233,211)
```
#d2efde
```
#d2efde rgb(210,239,222)
```
#e1f4e8
```
#e1f4e8 rgb(225,244,232)
```
#eff9f3
```
#eff9f3 rgb(239,249,243)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #616161 is the less saturated color, while #07bb4f is the most saturated one.

#616161
```
#616161 rgb(97,97,97)
```
#59695f
```
#59695f rgb(89,105,95)
```
#52705e
```
#52705e rgb(82,112,94)
```
#4a785c
```
#4a785c rgb(74,120,92)
```
#437f5b
```
#437f5b rgb(67,127,91)
```
#3b8759
```
#3b8759 rgb(59,135,89)
```
#348e58
```
#348e58 rgb(52,142,88)
```
#2d9557
```
#2d9557 rgb(45,149,87)
```
#259d55
```
#259d55 rgb(37,157,85)
```
#1ea454
```
#1ea454 rgb(30,164,84)
```
#16ac52
```
#16ac52 rgb(22,172,82)
```
#0fb351
```
#0fb351 rgb(15,179,81)
```
#07bb4f
```
#07bb4f rgb(7,187,79)
```

Tone Color Variation

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

#6d6d6d Achromatopsia 0.005% of the population
#627469 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8f845a Protanopia 1% of men
#9a7f67 Deuteranopia 1% of men
#528d97 Tritanopia 0.001% of the population

Trichromacy

#6e8759 Protanomaly 1% of men, 0.01% of women
#758461 Deuteranomaly 6% of men, 0.4% of women
#478d80 Tritanomaly 0.01% of the population

#348e58 hex color

#348e58 Color Information

#348e58 Color Conversion

Color Schemes with #348e58

Alternatives to #348e58

#348e58 Preview

Shades and Tints of #348e58

Tones of #348e58

Color Blindness Simulator