#348c55 hex color

In a RGB color space, hex #348c55 is composed of 20.4% red, 54.9% green and 33.3% blue. Whereas in a CMYK color space, it is composed of 62.9% cyan, 0% magenta, 39.3% yellow and 45.1% black. It has a hue angle of 142.5 degrees, a saturation of 45.8% and a lightness of 37.6%. #348c55 color hex could be obtained by blending #68ffaa with #001900. Closest websafe color is: #339966.

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

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

The hexadecimal color #348c55 has RGB values of R:52, G:140, B:85 and CMYK values of C:0.63, M:0, Y:0.39, K:0.45. Its decimal value is 3443797.

Hex triplet	348c55	`#348c55`
RGB Decimal	52, 140, 85	`rgb(52,140,85)`
RGB Percent	20.4, 54.9, 33.3	`rgb(20.4%,54.9%,33.3%)`
CMYK	63, 0, 39, 45
HSL	142.5°, 45.8, 37.6	`hsl(142.5,45.8%,37.6%)`
HSV (or HSB)	142.5°, 62.9, 54.9
Web Safe	339966	`#339966`

CIE-LAB	51.996, -39.272, 21.811
XYZ	12.433, 20.141, 11.826
xyY	0.28, 0.454, 20.141
CIE-LCH	51.996, 44.923, 150.953
CIE-LUV	51.996, -37.69, 33.484
Hunter-Lab	44.879, -29.087, 15.791
Binary	00110100, 10001100, 01010101

#348c55
```
#348c55 rgb(52,140,85)
```
#8c346b
```
#8c346b rgb(140,52,107)
```

Complementary Color

#3f8c34
```
#3f8c34 rgb(63,140,52)
```
#348c55
```
#348c55 rgb(52,140,85)
```
#348c81
```
#348c81 rgb(52,140,129)
```

Analogous Color

#8c343f
```
#8c343f rgb(140,52,63)
```
#348c55
```
#348c55 rgb(52,140,85)
```
#81348c
```
#81348c rgb(129,52,140)
```

Split Complementary Color

#8c5534
```
#8c5534 rgb(140,85,52)
```
#348c55
```
#348c55 rgb(52,140,85)
```
#55348c
```
#55348c rgb(85,52,140)
```

Triadic Color

#6b8c34
```
#6b8c34 rgb(107,140,52)
```
#348c55
```
#348c55 rgb(52,140,85)
```
#55348c
```
#55348c rgb(85,52,140)
```
#8c346b
```
#8c346b rgb(140,52,107)
```

Tetradic Color

#1f5433
```
#1f5433 rgb(31,84,51)
```
#26673e
```
#26673e rgb(38,103,62)
```
#2d794a
```
#2d794a rgb(45,121,74)
```
#348c55
```
#348c55 rgb(52,140,85)
```
#3b9f60
```
#3b9f60 rgb(59,159,96)
```
#42b16c
```
#42b16c rgb(66,177,108)
```
#4fbe78
```
#4fbe78 rgb(79,190,120)
```

Monochromatic Color

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

#348c3f
```
#348c3f rgb(52,140,63)
```
#348c46
```
#348c46 rgb(52,140,70)
```
#348c4e
```
#348c4e rgb(52,140,78)
```
#348c55
```
#348c55 rgb(52,140,85)
```
#348c5c
```
#348c5c rgb(52,140,92)
```
#348c64
```
#348c64 rgb(52,140,100)
```
#348c6b
```
#348c6b rgb(52,140,107)
```

Similar Colors

Text with hexadecimal color #348c55

This text has a font color of #348c55.

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

#348c55 background color

This paragraph has a background color of #348c55.

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

#348c55 border color

This element has a border color of #348c55.

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

CSS codes

.text {color:#348c55;}

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

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

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 #fcfefd is the lightest one.

#040b07
```
#040b07 rgb(4,11,7)
```
#091a10
```
#091a10 rgb(9,26,16)
```
#0f2818
```
#0f2818 rgb(15,40,24)
```
#143621
```
#143621 rgb(20,54,33)
```
#19442a
```
#19442a rgb(25,68,42)
```
#1f5332
```
#1f5332 rgb(31,83,50)
```
#24613b
```
#24613b rgb(36,97,59)
```
#296f44
```
#296f44 rgb(41,111,68)
```
#2f7e4c
```
#2f7e4c rgb(47,126,76)
```
#348c55
```
#348c55 rgb(52,140,85)
```
#399a5e
```
#399a5e rgb(57,154,94)
```
#3fa966
```
#3fa966 rgb(63,169,102)
```
#44b76f
```
#44b76f rgb(68,183,111)
```

Shade Color Variation

#50be7a
```
#50be7a rgb(80,190,122)
```
#5fc384
```
#5fc384 rgb(95,195,132)
```
#6dc98f
```
#6dc98f rgb(109,201,143)
```
#7bce9a
```
#7bce9a rgb(123,206,154)
```
#8ad3a5
```
#8ad3a5 rgb(138,211,165)
```
#98d9b0
```
#98d9b0 rgb(152,217,176)
```
#a6debb
```
#a6debb rgb(166,222,187)
```
#b4e3c6
```
#b4e3c6 rgb(180,227,198)
```
#c3e9d1
```
#c3e9d1 rgb(195,233,209)
```
#d1eedc
```
#d1eedc rgb(209,238,220)
```
#dff3e7
```
#dff3e7 rgb(223,243,231)
```
#eef9f2
```
#eef9f2 rgb(238,249,242)
```
#fcfefd
```
#fcfefd rgb(252,254,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #59675e is the less saturated color, while #00c048 is the most saturated one.

#59675e
```
#59675e rgb(89,103,94)
```
#526e5c
```
#526e5c rgb(82,110,92)
```
#4a765b
```
#4a765b rgb(74,118,91)
```
#437d59
```
#437d59 rgb(67,125,89)
```
#3b8557
```
#3b8557 rgb(59,133,87)
```
#348c55
```
#348c55 rgb(52,140,85)
```
#2d9353
```
#2d9353 rgb(45,147,83)
```
#259b51
```
#259b51 rgb(37,155,81)
```
#1ea24f
```
#1ea24f rgb(30,162,79)
```
#16aa4e
```
#16aa4e rgb(22,170,78)
```
#0fb14c
```
#0fb14c rgb(15,177,76)
```
#08b84a
```
#08b84a rgb(8,184,74)
```
#00c048
```
#00c048 rgb(0,192,72)
```

Tone Color Variation

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

Dichromacy

#8d8257 Protanopia 1% of men
#997d64 Deuteranopia 1% of men
#528b95 Tritanopia 0.001% of the population

Trichromacy

#6d8656 Protanomaly 1% of men, 0.01% of women
#74825f Deuteranomaly 6% of men, 0.4% of women
#478b7d Tritanomaly 0.01% of the population

#348c55 hex color

#348c55 Color Information

#348c55 Color Conversion

Color Schemes with #348c55

Alternatives to #348c55

#348c55 Preview

Shades and Tints of #348c55

Tones of #348c55

Color Blindness Simulator