#348a5d hex color

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

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

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

The hexadecimal color #348a5d has RGB values of R:52, G:138, B:93 and CMYK values of C:0.62, M:0, Y:0.33, K:0.46. Its decimal value is 3443293.

Hex triplet	348a5d	`#348a5d`
RGB Decimal	52, 138, 93	`rgb(52,138,93)`
RGB Percent	20.4, 54.1, 36.5	`rgb(20.4%,54.1%,36.5%)`
CMYK	62, 0, 33, 46
HSL	148.6°, 45.3, 37.3	`hsl(148.6,45.3%,37.3%)`
HSV (or HSB)	148.6°, 62.3, 54.1
Web Safe	339966	`#339966`

CIE-LAB	51.492, -36.783, 16.638
XYZ	12.48, 19.696, 13.499
xyY	0.273, 0.431, 19.696
CIE-LCH	51.492, 40.371, 155.661
CIE-LUV	51.492, -36.529, 27.066
Hunter-Lab	44.381, -27.473, 13.032
Binary	00110100, 10001010, 01011101

#348a5d
```
#348a5d rgb(52,138,93)
```
#8a3461
```
#8a3461 rgb(138,52,97)
```

Complementary Color

#368a34
```
#368a34 rgb(54,138,52)
```
#348a5d
```
#348a5d rgb(52,138,93)
```
#348a88
```
#348a88 rgb(52,138,136)
```

Analogous Color

#8a3436
```
#8a3436 rgb(138,52,54)
```
#348a5d
```
#348a5d rgb(52,138,93)
```
#88348a
```
#88348a rgb(136,52,138)
```

Split Complementary Color

#8a5d34
```
#8a5d34 rgb(138,93,52)
```
#348a5d
```
#348a5d rgb(52,138,93)
```
#5d348a
```
#5d348a rgb(93,52,138)
```

Triadic Color

#618a34
```
#618a34 rgb(97,138,52)
```
#348a5d
```
#348a5d rgb(52,138,93)
```
#5d348a
```
#5d348a rgb(93,52,138)
```
#8a3461
```
#8a3461 rgb(138,52,97)
```

Tetradic Color

#1f5238
```
#1f5238 rgb(31,82,56)
```
#266544
```
#266544 rgb(38,101,68)
```
#2d7751
```
#2d7751 rgb(45,119,81)
```
#348a5d
```
#348a5d rgb(52,138,93)
```
#3b9d69
```
#3b9d69 rgb(59,157,105)
```
#42af76
```
#42af76 rgb(66,175,118)
```
#4ebc83
```
#4ebc83 rgb(78,188,131)
```

Monochromatic Color

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

#348a48
```
#348a48 rgb(52,138,72)
```
#348a4f
```
#348a4f rgb(52,138,79)
```
#348a56
```
#348a56 rgb(52,138,86)
```
#348a5d
```
#348a5d rgb(52,138,93)
```
#348a64
```
#348a64 rgb(52,138,100)
```
#348a6b
```
#348a6b rgb(52,138,107)
```
#348a73
```
#348a73 rgb(52,138,115)
```

Similar Colors

Text with hexadecimal color #348a5d

This text has a font color of #348a5d.

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

#348a5d background color

This paragraph has a background color of #348a5d.

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

#348a5d border color

This element has a border color of #348a5d.

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

CSS codes

.text {color:#348a5d;}

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

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

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

#040a07
```
#040a07 rgb(4,10,7)
```
#091810
```
#091810 rgb(9,24,16)
```
#0e261a
```
#0e261a rgb(14,38,26)
```
#143523
```
#143523 rgb(20,53,35)
```
#19432d
```
#19432d rgb(25,67,45)
```
#1f5137
```
#1f5137 rgb(31,81,55)
```
#245f40
```
#245f40 rgb(36,95,64)
```
#296e4a
```
#296e4a rgb(41,110,74)
```
#2f7c53
```
#2f7c53 rgb(47,124,83)
```
#348a5d
```
#348a5d rgb(52,138,93)
```
#399867
```
#399867 rgb(57,152,103)
```
#3fa670
```
#3fa670 rgb(63,166,112)
```
#44b57a
```
#44b57a rgb(68,181,122)
```

Shade Color Variation

#50bd84
```
#50bd84 rgb(80,189,132)
```
#5ec28e
```
#5ec28e rgb(94,194,142)
```
#6cc898
```
#6cc898 rgb(108,200,152)
```
#7acda2
```
#7acda2 rgb(122,205,162)
```
#89d2ac
```
#89d2ac rgb(137,210,172)
```
#97d8b6
```
#97d8b6 rgb(151,216,182)
```
#a5ddc0
```
#a5ddc0 rgb(165,221,192)
```
#b3e2ca
```
#b3e2ca rgb(179,226,202)
```
#c2e8d4
```
#c2e8d4 rgb(194,232,212)
```
#d0edde
```
#d0edde rgb(208,237,222)
```
#def3e8
```
#def3e8 rgb(222,243,232)
```
#ecf8f2
```
#ecf8f2 rgb(236,248,242)
```
#fbfdfc
```
#fbfdfc rgb(251,253,252)
```

Tint Color Variation

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

#59655f
```
#59655f rgb(89,101,95)
```
#516d5e
```
#516d5e rgb(81,109,94)
```
#4a745e
```
#4a745e rgb(74,116,94)
```
#437b5e
```
#437b5e rgb(67,123,94)
```
#3b835d
```
#3b835d rgb(59,131,93)
```
#348a5d
```
#348a5d rgb(52,138,93)
```
#2d915d
```
#2d915d rgb(45,145,93)
```
#25995c
```
#25995c rgb(37,153,92)
```
#1ea05c
```
#1ea05c rgb(30,160,92)
```
#17a75c
```
#17a75c rgb(23,167,92)
```
#0faf5b
```
#0faf5b rgb(15,175,91)
```
#08b65b
```
#08b65b rgb(8,182,91)
```
#01bd5b
```
#01bd5b rgb(1,189,91)
```

Tone Color Variation

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

Dichromacy

#8b815f Protanopia 1% of men
#957c6b Deuteranopia 1% of men
#508a94 Tritanopia 0.001% of the population

Trichromacy

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

#348a5d hex color

#348a5d Color Information

#348a5d Color Conversion

Color Schemes with #348a5d

Alternatives to #348a5d

#348a5d Preview

Shades and Tints of #348a5d

Tones of #348a5d

Color Blindness Simulator