#348369 hex color

In a RGB color space, hex #348369 is composed of 20.4% red, 51.4% green and 41.2% blue. Whereas in a CMYK color space, it is composed of 60.3% cyan, 0% magenta, 19.8% yellow and 48.6% black. It has a hue angle of 160.3 degrees, a saturation of 43.2% and a lightness of 35.9%. #348369 color hex could be obtained by blending #68ffd2 with #000700. Closest websafe color is: #339966.

♥
- f
- t
- g
- R 20
- G 51
- B 41
RGB color chart
- C 60
- M 0
- Y 20
- K 49
CMYK color chart

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

The hexadecimal color #348369 has RGB values of R:52, G:131, B:105 and CMYK values of C:0.6, M:0, Y:0.2, K:0.49. Its decimal value is 3441513.

Hex triplet	348369	`#348369`
RGB Decimal	52, 131, 105	`rgb(52,131,105)`
RGB Percent	20.4, 51.4, 41.2	`rgb(20.4%,51.4%,41.2%)`
CMYK	60, 0, 20, 49
HSL	160.3°, 43.2, 35.9	`hsl(160.3,43.2%,35.9%)`
HSV (or HSB)	160.3°, 60.3, 51.4
Web Safe	339966	`#339966`

CIE-LAB	49.474, -30.816, 6.913
XYZ	12.081, 17.982, 16.198
xyY	0.261, 0.389, 17.982
CIE-LCH	49.474, 31.582, 167.357
CIE-LUV	49.474, -33.172, 13.814
Hunter-Lab	42.405, -23.353, 7.035
Binary	00110100, 10000011, 01101001

#348369
```
#348369 rgb(52,131,105)
```
#83344e
```
#83344e rgb(131,52,78)
```

Complementary Color

#348342
```
#348342 rgb(52,131,66)
```
#348369
```
#348369 rgb(52,131,105)
```
#347683
```
#347683 rgb(52,118,131)
```

Analogous Color

#834234
```
#834234 rgb(131,66,52)
```
#348369
```
#348369 rgb(52,131,105)
```
#833476
```
#833476 rgb(131,52,118)
```

Split Complementary Color

#836934
```
#836934 rgb(131,105,52)
```
#348369
```
#348369 rgb(52,131,105)
```
#693483
```
#693483 rgb(105,52,131)
```

Triadic Color

#4e8334
```
#4e8334 rgb(78,131,52)
```
#348369
```
#348369 rgb(52,131,105)
```
#693483
```
#693483 rgb(105,52,131)
```
#83344e
```
#83344e rgb(131,52,78)
```

Tetradic Color

#1e4c3d
```
#1e4c3d rgb(30,76,61)
```
#265e4c
```
#265e4c rgb(38,94,76)
```
#2d715a
```
#2d715a rgb(45,113,90)
```
#348369
```
#348369 rgb(52,131,105)
```
#3b9578
```
#3b9578 rgb(59,149,120)
```
#42a886
```
#42a886 rgb(66,168,134)
```
#4cb894
```
#4cb894 rgb(76,184,148)
```

Monochromatic Color

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

#348355
```
#348355 rgb(52,131,85)
```
#34835c
```
#34835c rgb(52,131,92)
```
#348362
```
#348362 rgb(52,131,98)
```
#348369
```
#348369 rgb(52,131,105)
```
#348370
```
#348370 rgb(52,131,112)
```
#348376
```
#348376 rgb(52,131,118)
```
#34837d
```
#34837d rgb(52,131,125)
```

Similar Colors

Text with hexadecimal color #348369

This text has a font color of #348369.

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

#348369 background color

This paragraph has a background color of #348369.

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

#348369 border color

This element has a border color of #348369.

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

CSS codes

.text {color:#348369;}

.background {background-color:#348369;}

.border {border:1px solid #348369;}

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, #020504 is the darkest color, while #f6fbf9 is the lightest one.

#020504
```
#020504 rgb(2,5,4)
```
#07130f
```
#07130f rgb(7,19,15)
```
#0d211a
```
#0d211a rgb(13,33,26)
```
#132f25
```
#132f25 rgb(19,47,37)
```
#183d31
```
#183d31 rgb(24,61,49)
```
#1e4b3c
```
#1e4b3c rgb(30,75,60)
```
#235947
```
#235947 rgb(35,89,71)
```
#296752
```
#296752 rgb(41,103,82)
```
#2e755e
```
#2e755e rgb(46,117,94)
```
#348369
```
#348369 rgb(52,131,105)
```
#3a9174
```
#3a9174 rgb(58,145,116)
```
#3f9f80
```
#3f9f80 rgb(63,159,128)
```
#45ad8b
```
#45ad8b rgb(69,173,139)
```

Shade Color Variation

#4db895
```
#4db895 rgb(77,184,149)
```
#5bbe9d
```
#5bbe9d rgb(91,190,157)
```
#69c4a6
```
#69c4a6 rgb(105,196,166)
```
#77c9ae
```
#77c9ae rgb(119,201,174)
```
#85cfb7
```
#85cfb7 rgb(133,207,183)
```
#93d4bf
```
#93d4bf rgb(147,212,191)
```
#a1dac7
```
#a1dac7 rgb(161,218,199)
```
#afdfd0
```
#afdfd0 rgb(175,223,208)
```
#bde5d8
```
#bde5d8 rgb(189,229,216)
```
#cbebe0
```
#cbebe0 rgb(203,235,224)
```
#daf0e9
```
#daf0e9 rgb(218,240,233)
```
#e8f6f1
```
#e8f6f1 rgb(232,246,241)
```
#f6fbf9
```
#f6fbf9 rgb(246,251,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #57605d is the less saturated color, while #03b47a is the most saturated one.

#57605d
```
#57605d rgb(87,96,93)
```
#50675f
```
#50675f rgb(80,103,95)
```
#496e62
```
#496e62 rgb(73,110,98)
```
#427564
```
#427564 rgb(66,117,100)
```
#3b7c67
```
#3b7c67 rgb(59,124,103)
```
#348369
```
#348369 rgb(52,131,105)
```
#2d8a6b
```
#2d8a6b rgb(45,138,107)
```
#26916e
```
#26916e rgb(38,145,110)
```
#1f9870
```
#1f9870 rgb(31,152,112)
```
#189f73
```
#189f73 rgb(24,159,115)
```
#11a675
```
#11a675 rgb(17,166,117)
```
#0aad77
```
#0aad77 rgb(10,173,119)
```
#03b47a
```
#03b47a rgb(3,180,122)
```

Tone Color Variation

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

#686868 Achromatopsia 0.005% of the population
#5e6d68 Atypical Achromatopsia 0.001% of the population

Dichromacy

#837c6a Protanopia 1% of men
#8a7876 Deuteranopia 1% of men
#4b858e Tritanopia 0.001% of the population

Trichromacy

#667e6a Protanomaly 1% of men, 0.01% of women
#6b7c71 Deuteranomaly 6% of men, 0.4% of women
#428481 Tritanomaly 0.01% of the population

#348369 hex color

#348369 Color Information

#348369 Color Conversion

Color Schemes with #348369

Alternatives to #348369

#348369 Preview

Shades and Tints of #348369

Tones of #348369

Color Blindness Simulator