#348a60 hex color

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

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

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

The hexadecimal color #348a60 has RGB values of R:52, G:138, B:96 and CMYK values of C:0.62, M:0, Y:0.3, K:0.46. Its decimal value is 3443296.

Hex triplet	348a60	`#348a60`
RGB Decimal	52, 138, 96	`rgb(52,138,96)`
RGB Percent	20.4, 54.1, 37.6	`rgb(20.4%,54.1%,37.6%)`
CMYK	62, 0, 30, 46
HSL	150.7°, 45.3, 37.3	`hsl(150.7,45.3%,37.3%)`
HSV (or HSB)	150.7°, 62.3, 54.1
Web Safe	339966	`#339966`

CIE-LAB	51.554, -36.133, 15.017
XYZ	12.615, 19.751, 14.213
xyY	0.271, 0.424, 19.751
CIE-LCH	51.554, 39.13, 157.432
CIE-LUV	51.554, -36.383, 25.032
Hunter-Lab	44.442, -27.104, 12.147
Binary	00110100, 10001010, 01100000

#348a60
```
#348a60 rgb(52,138,96)
```
#8a345e
```
#8a345e rgb(138,52,94)
```

Complementary Color

#348a35
```
#348a35 rgb(52,138,53)
```
#348a60
```
#348a60 rgb(52,138,96)
```
#34898a
```
#34898a rgb(52,137,138)
```

Analogous Color

#8a3534
```
#8a3534 rgb(138,53,52)
```
#348a60
```
#348a60 rgb(52,138,96)
```
#8a3489
```
#8a3489 rgb(138,52,137)
```

Split Complementary Color

#8a6034
```
#8a6034 rgb(138,96,52)
```
#348a60
```
#348a60 rgb(52,138,96)
```
#60348a
```
#60348a rgb(96,52,138)
```

Triadic Color

#5e8a34
```
#5e8a34 rgb(94,138,52)
```
#348a60
```
#348a60 rgb(52,138,96)
```
#60348a
```
#60348a rgb(96,52,138)
```
#8a345e
```
#8a345e rgb(138,52,94)
```

Tetradic Color

#1f5239
```
#1f5239 rgb(31,82,57)
```
#266546
```
#266546 rgb(38,101,70)
```
#2d7753
```
#2d7753 rgb(45,119,83)
```
#348a60
```
#348a60 rgb(52,138,96)
```
#3b9d6d
```
#3b9d6d rgb(59,157,109)
```
#42af7a
```
#42af7a rgb(66,175,122)
```
#4ebc87
```
#4ebc87 rgb(78,188,135)
```

Monochromatic Color

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

#348a4b
```
#348a4b rgb(52,138,75)
```
#348a52
```
#348a52 rgb(52,138,82)
```
#348a59
```
#348a59 rgb(52,138,89)
```
#348a60
```
#348a60 rgb(52,138,96)
```
#348a67
```
#348a67 rgb(52,138,103)
```
#348a6e
```
#348a6e rgb(52,138,110)
```
#348a76
```
#348a76 rgb(52,138,118)
```

Similar Colors

Text with hexadecimal color #348a60

This text has a font color of #348a60.

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

#348a60 background color

This paragraph has a background color of #348a60.

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

#348a60 border color

This element has a border color of #348a60.

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

CSS codes

.text {color:#348a60;}

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

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

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)
```
#091811
```
#091811 rgb(9,24,17)
```
#0e261b
```
#0e261b rgb(14,38,27)
```
#143525
```
#143525 rgb(20,53,37)
```
#19432e
```
#19432e rgb(25,67,46)
```
#1f5138
```
#1f5138 rgb(31,81,56)
```
#245f42
```
#245f42 rgb(36,95,66)
```
#296e4c
```
#296e4c rgb(41,110,76)
```
#2f7c56
```
#2f7c56 rgb(47,124,86)
```
#348a60
```
#348a60 rgb(52,138,96)
```
#39986a
```
#39986a rgb(57,152,106)
```
#3fa674
```
#3fa674 rgb(63,166,116)
```
#44b57e
```
#44b57e rgb(68,181,126)
```

Shade Color Variation

#50bd88
```
#50bd88 rgb(80,189,136)
```
#5ec291
```
#5ec291 rgb(94,194,145)
```
#6cc89b
```
#6cc89b rgb(108,200,155)
```
#7acda5
```
#7acda5 rgb(122,205,165)
```
#89d2ae
```
#89d2ae rgb(137,210,174)
```
#97d8b8
```
#97d8b8 rgb(151,216,184)
```
#a5ddc2
```
#a5ddc2 rgb(165,221,194)
```
#b3e2cb
```
#b3e2cb rgb(179,226,203)
```
#c2e8d5
```
#c2e8d5 rgb(194,232,213)
```
#d0eddf
```
#d0eddf rgb(208,237,223)
```
#def3e9
```
#def3e9 rgb(222,243,233)
```
#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 #01bd61 is the most saturated one.

#59655f
```
#59655f rgb(89,101,95)
```
#516d5f
```
#516d5f rgb(81,109,95)
```
#4a745f
```
#4a745f rgb(74,116,95)
```
#437b60
```
#437b60 rgb(67,123,96)
```
#3b8360
```
#3b8360 rgb(59,131,96)
```
#348a60
```
#348a60 rgb(52,138,96)
```
#2d9160
```
#2d9160 rgb(45,145,96)
```
#259960
```
#259960 rgb(37,153,96)
```
#1ea061
```
#1ea061 rgb(30,160,97)
```
#17a761
```
#17a761 rgb(23,167,97)
```
#0faf61
```
#0faf61 rgb(15,175,97)
```
#08b661
```
#08b661 rgb(8,182,97)
```
#01bd61
```
#01bd61 rgb(1,189,97)
```

Tone Color Variation

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

Dichromacy

#8a8162 Protanopia 1% of men
#947d6e Deuteranopia 1% of men
#4f8a94 Tritanopia 0.001% of the population

Trichromacy

#6b8461 Protanomaly 1% of men, 0.01% of women
#718169 Deuteranomaly 6% of men, 0.4% of women
#458a81 Tritanomaly 0.01% of the population

#348a60 hex color

#348a60 Color Information

#348a60 Color Conversion

Color Schemes with #348a60

Alternatives to #348a60

#348a60 Preview

Shades and Tints of #348a60

Tones of #348a60

Color Blindness Simulator