#348a4d hex color

In a RGB color space, hex #348a4d is composed of 20.4% red, 54.1% green and 30.2% blue. Whereas in a CMYK color space, it is composed of 62.3% cyan, 0% magenta, 44.2% yellow and 45.9% black. It has a hue angle of 137.4 degrees, a saturation of 45.3% and a lightness of 37.3%. #348a4d color hex could be obtained by blending #68ff9a with #001500. Closest websafe color is: #339966.

♥
- f
- t
- g
- R 20
- G 54
- B 30
RGB color chart
- C 62
- M 0
- Y 44
- K 46
CMYK color chart

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

The hexadecimal color #348a4d has RGB values of R:52, G:138, B:77 and CMYK values of C:0.62, M:0, Y:0.44, K:0.46. Its decimal value is 3443277.

Hex triplet	348a4d	`#348a4d`
RGB Decimal	52, 138, 77	`rgb(52,138,77)`
RGB Percent	20.4, 54.1, 30.2	`rgb(20.4%,54.1%,30.2%)`
CMYK	62, 0, 44, 46
HSL	137.4°, 45.3, 37.3	`hsl(137.4,45.3%,37.3%)`
HSV (or HSB)	137.4°, 62.3, 54.1
Web Safe	339966	`#339966`

CIE-LAB	51.2, -39.919, 25.18
XYZ	11.843, 19.442, 10.149
xyY	0.286, 0.469, 19.442
CIE-LCH	51.2, 47.197, 147.757
CIE-LUV	51.2, -37.252, 37.056
Hunter-Lab	44.093, -29.217, 17.218
Binary	00110100, 10001010, 01001101

#348a4d
```
#348a4d rgb(52,138,77)
```
#8a3471
```
#8a3471 rgb(138,52,113)
```

Complementary Color

#468a34
```
#468a34 rgb(70,138,52)
```
#348a4d
```
#348a4d rgb(52,138,77)
```
#348a78
```
#348a78 rgb(52,138,120)
```

Analogous Color

#8a3446
```
#8a3446 rgb(138,52,70)
```
#348a4d
```
#348a4d rgb(52,138,77)
```
#78348a
```
#78348a rgb(120,52,138)
```

Split Complementary Color

#8a4d34
```
#8a4d34 rgb(138,77,52)
```
#348a4d
```
#348a4d rgb(52,138,77)
```
#4d348a
```
#4d348a rgb(77,52,138)
```

Triadic Color

#718a34
```
#718a34 rgb(113,138,52)
```
#348a4d
```
#348a4d rgb(52,138,77)
```
#4d348a
```
#4d348a rgb(77,52,138)
```
#8a3471
```
#8a3471 rgb(138,52,113)
```

Tetradic Color

#1f522e
```
#1f522e rgb(31,82,46)
```
#266538
```
#266538 rgb(38,101,56)
```
#2d7743
```
#2d7743 rgb(45,119,67)
```
#348a4d
```
#348a4d rgb(52,138,77)
```
#3b9d57
```
#3b9d57 rgb(59,157,87)
```
#42af62
```
#42af62 rgb(66,175,98)
```
#4ebc6e
```
#4ebc6e rgb(78,188,110)
```

Monochromatic Color

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

#348a38
```
#348a38 rgb(52,138,56)
```
#348a3f
```
#348a3f rgb(52,138,63)
```
#348a46
```
#348a46 rgb(52,138,70)
```
#348a4d
```
#348a4d rgb(52,138,77)
```
#348a54
```
#348a54 rgb(52,138,84)
```
#348a5b
```
#348a5b rgb(52,138,91)
```
#348a63
```
#348a63 rgb(52,138,99)
```

Similar Colors

Text with hexadecimal color #348a4d

This text has a font color of #348a4d.

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

#348a4d background color

This paragraph has a background color of #348a4d.

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

#348a4d border color

This element has a border color of #348a4d.

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

CSS codes

.text {color:#348a4d;}

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

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

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

#040a05
```
#040a05 rgb(4,10,5)
```
#09180d
```
#09180d rgb(9,24,13)
```
#0e2615
```
#0e2615 rgb(14,38,21)
```
#14351d
```
#14351d rgb(20,53,29)
```
#194325
```
#194325 rgb(25,67,37)
```
#1f512d
```
#1f512d rgb(31,81,45)
```
#245f35
```
#245f35 rgb(36,95,53)
```
#296e3d
```
#296e3d rgb(41,110,61)
```
#2f7c45
```
#2f7c45 rgb(47,124,69)
```
#348a4d
```
#348a4d rgb(52,138,77)
```
#399855
```
#399855 rgb(57,152,85)
```
#3fa65d
```
#3fa65d rgb(63,166,93)
```
#44b565
```
#44b565 rgb(68,181,101)
```

Shade Color Variation

#50bd6f
```
#50bd6f rgb(80,189,111)
```
#5ec27b
```
#5ec27b rgb(94,194,123)
```
#6cc887
```
#6cc887 rgb(108,200,135)
```
#7acd92
```
#7acd92 rgb(122,205,146)
```
#89d29e
```
#89d29e rgb(137,210,158)
```
#97d8aa
```
#97d8aa rgb(151,216,170)
```
#a5ddb5
```
#a5ddb5 rgb(165,221,181)
```
#b3e2c1
```
#b3e2c1 rgb(179,226,193)
```
#c2e8cd
```
#c2e8cd rgb(194,232,205)
```
#d0edd8
```
#d0edd8 rgb(208,237,216)
```
#def3e4
```
#def3e4 rgb(222,243,228)
```
#ecf8f0
```
#ecf8f0 rgb(236,248,240)
```
#fbfdfb
```
#fbfdfb rgb(251,253,251)
```

Tint Color Variation

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

#59655c
```
#59655c rgb(89,101,92)
```
#516d59
```
#516d59 rgb(81,109,89)
```
#4a7456
```
#4a7456 rgb(74,116,86)
```
#437b53
```
#437b53 rgb(67,123,83)
```
#3b8350
```
#3b8350 rgb(59,131,80)
```
#348a4d
```
#348a4d rgb(52,138,77)
```
#2d914a
```
#2d914a rgb(45,145,74)
```
#259947
```
#259947 rgb(37,153,71)
```
#1ea044
```
#1ea044 rgb(30,160,68)
```
#17a741
```
#17a741 rgb(23,167,65)
```
#0faf3e
```
#0faf3e rgb(15,175,62)
```
#08b63b
```
#08b63b rgb(8,182,59)
```
#01bd38
```
#01bd38 rgb(1,189,56)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#5e7063 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8c8050 Protanopia 1% of men
#987b5d Deuteranopia 1% of men
#538892 Tritanopia 0.001% of the population

Trichromacy

#6c844f Protanomaly 1% of men, 0.01% of women
#738057 Deuteranomaly 6% of men, 0.4% of women
#478979 Tritanomaly 0.01% of the population

#348a4d hex color

#348a4d Color Information

#348a4d Color Conversion

Color Schemes with #348a4d

Alternatives to #348a4d

#348a4d Preview

Shades and Tints of #348a4d

Tones of #348a4d

Color Blindness Simulator