#348c6c hex color

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

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

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

The hexadecimal color #348c6c has RGB values of R:52, G:140, B:108 and CMYK values of C:0.63, M:0, Y:0.23, K:0.45. Its decimal value is 3443820.

Hex triplet	348c6c	`#348c6c`
RGB Decimal	52, 140, 108	`rgb(52,140,108)`
RGB Percent	20.4, 54.9, 42.4	`rgb(20.4%,54.9%,42.4%)`
CMYK	63, 0, 23, 45
HSL	158.2°, 45.8, 37.6	`hsl(158.2,45.8%,37.6%)`
HSV (or HSB)	158.2°, 62.9, 54.9
Web Safe	339966	`#339966`

CIE-LAB	52.473, -34.266, 9.431
XYZ	13.5, 20.568, 17.445
xyY	0.262, 0.399, 20.568
CIE-LCH	52.473, 35.541, 164.611
CIE-LUV	52.473, -36.557, 17.835
Hunter-Lab	45.352, -26.231, 8.94
Binary	00110100, 10001100, 01101100

#348c6c
```
#348c6c rgb(52,140,108)
```
#8c3454
```
#8c3454 rgb(140,52,84)
```

Complementary Color

#348c40
```
#348c40 rgb(52,140,64)
```
#348c6c
```
#348c6c rgb(52,140,108)
```
#34808c
```
#34808c rgb(52,128,140)
```

Analogous Color

#8c4034
```
#8c4034 rgb(140,64,52)
```
#348c6c
```
#348c6c rgb(52,140,108)
```
#8c3480
```
#8c3480 rgb(140,52,128)
```

Split Complementary Color

#8c6c34
```
#8c6c34 rgb(140,108,52)
```
#348c6c
```
#348c6c rgb(52,140,108)
```
#6c348c
```
#6c348c rgb(108,52,140)
```

Triadic Color

#548c34
```
#548c34 rgb(84,140,52)
```
#348c6c
```
#348c6c rgb(52,140,108)
```
#6c348c
```
#6c348c rgb(108,52,140)
```
#8c3454
```
#8c3454 rgb(140,52,84)
```

Tetradic Color

#1f5441
```
#1f5441 rgb(31,84,65)
```
#26674f
```
#26674f rgb(38,103,79)
```
#2d795e
```
#2d795e rgb(45,121,94)
```
#348c6c
```
#348c6c rgb(52,140,108)
```
#3b9f7a
```
#3b9f7a rgb(59,159,122)
```
#42b189
```
#42b189 rgb(66,177,137)
```
#4fbe95
```
#4fbe95 rgb(79,190,149)
```

Monochromatic Color

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

#348c56
```
#348c56 rgb(52,140,86)
```
#348c5d
```
#348c5d rgb(52,140,93)
```
#348c65
```
#348c65 rgb(52,140,101)
```
#348c6c
```
#348c6c rgb(52,140,108)
```
#348c73
```
#348c73 rgb(52,140,115)
```
#348c7b
```
#348c7b rgb(52,140,123)
```
#348c82
```
#348c82 rgb(52,140,130)
```

Similar Colors

Text with hexadecimal color #348c6c

This text has a font color of #348c6c.

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

#348c6c background color

This paragraph has a background color of #348c6c.

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

#348c6c border color

This element has a border color of #348c6c.

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

CSS codes

.text {color:#348c6c;}

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

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

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

#040b09
```
#040b09 rgb(4,11,9)
```
#091a14
```
#091a14 rgb(9,26,20)
```
#0f281f
```
#0f281f rgb(15,40,31)
```
#14362a
```
#14362a rgb(20,54,42)
```
#194435
```
#194435 rgb(25,68,53)
```
#1f5340
```
#1f5340 rgb(31,83,64)
```
#24614b
```
#24614b rgb(36,97,75)
```
#296f56
```
#296f56 rgb(41,111,86)
```
#2f7e61
```
#2f7e61 rgb(47,126,97)
```
#348c6c
```
#348c6c rgb(52,140,108)
```
#399a77
```
#399a77 rgb(57,154,119)
```
#3fa982
```
#3fa982 rgb(63,169,130)
```
#44b78d
```
#44b78d rgb(68,183,141)
```

Shade Color Variation

#50be96
```
#50be96 rgb(80,190,150)
```
#5fc39f
```
#5fc39f rgb(95,195,159)
```
#6dc9a7
```
#6dc9a7 rgb(109,201,167)
```
#7bceb0
```
#7bceb0 rgb(123,206,176)
```
#8ad3b9
```
#8ad3b9 rgb(138,211,185)
```
#98d9c1
```
#98d9c1 rgb(152,217,193)
```
#a6deca
```
#a6deca rgb(166,222,202)
```
#b4e3d2
```
#b4e3d2 rgb(180,227,210)
```
#c3e9db
```
#c3e9db rgb(195,233,219)
```
#d1eee3
```
#d1eee3 rgb(209,238,227)
```
#dff3ec
```
#dff3ec rgb(223,243,236)
```
#eef9f5
```
#eef9f5 rgb(238,249,245)
```
#fcfefd
```
#fcfefd rgb(252,254,253)
```

Tint Color Variation

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

#596762
```
#596762 rgb(89,103,98)
```
#526e64
```
#526e64 rgb(82,110,100)
```
#4a7666
```
#4a7666 rgb(74,118,102)
```
#437d68
```
#437d68 rgb(67,125,104)
```
#3b856a
```
#3b856a rgb(59,133,106)
```
#348c6c
```
#348c6c rgb(52,140,108)
```
#2d936e
```
#2d936e rgb(45,147,110)
```
#259b70
```
#259b70 rgb(37,155,112)
```
#1ea272
```
#1ea272 rgb(30,162,114)
```
#16aa74
```
#16aa74 rgb(22,170,116)
```
#0fb176
```
#0fb176 rgb(15,177,118)
```
#08b878
```
#08b878 rgb(8,184,120)
```
#00c07a
```
#00c07a rgb(0,192,122)
```

Tone Color Variation

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

#6e6e6e Achromatopsia 0.005% of the population
#62746e Atypical Achromatopsia 0.001% of the population

Dichromacy

#8b836d Protanopia 1% of men
#937f79 Deuteranopia 1% of men
#4d8d97 Tritanopia 0.001% of the population

Trichromacy

#6b866c Protanomaly 1% of men, 0.01% of women
#718474 Deuteranomaly 6% of men, 0.4% of women
#448c87 Tritanomaly 0.01% of the population

#348c6c hex color

#348c6c Color Information

#348c6c Color Conversion

Color Schemes with #348c6c

Alternatives to #348c6c

#348c6c Preview

Shades and Tints of #348c6c

Tones of #348c6c

Color Blindness Simulator