#348b5e hex color

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

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

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

The hexadecimal color #348b5e has RGB values of R:52, G:139, B:94 and CMYK values of C:0.63, M:0, Y:0.32, K:0.45. Its decimal value is 3443550.

Hex triplet	348b5e	`#348b5e`
RGB Decimal	52, 139, 94	`rgb(52,139,94)`
RGB Percent	20.4, 54.5, 36.9	`rgb(20.4%,54.5%,36.9%)`
CMYK	63, 0, 32, 45
HSL	149°, 45.5, 37.5	`hsl(149,45.5%,37.5%)`
HSV (or HSB)	149°, 62.6, 54.5
Web Safe	339966	`#339966`

CIE-LAB	51.84, -37.008, 16.546
XYZ	12.668, 20.002, 13.782
xyY	0.273, 0.431, 20.002
CIE-LCH	51.84, 40.538, 155.911
CIE-LUV	51.84, -36.874, 27.042
Hunter-Lab	44.724, -27.706, 13.036
Binary	00110100, 10001011, 01011110

#348b5e
```
#348b5e rgb(52,139,94)
```
#8b3461
```
#8b3461 rgb(139,52,97)
```

Complementary Color

#368b34
```
#368b34 rgb(54,139,52)
```
#348b5e
```
#348b5e rgb(52,139,94)
```
#348b8a
```
#348b8a rgb(52,139,138)
```

Analogous Color

#8b3436
```
#8b3436 rgb(139,52,54)
```
#348b5e
```
#348b5e rgb(52,139,94)
```
#8a348b
```
#8a348b rgb(138,52,139)
```

Split Complementary Color

#8b5e34
```
#8b5e34 rgb(139,94,52)
```
#348b5e
```
#348b5e rgb(52,139,94)
```
#5e348b
```
#5e348b rgb(94,52,139)
```

Triadic Color

#618b34
```
#618b34 rgb(97,139,52)
```
#348b5e
```
#348b5e rgb(52,139,94)
```
#5e348b
```
#5e348b rgb(94,52,139)
```
#8b3461
```
#8b3461 rgb(139,52,97)
```

Tetradic Color

#1f5338
```
#1f5338 rgb(31,83,56)
```
#266645
```
#266645 rgb(38,102,69)
```
#2d7851
```
#2d7851 rgb(45,120,81)
```
#348b5e
```
#348b5e rgb(52,139,94)
```
#3b9e6b
```
#3b9e6b rgb(59,158,107)
```
#42b077
```
#42b077 rgb(66,176,119)
```
#4fbd84
```
#4fbd84 rgb(79,189,132)
```

Monochromatic Color

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

#348b48
```
#348b48 rgb(52,139,72)
```
#348b50
```
#348b50 rgb(52,139,80)
```
#348b57
```
#348b57 rgb(52,139,87)
```
#348b5e
```
#348b5e rgb(52,139,94)
```
#348b65
```
#348b65 rgb(52,139,101)
```
#348b6d
```
#348b6d rgb(52,139,109)
```
#348b74
```
#348b74 rgb(52,139,116)
```

Similar Colors

Text with hexadecimal color #348b5e

This text has a font color of #348b5e.

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

#348b5e background color

This paragraph has a background color of #348b5e.

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

#348b5e border color

This element has a border color of #348b5e.

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

CSS codes

.text {color:#348b5e;}

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

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

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)
```
#19442e
```
#19442e rgb(25,68,46)
```
#1f5237
```
#1f5237 rgb(31,82,55)
```
#246041
```
#246041 rgb(36,96,65)
```
#296e4b
```
#296e4b rgb(41,110,75)
```
#2f7d54
```
#2f7d54 rgb(47,125,84)
```
#348b5e
```
#348b5e rgb(52,139,94)
```
#399968
```
#399968 rgb(57,153,104)
```
#3fa871
```
#3fa871 rgb(63,168,113)
```
#44b67b
```
#44b67b rgb(68,182,123)
```

Shade Color Variation

#50be85
```
#50be85 rgb(80,190,133)
```
#5ec38f
```
#5ec38f rgb(94,195,143)
```
#6cc899
```
#6cc899 rgb(108,200,153)
```
#7bcea3
```
#7bcea3 rgb(123,206,163)
```
#89d3ad
```
#89d3ad rgb(137,211,173)
```
#97d8b7
```
#97d8b7 rgb(151,216,183)
```
#a6dec1
```
#a6dec1 rgb(166,222,193)
```
#b4e3cb
```
#b4e3cb rgb(180,227,203)
```
#c2e8d5
```
#c2e8d5 rgb(194,232,213)
```
#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 #01be5c is the most saturated one.

#59665f
```
#59665f rgb(89,102,95)
```
#516e5f
```
#516e5f rgb(81,110,95)
```
#4a755f
```
#4a755f rgb(74,117,95)
```
#437c5f
```
#437c5f rgb(67,124,95)
```
#3b845e
```
#3b845e rgb(59,132,94)
```
#348b5e
```
#348b5e rgb(52,139,94)
```
#2d925e
```
#2d925e rgb(45,146,94)
```
#259a5d
```
#259a5d rgb(37,154,93)
```
#1ea15d
```
#1ea15d rgb(30,161,93)
```
#17a85d
```
#17a85d rgb(23,168,93)
```
#0fb05d
```
#0fb05d rgb(15,176,93)
```
#08b75c
```
#08b75c rgb(8,183,92)
```
#01be5c
```
#01be5c rgb(1,190,92)
```

Tone Color Variation

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

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

Trichromacy

#6b855f Protanomaly 1% of men, 0.01% of women
#728267 Deuteranomaly 6% of men, 0.4% of women
#468a81 Tritanomaly 0.01% of the population

#348b5e hex color

#348b5e Color Information

#348b5e Color Conversion

Color Schemes with #348b5e

Alternatives to #348b5e

#348b5e Preview

Shades and Tints of #348b5e

Tones of #348b5e

Color Blindness Simulator