#348c60 hex color

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

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

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

The hexadecimal color #348c60 has RGB values of R:52, G:140, B:96 and CMYK values of C:0.63, M:0, Y:0.31, K:0.45. Its decimal value is 3443808.

Hex triplet	348c60	`#348c60`
RGB Decimal	52, 140, 96	`rgb(52,140,96)`
RGB Percent	20.4, 54.9, 37.6	`rgb(20.4%,54.9%,37.6%)`
CMYK	63, 0, 31, 45
HSL	150°, 45.8, 37.6	`hsl(150,45.8%,37.6%)`
HSV (or HSB)	150°, 62.9, 54.9
Web Safe	339966	`#339966`

CIE-LAB	52.208, -37.016, 15.916
XYZ	12.905, 20.33, 14.31
xyY	0.271, 0.428, 20.33
CIE-LCH	52.208, 40.292, 156.733
CIE-LUV	52.208, -37.168, 26.339
Hunter-Lab	45.088, -27.817, 12.745
Binary	00110100, 10001100, 01100000

#348c60
```
#348c60 rgb(52,140,96)
```
#8c3460
```
#8c3460 rgb(140,52,96)
```

Complementary Color

#348c34
```
#348c34 rgb(52,140,52)
```
#348c60
```
#348c60 rgb(52,140,96)
```
#348c8c
```
#348c8c rgb(52,140,140)
```

Analogous Color

#8c3434
```
#8c3434 rgb(140,52,52)
```
#348c60
```
#348c60 rgb(52,140,96)
```
#8c348c
```
#8c348c rgb(140,52,140)
```

Split Complementary Color

#8c6034
```
#8c6034 rgb(140,96,52)
```
#348c60
```
#348c60 rgb(52,140,96)
```
#60348c
```
#60348c rgb(96,52,140)
```

Triadic Color

#608c34
```
#608c34 rgb(96,140,52)
```
#348c60
```
#348c60 rgb(52,140,96)
```
#60348c
```
#60348c rgb(96,52,140)
```
#8c3460
```
#8c3460 rgb(140,52,96)
```

Tetradic Color

#1f543a
```
#1f543a rgb(31,84,58)
```
#266747
```
#266747 rgb(38,103,71)
```
#2d7953
```
#2d7953 rgb(45,121,83)
```
#348c60
```
#348c60 rgb(52,140,96)
```
#3b9f6d
```
#3b9f6d rgb(59,159,109)
```
#42b17a
```
#42b17a rgb(66,177,122)
```
#4fbe86
```
#4fbe86 rgb(79,190,134)
```

Monochromatic Color

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

#348c4a
```
#348c4a rgb(52,140,74)
```
#348c51
```
#348c51 rgb(52,140,81)
```
#348c59
```
#348c59 rgb(52,140,89)
```
#348c60
```
#348c60 rgb(52,140,96)
```
#348c67
```
#348c67 rgb(52,140,103)
```
#348c6f
```
#348c6f rgb(52,140,111)
```
#348c76
```
#348c76 rgb(52,140,118)
```

Similar Colors

Text with hexadecimal color #348c60

This text has a font color of #348c60.

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

#348c60 background color

This paragraph has a background color of #348c60.

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

#348c60 border color

This element has a border color of #348c60.

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

CSS codes

.text {color:#348c60;}

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

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

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

#040b08
```
#040b08 rgb(4,11,8)
```
#091a12
```
#091a12 rgb(9,26,18)
```
#0f281b
```
#0f281b rgb(15,40,27)
```
#143625
```
#143625 rgb(20,54,37)
```
#19442f
```
#19442f rgb(25,68,47)
```
#1f5339
```
#1f5339 rgb(31,83,57)
```
#246143
```
#246143 rgb(36,97,67)
```
#296f4c
```
#296f4c rgb(41,111,76)
```
#2f7e56
```
#2f7e56 rgb(47,126,86)
```
#348c60
```
#348c60 rgb(52,140,96)
```
#399a6a
```
#399a6a rgb(57,154,106)
```
#3fa974
```
#3fa974 rgb(63,169,116)
```
#44b77d
```
#44b77d rgb(68,183,125)
```

Shade Color Variation

#50be87
```
#50be87 rgb(80,190,135)
```
#5fc391
```
#5fc391 rgb(95,195,145)
```
#6dc99b
```
#6dc99b rgb(109,201,155)
```
#7bcea5
```
#7bcea5 rgb(123,206,165)
```
#8ad3ae
```
#8ad3ae rgb(138,211,174)
```
#98d9b8
```
#98d9b8 rgb(152,217,184)
```
#a6dec2
```
#a6dec2 rgb(166,222,194)
```
#b4e3cc
```
#b4e3cc rgb(180,227,204)
```
#c3e9d6
```
#c3e9d6 rgb(195,233,214)
```
#d1eee0
```
#d1eee0 rgb(209,238,224)
```
#dff3e9
```
#dff3e9 rgb(223,243,233)
```
#eef9f3
```
#eef9f3 rgb(238,249,243)
```
#fcfefd
```
#fcfefd rgb(252,254,253)
```

Tint Color Variation

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

#596760
```
#596760 rgb(89,103,96)
```
#526e60
```
#526e60 rgb(82,110,96)
```
#4a7660
```
#4a7660 rgb(74,118,96)
```
#437d60
```
#437d60 rgb(67,125,96)
```
#3b8560
```
#3b8560 rgb(59,133,96)
```
#348c60
```
#348c60 rgb(52,140,96)
```
#2d9360
```
#2d9360 rgb(45,147,96)
```
#259b60
```
#259b60 rgb(37,155,96)
```
#1ea260
```
#1ea260 rgb(30,162,96)
```
#16aa60
```
#16aa60 rgb(22,170,96)
```
#0fb160
```
#0fb160 rgb(15,177,96)
```
#08b860
```
#08b860 rgb(8,184,96)
```
#00c060
```
#00c060 rgb(0,192,96)
```

Tone Color Variation

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

#6d6d6d Achromatopsia 0.005% of the population
#62736a Atypical Achromatopsia 0.001% of the population

Dichromacy

#8c8362 Protanopia 1% of men
#967e6e Deuteranopia 1% of men
#508c96 Tritanopia 0.001% of the population

Trichromacy

#6c8661 Protanomaly 1% of men, 0.01% of women
#728369 Deuteranomaly 6% of men, 0.4% of women
#468c82 Tritanomaly 0.01% of the population

#348c60 hex color

#348c60 Color Information

#348c60 Color Conversion

Color Schemes with #348c60

Alternatives to #348c60

#348c60 Preview

Shades and Tints of #348c60

Tones of #348c60

Color Blindness Simulator