#348c72 hex color

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

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

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

The hexadecimal color #348c72 has RGB values of R:52, G:140, B:114 and CMYK values of C:0.63, M:0, Y:0.19, K:0.45. Its decimal value is 3443826.

Hex triplet	348c72	`#348c72`
RGB Decimal	52, 140, 114	`rgb(52,140,114)`
RGB Percent	20.4, 54.9, 44.7	`rgb(20.4%,54.9%,44.7%)`
CMYK	63, 0, 19, 45
HSL	162.3°, 45.8, 37.6	`hsl(162.3,45.8%,37.6%)`
HSV (or HSB)	162.3°, 62.9, 54.9
Web Safe	339966	`#339966`

CIE-LAB	52.62, -32.786, 6.185
XYZ	13.83, 20.7, 19.185
xyY	0.257, 0.385, 20.7
CIE-LCH	52.62, 33.364, 169.316
CIE-LUV	52.62, -36.238, 13.343
Hunter-Lab	45.497, -25.359, 6.847
Binary	00110100, 10001100, 01110010

#348c72
```
#348c72 rgb(52,140,114)
```
#8c344e
```
#8c344e rgb(140,52,78)
```

Complementary Color

#348c46
```
#348c46 rgb(52,140,70)
```
#348c72
```
#348c72 rgb(52,140,114)
```
#347a8c
```
#347a8c rgb(52,122,140)
```

Analogous Color

#8c4634
```
#8c4634 rgb(140,70,52)
```
#348c72
```
#348c72 rgb(52,140,114)
```
#8c347a
```
#8c347a rgb(140,52,122)
```

Split Complementary Color

#8c7234
```
#8c7234 rgb(140,114,52)
```
#348c72
```
#348c72 rgb(52,140,114)
```
#72348c
```
#72348c rgb(114,52,140)
```

Triadic Color

#4e8c34
```
#4e8c34 rgb(78,140,52)
```
#348c72
```
#348c72 rgb(52,140,114)
```
#72348c
```
#72348c rgb(114,52,140)
```
#8c344e
```
#8c344e rgb(140,52,78)
```

Tetradic Color

#1f5445
```
#1f5445 rgb(31,84,69)
```
#266754
```
#266754 rgb(38,103,84)
```
#2d7963
```
#2d7963 rgb(45,121,99)
```
#348c72
```
#348c72 rgb(52,140,114)
```
#3b9f81
```
#3b9f81 rgb(59,159,129)
```
#42b190
```
#42b190 rgb(66,177,144)
```
#4fbe9d
```
#4fbe9d rgb(79,190,157)
```

Monochromatic Color

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

#348c5c
```
#348c5c rgb(52,140,92)
```
#348c63
```
#348c63 rgb(52,140,99)
```
#348c6b
```
#348c6b rgb(52,140,107)
```
#348c72
```
#348c72 rgb(52,140,114)
```
#348c79
```
#348c79 rgb(52,140,121)
```
#348c81
```
#348c81 rgb(52,140,129)
```
#348c88
```
#348c88 rgb(52,140,136)
```

Similar Colors

Text with hexadecimal color #348c72

This text has a font color of #348c72.

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

#348c72 background color

This paragraph has a background color of #348c72.

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

#348c72 border color

This element has a border color of #348c72.

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

CSS codes

.text {color:#348c72;}

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

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

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)
```
#091a15
```
#091a15 rgb(9,26,21)
```
#0f2820
```
#0f2820 rgb(15,40,32)
```
#14362c
```
#14362c rgb(20,54,44)
```
#194438
```
#194438 rgb(25,68,56)
```
#1f5343
```
#1f5343 rgb(31,83,67)
```
#24614f
```
#24614f rgb(36,97,79)
```
#296f5b
```
#296f5b rgb(41,111,91)
```
#2f7e66
```
#2f7e66 rgb(47,126,102)
```
#348c72
```
#348c72 rgb(52,140,114)
```
#399a7e
```
#399a7e rgb(57,154,126)
```
#3fa989
```
#3fa989 rgb(63,169,137)
```
#44b795
```
#44b795 rgb(68,183,149)
```

Shade Color Variation

#50be9e
```
#50be9e rgb(80,190,158)
```
#5fc3a6
```
#5fc3a6 rgb(95,195,166)
```
#6dc9ae
```
#6dc9ae rgb(109,201,174)
```
#7bceb6
```
#7bceb6 rgb(123,206,182)
```
#8ad3be
```
#8ad3be rgb(138,211,190)
```
#98d9c6
```
#98d9c6 rgb(152,217,198)
```
#a6dece
```
#a6dece rgb(166,222,206)
```
#b4e3d5
```
#b4e3d5 rgb(180,227,213)
```
#c3e9dd
```
#c3e9dd rgb(195,233,221)
```
#d1eee5
```
#d1eee5 rgb(209,238,229)
```
#dff3ed
```
#dff3ed rgb(223,243,237)
```
#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, #596763 is the less saturated color, while #00c087 is the most saturated one.

#596763
```
#596763 rgb(89,103,99)
```
#526e66
```
#526e66 rgb(82,110,102)
```
#4a7669
```
#4a7669 rgb(74,118,105)
```
#437d6c
```
#437d6c rgb(67,125,108)
```
#3b856f
```
#3b856f rgb(59,133,111)
```
#348c72
```
#348c72 rgb(52,140,114)
```
#2d9375
```
#2d9375 rgb(45,147,117)
```
#259b78
```
#259b78 rgb(37,155,120)
```
#1ea27b
```
#1ea27b rgb(30,162,123)
```
#16aa7e
```
#16aa7e rgb(22,170,126)
```
#0fb181
```
#0fb181 rgb(15,177,129)
```
#08b884
```
#08b884 rgb(8,184,132)
```
#00c087
```
#00c087 rgb(0,192,135)
```

Tone Color Variation

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

#6f6f6f Achromatopsia 0.005% of the population
#637570 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8a8372 Protanopia 1% of men
#92807f Deuteranopia 1% of men
#4c8d97 Tritanopia 0.001% of the population

Trichromacy

#6b8672 Protanomaly 1% of men, 0.01% of women
#70847a Deuteranomaly 6% of men, 0.4% of women
#438d8a Tritanomaly 0.01% of the population

#348c72 hex color

#348c72 Color Information

#348c72 Color Conversion

Color Schemes with #348c72

Alternatives to #348c72

#348c72 Preview

Shades and Tints of #348c72

Tones of #348c72

Color Blindness Simulator