#348e30 hex color

In a RGB color space, hex #348e30 is composed of 20.4% red, 55.7% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 63.4% cyan, 0% magenta, 66.2% yellow and 44.3% black. It has a hue angle of 117.4 degrees, a saturation of 49.5% and a lightness of 37.3%. #348e30 color hex could be obtained by blending #68ff60 with #001d00. Closest websafe color is: #339933.

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

● #348e30 color description : Dark moderate lime green.

The hexadecimal color #348e30 has RGB values of R:52, G:142, B:48 and CMYK values of C:0.63, M:0, Y:0.66, K:0.44. Its decimal value is 3444272.

Hex triplet	348e30	`#348e30`
RGB Decimal	52, 142, 48	`rgb(52,142,48)`
RGB Percent	20.4, 55.7, 18.8	`rgb(20.4%,55.7%,18.8%)`
CMYK	63, 0, 66, 44
HSL	117.4°, 49.5, 37.3	`hsl(117.4,49.5%,37.3%)`
HSV (or HSB)	117.4°, 66.2, 55.7
Web Safe	339933	`#339933`

CIE-LAB	52.162, -45.629, 40.994
XYZ	11.622, 20.288, 6.1
xyY	0.306, 0.534, 20.288
CIE-LCH	52.162, 61.339, 138.063
CIE-LUV	52.162, -39.843, 52.86
Hunter-Lab	45.043, -32.768, 23.501
Binary	00110100, 10001110, 00110000

#348e30
```
#348e30 rgb(52,142,48)
```
#8a308e
```
#8a308e rgb(138,48,142)
```

Complementary Color

#638e30
```
#638e30 rgb(99,142,48)
```
#348e30
```
#348e30 rgb(52,142,48)
```
#308e5b
```
#308e5b rgb(48,142,91)
```

Analogous Color

#8e3063
```
#8e3063 rgb(142,48,99)
```
#348e30
```
#348e30 rgb(52,142,48)
```
#5b308e
```
#5b308e rgb(91,48,142)
```

Split Complementary Color

#8e3034
```
#8e3034 rgb(142,48,52)
```
#348e30
```
#348e30 rgb(52,142,48)
```
#30348e
```
#30348e rgb(48,52,142)
```

Triadic Color

#8e8a30
```
#8e8a30 rgb(142,138,48)
```
#348e30
```
#348e30 rgb(52,142,48)
```
#30348e
```
#30348e rgb(48,52,142)
```
#8a308e
```
#8a308e rgb(138,48,142)
```

Tetradic Color

#1f551d
```
#1f551d rgb(31,85,29)
```
#266823
```
#266823 rgb(38,104,35)
```
#2d7b2a
```
#2d7b2a rgb(45,123,42)
```
#348e30
```
#348e30 rgb(52,142,48)
```
#3ba136
```
#3ba136 rgb(59,161,54)
```
#42b43d
```
#42b43d rgb(66,180,61)
```
#4ec149
```
#4ec149 rgb(78,193,73)
```

Monochromatic Color

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

#4b8e30
```
#4b8e30 rgb(75,142,48)
```
#448e30
```
#448e30 rgb(68,142,48)
```
#3c8e30
```
#3c8e30 rgb(60,142,48)
```
#348e30
```
#348e30 rgb(52,142,48)
```
#308e34
```
#308e34 rgb(48,142,52)
```
#308e3c
```
#308e3c rgb(48,142,60)
```
#308e44
```
#308e44 rgb(48,142,68)
```

Similar Colors

Text with hexadecimal color #348e30

This text has a font color of #348e30.

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

#348e30 background color

This paragraph has a background color of #348e30.

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

#348e30 border color

This element has a border color of #348e30.

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

CSS codes

.text {color:#348e30;}

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

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

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

#040a03
```
#040a03 rgb(4,10,3)
```
#091908
```
#091908 rgb(9,25,8)
```
#0e270d
```
#0e270d rgb(14,39,13)
```
#143612
```
#143612 rgb(20,54,18)
```
#194517
```
#194517 rgb(25,69,23)
```
#1f531c
```
#1f531c rgb(31,83,28)
```
#246221
```
#246221 rgb(36,98,33)
```
#297126
```
#297126 rgb(41,113,38)
```
#2f7f2b
```
#2f7f2b rgb(47,127,43)
```
#348e30
```
#348e30 rgb(52,142,48)
```
#399d35
```
#399d35 rgb(57,157,53)
```
#3fab3a
```
#3fab3a rgb(63,171,58)
```
#44ba3f
```
#44ba3f rgb(68,186,63)
```

Shade Color Variation

#50c24a
```
#50c24a rgb(80,194,74)
```
#5ec759
```
#5ec759 rgb(94,199,89)
```
#6ccc68
```
#6ccc68 rgb(108,204,104)
```
#7ad176
```
#7ad176 rgb(122,209,118)
```
#89d685
```
#89d685 rgb(137,214,133)
```
#97db94
```
#97db94 rgb(151,219,148)
```
#a5e0a2
```
#a5e0a2 rgb(165,224,162)
```
#b3e5b1
```
#b3e5b1 rgb(179,229,177)
```
#c2eac0
```
#c2eac0 rgb(194,234,192)
```
#d0efce
```
#d0efce rgb(208,239,206)
```
#def4dd
```
#def4dd rgb(222,244,221)
```
#ecf8ec
```
#ecf8ec rgb(236,248,236)
```
#fbfdfa
```
#fbfdfa rgb(251,253,250)
```

Tint Color Variation

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

#5c625c
```
#5c625c rgb(92,98,92)
```
#556955
```
#556955 rgb(85,105,85)
```
#4f714d
```
#4f714d rgb(79,113,77)
```
#487846
```
#487846 rgb(72,120,70)
```
#417f3f
```
#417f3f rgb(65,127,63)
```
#3b8737
```
#3b8737 rgb(59,135,55)
```
#348e30
```
#348e30 rgb(52,142,48)
```
#2d9529
```
#2d9529 rgb(45,149,41)
```
#279d21
```
#279d21 rgb(39,157,33)
```
#20a41a
```
#20a41a rgb(32,164,26)
```
#19ab13
```
#19ab13 rgb(25,171,19)
```
#13b30b
```
#13b30b rgb(19,179,11)
```
#0cba04
```
#0cba04 rgb(12,186,4)
```

Tone Color Variation

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

#686868 Achromatopsia 0.005% of the population
#5e705d Atypical Achromatopsia 0.001% of the population

Dichromacy

#918336 Protanopia 1% of men
#a07d43 Deuteranopia 1% of men
#578a95 Tritanopia 0.001% of the population

Trichromacy

#6f8733 Protanomaly 1% of men, 0.01% of women
#78833c Deuteranomaly 6% of men, 0.4% of women
#4a8c70 Tritanomaly 0.01% of the population

#348e30 hex color

#348e30 Color Information

#348e30 Color Conversion

Color Schemes with #348e30

Alternatives to #348e30

#348e30 Preview

Shades and Tints of #348e30

Tones of #348e30

Color Blindness Simulator