#348e45 hex color

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

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

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

The hexadecimal color #348e45 has RGB values of R:52, G:142, B:69 and CMYK values of C:0.63, M:0, Y:0.51, K:0.44. Its decimal value is 3444293.

Hex triplet	348e45	`#348e45`
RGB Decimal	52, 142, 69	`rgb(52,142,69)`
RGB Percent	20.4, 55.7, 27.1	`rgb(20.4%,55.7%,27.1%)`
CMYK	63, 0, 51, 44
HSL	131.3°, 46.4, 38	`hsl(131.3,46.4%,38%)`
HSV (or HSB)	131.3°, 63.4, 55.7
Web Safe	339933	`#339933`

CIE-LAB	52.403, -42.88, 30.987
XYZ	12.163, 20.505, 8.947
xyY	0.292, 0.493, 20.505
CIE-LCH	52.403, 52.905, 144.146
CIE-LUV	52.403, -39.147, 43.695
Hunter-Lab	45.282, -31.299, 19.983
Binary	00110100, 10001110, 01000101

#348e45
```
#348e45 rgb(52,142,69)
```
#8e347d
```
#8e347d rgb(142,52,125)
```

Complementary Color

#508e34
```
#508e34 rgb(80,142,52)
```
#348e45
```
#348e45 rgb(52,142,69)
```
#348e72
```
#348e72 rgb(52,142,114)
```

Analogous Color

#8e3450
```
#8e3450 rgb(142,52,80)
```
#348e45
```
#348e45 rgb(52,142,69)
```
#72348e
```
#72348e rgb(114,52,142)
```

Split Complementary Color

#8e4534
```
#8e4534 rgb(142,69,52)
```
#348e45
```
#348e45 rgb(52,142,69)
```
#45348e
```
#45348e rgb(69,52,142)
```

Triadic Color

#7d8e34
```
#7d8e34 rgb(125,142,52)
```
#348e45
```
#348e45 rgb(52,142,69)
```
#45348e
```
#45348e rgb(69,52,142)
```
#8e347d
```
#8e347d rgb(142,52,125)
```

Tetradic Color

#1f562a
```
#1f562a rgb(31,86,42)
```
#266933
```
#266933 rgb(38,105,51)
```
#2d7b3c
```
#2d7b3c rgb(45,123,60)
```
#348e45
```
#348e45 rgb(52,142,69)
```
#3ba14e
```
#3ba14e rgb(59,161,78)
```
#42b357
```
#42b357 rgb(66,179,87)
```
#50bf65
```
#50bf65 rgb(80,191,101)
```

Monochromatic Color

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

#3a8e34
```
#3a8e34 rgb(58,142,52)
```
#348e36
```
#348e36 rgb(52,142,54)
```
#348e3e
```
#348e3e rgb(52,142,62)
```
#348e45
```
#348e45 rgb(52,142,69)
```
#348e4d
```
#348e4d rgb(52,142,77)
```
#348e54
```
#348e54 rgb(52,142,84)
```
#348e5c
```
#348e5c rgb(52,142,92)
```

Similar Colors

Text with hexadecimal color #348e45

This text has a font color of #348e45.

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

#348e45 background color

This paragraph has a background color of #348e45.

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

#348e45 border color

This element has a border color of #348e45.

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

CSS codes

.text {color:#348e45;}

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

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

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

#050d06
```
#050d06 rgb(5,13,6)
```
#0a1b0d
```
#0a1b0d rgb(10,27,13)
```
#0f2914
```
#0f2914 rgb(15,41,20)
```
#14381b
```
#14381b rgb(20,56,27)
```
#1a4622
```
#1a4622 rgb(26,70,34)
```
#1f5529
```
#1f5529 rgb(31,85,41)
```
#246330
```
#246330 rgb(36,99,48)
```
#297137
```
#297137 rgb(41,113,55)
```
#2f803e
```
#2f803e rgb(47,128,62)
```
#348e45
```
#348e45 rgb(52,142,69)
```
#399c4c
```
#399c4c rgb(57,156,76)
```
#3fab53
```
#3fab53 rgb(63,171,83)
```
#44b95a
```
#44b95a rgb(68,185,90)
```

Shade Color Variation

#51bf66
```
#51bf66 rgb(81,191,102)
```
#5fc573
```
#5fc573 rgb(95,197,115)
```
#6eca7f
```
#6eca7f rgb(110,202,127)
```
#7ccf8c
```
#7ccf8c rgb(124,207,140)
```
#8bd499
```
#8bd499 rgb(139,212,153)
```
#99daa5
```
#99daa5 rgb(153,218,165)
```
#a7dfb2
```
#a7dfb2 rgb(167,223,178)
```
#b6e4be
```
#b6e4be rgb(182,228,190)
```
#c4e9cb
```
#c4e9cb rgb(196,233,203)
```
#d2efd8
```
#d2efd8 rgb(210,239,216)
```
#e1f4e4
```
#e1f4e4 rgb(225,244,228)
```
#eff9f1
```
#eff9f1 rgb(239,249,241)
```
#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 #07bb29 is the most saturated one.

#616161
```
#616161 rgb(97,97,97)
```
#59695c
```
#59695c rgb(89,105,92)
```
#527058
```
#527058 rgb(82,112,88)
```
#4a7853
```
#4a7853 rgb(74,120,83)
```
#437f4e
```
#437f4e rgb(67,127,78)
```
#3b874a
```
#3b874a rgb(59,135,74)
```
#348e45
```
#348e45 rgb(52,142,69)
```
#2d9540
```
#2d9540 rgb(45,149,64)
```
#259d3c
```
#259d3c rgb(37,157,60)
```
#1ea437
```
#1ea437 rgb(30,164,55)
```
#16ac32
```
#16ac32 rgb(22,172,50)
```
#0fb32e
```
#0fb32e rgb(15,179,46)
```
#07bb29
```
#07bb29 rgb(7,187,41)
```

Tone Color Variation

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

#6b6b6b Achromatopsia 0.005% of the population
#607263 Atypical Achromatopsia 0.001% of the population

Dichromacy

#908349 Protanopia 1% of men
#9d7e56 Deuteranopia 1% of men
#558b96 Tritanopia 0.001% of the population

Trichromacy

#6e8747 Protanomaly 1% of men, 0.01% of women
#778450 Deuteranomaly 6% of men, 0.4% of women
#498c78 Tritanomaly 0.01% of the population

#348e45 hex color

#348e45 Color Information

#348e45 Color Conversion

Color Schemes with #348e45

Alternatives to #348e45

#348e45 Preview

Shades and Tints of #348e45

Tones of #348e45

Color Blindness Simulator