#348368 hex color

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

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

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

The hexadecimal color #348368 has RGB values of R:52, G:131, B:104 and CMYK values of C:0.6, M:0, Y:0.21, K:0.49. Its decimal value is 3441512.

Hex triplet	348368	`#348368`
RGB Decimal	52, 131, 104	`rgb(52,131,104)`
RGB Percent	20.4, 51.4, 40.8	`rgb(20.4%,51.4%,40.8%)`
CMYK	60, 0, 21, 49
HSL	159.5°, 43.2, 35.9	`hsl(159.5,43.2%,35.9%)`
HSV (or HSB)	159.5°, 60.3, 51.4
Web Safe	339966	`#339966`

CIE-LAB	49.449, -31.064, 7.46
XYZ	12.03, 17.961, 15.929
xyY	0.262, 0.391, 17.961
CIE-LCH	49.449, 31.947, 166.496
CIE-LUV	49.449, -33.221, 14.562
Hunter-Lab	42.381, -23.497, 7.382
Binary	00110100, 10000011, 01101000

#348368
```
#348368 rgb(52,131,104)
```
#83344f
```
#83344f rgb(131,52,79)
```

Complementary Color

#348341
```
#348341 rgb(52,131,65)
```
#348368
```
#348368 rgb(52,131,104)
```
#347783
```
#347783 rgb(52,119,131)
```

Analogous Color

#834134
```
#834134 rgb(131,65,52)
```
#348368
```
#348368 rgb(52,131,104)
```
#833477
```
#833477 rgb(131,52,119)
```

Split Complementary Color

#836834
```
#836834 rgb(131,104,52)
```
#348368
```
#348368 rgb(52,131,104)
```
#683483
```
#683483 rgb(104,52,131)
```

Triadic Color

#4f8334
```
#4f8334 rgb(79,131,52)
```
#348368
```
#348368 rgb(52,131,104)
```
#683483
```
#683483 rgb(104,52,131)
```
#83344f
```
#83344f rgb(131,52,79)
```

Tetradic Color

#1e4c3d
```
#1e4c3d rgb(30,76,61)
```
#265e4b
```
#265e4b rgb(38,94,75)
```
#2d715a
```
#2d715a rgb(45,113,90)
```
#348368
```
#348368 rgb(52,131,104)
```
#3b9576
```
#3b9576 rgb(59,149,118)
```
#42a885
```
#42a885 rgb(66,168,133)
```
#4cb893
```
#4cb893 rgb(76,184,147)
```

Monochromatic Color

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

#348354
```
#348354 rgb(52,131,84)
```
#34835b
```
#34835b rgb(52,131,91)
```
#348361
```
#348361 rgb(52,131,97)
```
#348368
```
#348368 rgb(52,131,104)
```
#34836f
```
#34836f rgb(52,131,111)
```
#348375
```
#348375 rgb(52,131,117)
```
#34837c
```
#34837c rgb(52,131,124)
```

Similar Colors

Text with hexadecimal color #348368

This text has a font color of #348368.

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

#348368 background color

This paragraph has a background color of #348368.

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

#348368 border color

This element has a border color of #348368.

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

CSS codes

.text {color:#348368;}

.background {background-color:#348368;}

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

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)
```
#183d30
```
#183d30 rgb(24,61,48)
```
#1e4b3b
```
#1e4b3b rgb(30,75,59)
```
#235947
```
#235947 rgb(35,89,71)
```
#296752
```
#296752 rgb(41,103,82)
```
#2e755d
```
#2e755d rgb(46,117,93)
```
#348368
```
#348368 rgb(52,131,104)
```
#3a9173
```
#3a9173 rgb(58,145,115)
```
#3f9f7e
```
#3f9f7e rgb(63,159,126)
```
#45ad89
```
#45ad89 rgb(69,173,137)
```

Shade Color Variation

#4db894
```
#4db894 rgb(77,184,148)
```
#5bbe9c
```
#5bbe9c rgb(91,190,156)
```
#69c4a5
```
#69c4a5 rgb(105,196,165)
```
#77c9ad
```
#77c9ad rgb(119,201,173)
```
#85cfb6
```
#85cfb6 rgb(133,207,182)
```
#93d4be
```
#93d4be rgb(147,212,190)
```
#a1dac7
```
#a1dac7 rgb(161,218,199)
```
#afdfcf
```
#afdfcf rgb(175,223,207)
```
#bde5d7
```
#bde5d7 rgb(189,229,215)
```
#cbebe0
```
#cbebe0 rgb(203,235,224)
```
#daf0e8
```
#daf0e8 rgb(218,240,232)
```
#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 #03b478 is the most saturated one.

#57605d
```
#57605d rgb(87,96,93)
```
#50675f
```
#50675f rgb(80,103,95)
```
#496e61
```
#496e61 rgb(73,110,97)
```
#427564
```
#427564 rgb(66,117,100)
```
#3b7c66
```
#3b7c66 rgb(59,124,102)
```
#348368
```
#348368 rgb(52,131,104)
```
#2d8a6a
```
#2d8a6a rgb(45,138,106)
```
#26916c
```
#26916c rgb(38,145,108)
```
#1f986f
```
#1f986f rgb(31,152,111)
```
#189f71
```
#189f71 rgb(24,159,113)
```
#11a673
```
#11a673 rgb(17,166,115)
```
#0aad75
```
#0aad75 rgb(10,173,117)
```
#03b478
```
#03b478 rgb(3,180,120)
```

Tone Color Variation

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

#837c69 Protanopia 1% of men
#8a7875 Deuteranopia 1% of men
#4b858e Tritanopia 0.001% of the population

Trichromacy

#667e69 Protanomaly 1% of men, 0.01% of women
#6b7c70 Deuteranomaly 6% of men, 0.4% of women
#428480 Tritanomaly 0.01% of the population

#348368 hex color

#348368 Color Information

#348368 Color Conversion

Color Schemes with #348368

Alternatives to #348368

#348368 Preview

Shades and Tints of #348368

Tones of #348368

Color Blindness Simulator