#348f2a hex color

In a RGB color space, hex #348f2a is composed of 20.4% red, 56.1% green and 16.5% blue. Whereas in a CMYK color space, it is composed of 63.6% cyan, 0% magenta, 70.6% yellow and 43.9% black. It has a hue angle of 114.1 degrees, a saturation of 54.6% and a lightness of 36.3%. #348f2a color hex could be obtained by blending #68ff54 with #001f00. Closest websafe color is: #339933.

♥
- f
- t
- g
- R 20
- G 56
- B 16
RGB color chart
- C 64
- M 0
- Y 71
- K 44
CMYK color chart

● #348f2a color description : Dark lime green.

The hexadecimal color #348f2a has RGB values of R:52, G:143, B:42 and CMYK values of C:0.64, M:0, Y:0.71, K:0.44. Its decimal value is 3444522.

Hex triplet	348f2a	`#348f2a`
RGB Decimal	52, 143, 42	`rgb(52,143,42)`
RGB Percent	20.4, 56.1, 16.5	`rgb(20.4%,56.1%,16.5%)`
CMYK	64, 0, 71, 44
HSL	114.1°, 54.6, 36.3	`hsl(114.1,54.6%,36.3%)`
HSV (or HSB)	114.1°, 70.6, 56.1
Web Safe	339933	`#339933`

CIE-LAB	52.444, -46.603, 43.891
XYZ	11.656, 20.541, 5.541
xyY	0.309, 0.544, 20.541
CIE-LCH	52.444, 64.018, 136.716
CIE-LUV	52.444, -40.389, 55.377
Hunter-Lab	45.322, -33.408, 24.477
Binary	00110100, 10001111, 00101010

#348f2a
```
#348f2a rgb(52,143,42)
```
#852a8f
```
#852a8f rgb(133,42,143)
```

Complementary Color

#678f2a
```
#678f2a rgb(103,143,42)
```
#348f2a
```
#348f2a rgb(52,143,42)
```
#2a8f53
```
#2a8f53 rgb(42,143,83)
```

Analogous Color

#8f2a67
```
#8f2a67 rgb(143,42,103)
```
#348f2a
```
#348f2a rgb(52,143,42)
```
#532a8f
```
#532a8f rgb(83,42,143)
```

Split Complementary Color

#8f2a34
```
#8f2a34 rgb(143,42,52)
```
#348f2a
```
#348f2a rgb(52,143,42)
```
#2a348f
```
#2a348f rgb(42,52,143)
```

Triadic Color

#8f852a
```
#8f852a rgb(143,133,42)
```
#348f2a
```
#348f2a rgb(52,143,42)
```
#2a348f
```
#2a348f rgb(42,52,143)
```
#852a8f
```
#852a8f rgb(133,42,143)
```

Tetradic Color

#1e5419
```
#1e5419 rgb(30,84,25)
```
#26681e
```
#26681e rgb(38,104,30)
```
#2d7b24
```
#2d7b24 rgb(45,123,36)
```
#348f2a
```
#348f2a rgb(52,143,42)
```
#3ba330
```
#3ba330 rgb(59,163,48)
```
#42b636
```
#42b636 rgb(66,182,54)
```
#4cc73f
```
#4cc73f rgb(76,199,63)
```

Monochromatic Color

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

#4d8f2a
```
#4d8f2a rgb(77,143,42)
```
#458f2a
```
#458f2a rgb(69,143,42)
```
#3c8f2a
```
#3c8f2a rgb(60,143,42)
```
#348f2a
```
#348f2a rgb(52,143,42)
```
#2c8f2a
```
#2c8f2a rgb(44,143,42)
```
#2a8f31
```
#2a8f31 rgb(42,143,49)
```
#2a8f39
```
#2a8f39 rgb(42,143,57)
```

Similar Colors

Text with hexadecimal color #348f2a

This text has a font color of #348f2a.

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

#348f2a background color

This paragraph has a background color of #348f2a.

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

#348f2a border color

This element has a border color of #348f2a.

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

CSS codes

.text {color:#348f2a;}

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

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

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, #020702 is the darkest color, while #f7fcf6 is the lightest one.

#020702
```
#020702 rgb(2,7,2)
```
#081606
```
#081606 rgb(8,22,6)
```
#0d250b
```
#0d250b rgb(13,37,11)
```
#13340f
```
#13340f rgb(19,52,15)
```
#184314
```
#184314 rgb(24,67,20)
```
#1e5218
```
#1e5218 rgb(30,82,24)
```
#23621d
```
#23621d rgb(35,98,29)
```
#297121
```
#297121 rgb(41,113,33)
```
#2e8026
```
#2e8026 rgb(46,128,38)
```
#348f2a
```
#348f2a rgb(52,143,42)
```
#3a9e2e
```
#3a9e2e rgb(58,158,46)
```
#3fad33
```
#3fad33 rgb(63,173,51)
```
#45bc37
```
#45bc37 rgb(69,188,55)
```

Shade Color Variation

#4ec740
```
#4ec740 rgb(78,199,64)
```
#5ccb50
```
#5ccb50 rgb(92,203,80)
```
#6ad05f
```
#6ad05f rgb(106,208,95)
```
#78d46e
```
#78d46e rgb(120,212,110)
```
#86d97d
```
#86d97d rgb(134,217,125)
```
#94dd8c
```
#94dd8c rgb(148,221,140)
```
#a2e29b
```
#a2e29b rgb(162,226,155)
```
#b0e6ab
```
#b0e6ab rgb(176,230,171)
```
#bfebba
```
#bfebba rgb(191,235,186)
```
#cdefc9
```
#cdefc9 rgb(205,239,201)
```
#dbf4d8
```
#dbf4d8 rgb(219,244,216)
```
#e9f8e7
```
#e9f8e7 rgb(233,248,231)
```
#f7fcf6
```
#f7fcf6 rgb(247,252,246)
```

Tint Color Variation

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

#5c5d5c
```
#5c5d5c rgb(92,93,92)
```
#566455
```
#566455 rgb(86,100,85)
```
#516b4e
```
#516b4e rgb(81,107,78)
```
#4b7346
```
#4b7346 rgb(75,115,70)
```
#457a3f
```
#457a3f rgb(69,122,63)
```
#3f8138
```
#3f8138 rgb(63,129,56)
```
#3a8831
```
#3a8831 rgb(58,136,49)
```
#348f2a
```
#348f2a rgb(52,143,42)
```
#2e9623
```
#2e9623 rgb(46,150,35)
```
#299d1c
```
#299d1c rgb(41,157,28)
```
#23a415
```
#23a415 rgb(35,164,21)
```
#1dab0e
```
#1dab0e rgb(29,171,14)
```
#17b306
```
#17b306 rgb(23,179,6)
```

Tone Color Variation

Below, you can see how #348f2a 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
#5e705c Atypical Achromatopsia 0.001% of the population

Dichromacy

#928430 Protanopia 1% of men
#a17d3f Deuteranopia 1% of men
#588b95 Tritanopia 0.001% of the population

Trichromacy

#70882e Protanomaly 1% of men, 0.01% of women
#798437 Deuteranomaly 6% of men, 0.4% of women
#4b8c6e Tritanomaly 0.01% of the population

#348f2a hex color

#348f2a Color Information

#348f2a Color Conversion

Color Schemes with #348f2a

Alternatives to #348f2a

#348f2a Preview

Shades and Tints of #348f2a

Tones of #348f2a

Color Blindness Simulator