#348b5d hex color

In a RGB color space, hex #348b5d is composed of 20.4% red, 54.5% green and 36.5% blue. Whereas in a CMYK color space, it is composed of 62.6% cyan, 0% magenta, 33.1% yellow and 45.5% black. It has a hue angle of 148.3 degrees, a saturation of 45.5% and a lightness of 37.5%. #348b5d color hex could be obtained by blending #68ffba with #001700. Closest websafe color is: #339966.

♥
- f
- t
- g
- R 20
- G 55
- B 36
RGB color chart
- C 63
- M 0
- Y 33
- K 45
CMYK color chart

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

The hexadecimal color #348b5d has RGB values of R:52, G:139, B:93 and CMYK values of C:0.63, M:0, Y:0.33, K:0.45. Its decimal value is 3443549.

Hex triplet	348b5d	`#348b5d`
RGB Decimal	52, 139, 93	`rgb(52,139,93)`
RGB Percent	20.4, 54.5, 36.5	`rgb(20.4%,54.5%,36.5%)`
CMYK	63, 0, 33, 45
HSL	148.3°, 45.5, 37.5	`hsl(148.3,45.5%,37.5%)`
HSV (or HSB)	148.3°, 62.6, 54.5
Web Safe	339966	`#339966`

CIE-LAB	51.82, -37.221, 17.085
XYZ	12.624, 19.985, 13.547
xyY	0.274, 0.433, 19.985
CIE-LCH	51.82, 40.955, 155.344
CIE-LUV	51.82, -36.922, 27.711
Hunter-Lab	44.704, -27.827, 13.325
Binary	00110100, 10001011, 01011101

#348b5d
```
#348b5d rgb(52,139,93)
```
#8b3462
```
#8b3462 rgb(139,52,98)
```

Complementary Color

#378b34
```
#378b34 rgb(55,139,52)
```
#348b5d
```
#348b5d rgb(52,139,93)
```
#348b89
```
#348b89 rgb(52,139,137)
```

Analogous Color

#8b3437
```
#8b3437 rgb(139,52,55)
```
#348b5d
```
#348b5d rgb(52,139,93)
```
#89348b
```
#89348b rgb(137,52,139)
```

Split Complementary Color

#8b5d34
```
#8b5d34 rgb(139,93,52)
```
#348b5d
```
#348b5d rgb(52,139,93)
```
#5d348b
```
#5d348b rgb(93,52,139)
```

Triadic Color

#628b34
```
#628b34 rgb(98,139,52)
```
#348b5d
```
#348b5d rgb(52,139,93)
```
#5d348b
```
#5d348b rgb(93,52,139)
```
#8b3462
```
#8b3462 rgb(139,52,98)
```

Tetradic Color

#1f5338
```
#1f5338 rgb(31,83,56)
```
#266644
```
#266644 rgb(38,102,68)
```
#2d7851
```
#2d7851 rgb(45,120,81)
```
#348b5d
```
#348b5d rgb(52,139,93)
```
#3b9e69
```
#3b9e69 rgb(59,158,105)
```
#42b076
```
#42b076 rgb(66,176,118)
```
#4fbd83
```
#4fbd83 rgb(79,189,131)
```

Monochromatic Color

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

#348b47
```
#348b47 rgb(52,139,71)
```
#348b4f
```
#348b4f rgb(52,139,79)
```
#348b56
```
#348b56 rgb(52,139,86)
```
#348b5d
```
#348b5d rgb(52,139,93)
```
#348b64
```
#348b64 rgb(52,139,100)
```
#348b6c
```
#348b6c rgb(52,139,108)
```
#348b73
```
#348b73 rgb(52,139,115)
```

Similar Colors

Text with hexadecimal color #348b5d

This text has a font color of #348b5d.

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

#348b5d background color

This paragraph has a background color of #348b5d.

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

#348b5d border color

This element has a border color of #348b5d.

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

CSS codes

.text {color:#348b5d;}

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

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

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

#040b07
```
#040b07 rgb(4,11,7)
```
#091911
```
#091911 rgb(9,25,17)
```
#0f271a
```
#0f271a rgb(15,39,26)
```
#143524
```
#143524 rgb(20,53,36)
```
#19442d
```
#19442d rgb(25,68,45)
```
#1f5237
```
#1f5237 rgb(31,82,55)
```
#246040
```
#246040 rgb(36,96,64)
```
#296e4a
```
#296e4a rgb(41,110,74)
```
#2f7d53
```
#2f7d53 rgb(47,125,83)
```
#348b5d
```
#348b5d rgb(52,139,93)
```
#399967
```
#399967 rgb(57,153,103)
```
#3fa870
```
#3fa870 rgb(63,168,112)
```
#44b67a
```
#44b67a rgb(68,182,122)
```

Shade Color Variation

#50be84
```
#50be84 rgb(80,190,132)
```
#5ec38e
```
#5ec38e rgb(94,195,142)
```
#6cc898
```
#6cc898 rgb(108,200,152)
```
#7bcea2
```
#7bcea2 rgb(123,206,162)
```
#89d3ac
```
#89d3ac rgb(137,211,172)
```
#97d8b6
```
#97d8b6 rgb(151,216,182)
```
#a6dec0
```
#a6dec0 rgb(166,222,192)
```
#b4e3ca
```
#b4e3ca rgb(180,227,202)
```
#c2e8d4
```
#c2e8d4 rgb(194,232,212)
```
#d0eede
```
#d0eede rgb(208,238,222)
```
#dff3e8
```
#dff3e8 rgb(223,243,232)
```
#edf8f2
```
#edf8f2 rgb(237,248,242)
```
#fbfefc
```
#fbfefc rgb(251,254,252)
```

Tint Color Variation

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

#59665f
```
#59665f rgb(89,102,95)
```
#516e5f
```
#516e5f rgb(81,110,95)
```
#4a755e
```
#4a755e rgb(74,117,94)
```
#437c5e
```
#437c5e rgb(67,124,94)
```
#3b845d
```
#3b845d rgb(59,132,93)
```
#348b5d
```
#348b5d rgb(52,139,93)
```
#2d925d
```
#2d925d rgb(45,146,93)
```
#259a5c
```
#259a5c rgb(37,154,92)
```
#1ea15c
```
#1ea15c rgb(30,161,92)
```
#17a85b
```
#17a85b rgb(23,168,91)
```
#0fb05b
```
#0fb05b rgb(15,176,91)
```
#08b75a
```
#08b75a rgb(8,183,90)
```
#01be5a
```
#01be5a rgb(1,190,90)
```

Tone Color Variation

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

#6c6c6c Achromatopsia 0.005% of the population
#617269 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8c825f Protanopia 1% of men
#967d6c Deuteranopia 1% of men
#508a95 Tritanopia 0.001% of the population

Trichromacy

#6c855e Protanomaly 1% of men, 0.01% of women
#728266 Deuteranomaly 6% of men, 0.4% of women
#468a80 Tritanomaly 0.01% of the population

#348b5d hex color

#348b5d Color Information

#348b5d Color Conversion

Color Schemes with #348b5d

Alternatives to #348b5d

#348b5d Preview

Shades and Tints of #348b5d

Tones of #348b5d

Color Blindness Simulator