#348168 hex color

In a RGB color space, hex #348168 is composed of 20.4% red, 50.6% green and 40.8% blue. Whereas in a CMYK color space, it is composed of 59.7% cyan, 0% magenta, 19.4% yellow and 49.4% black. It has a hue angle of 160.5 degrees, a saturation of 42.5% and a lightness of 35.5%. #348168 color hex could be obtained by blending #68ffd0 with #000300. Closest websafe color is: #339966.

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

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

The hexadecimal color #348168 has RGB values of R:52, G:129, B:104 and CMYK values of C:0.6, M:0, Y:0.19, K:0.49. Its decimal value is 3441000.

Hex triplet	348168	`#348168`
RGB Decimal	52, 129, 104	`rgb(52,129,104)`
RGB Percent	20.4, 50.6, 40.8	`rgb(20.4%,50.6%,40.8%)`
CMYK	60, 0, 19, 49
HSL	160.5°, 42.5, 35.5	`hsl(160.5,42.5%,35.5%)`
HSV (or HSB)	160.5°, 59.7, 50.6
Web Safe	339966	`#339966`

CIE-LAB	48.796, -30.115, 6.53
XYZ	11.764, 17.429, 15.84
xyY	0.261, 0.387, 17.429
CIE-LCH	48.796, 30.815, 167.765
CIE-LUV	48.796, -32.427, 13.166
Hunter-Lab	41.748, -22.76, 6.728
Binary	00110100, 10000001, 01101000

#348168
```
#348168 rgb(52,129,104)
```
#81344d
```
#81344d rgb(129,52,77)
```

Complementary Color

#348142
```
#348142 rgb(52,129,66)
```
#348168
```
#348168 rgb(52,129,104)
```
#347481
```
#347481 rgb(52,116,129)
```

Analogous Color

#814234
```
#814234 rgb(129,66,52)
```
#348168
```
#348168 rgb(52,129,104)
```
#813474
```
#813474 rgb(129,52,116)
```

Split Complementary Color

#816834
```
#816834 rgb(129,104,52)
```
#348168
```
#348168 rgb(52,129,104)
```
#683481
```
#683481 rgb(104,52,129)
```

Triadic Color

#4d8134
```
#4d8134 rgb(77,129,52)
```
#348168
```
#348168 rgb(52,129,104)
```
#683481
```
#683481 rgb(104,52,129)
```
#81344d
```
#81344d rgb(129,52,77)
```

Tetradic Color

#1e4a3c
```
#1e4a3c rgb(30,74,60)
```
#255d4b
```
#255d4b rgb(37,93,75)
```
#2d6f59
```
#2d6f59 rgb(45,111,89)
```
#348168
```
#348168 rgb(52,129,104)
```
#3b9377
```
#3b9377 rgb(59,147,119)
```
#43a585
```
#43a585 rgb(67,165,133)
```
#4bb694
```
#4bb694 rgb(75,182,148)
```

Monochromatic Color

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

#348155
```
#348155 rgb(52,129,85)
```
#34815b
```
#34815b rgb(52,129,91)
```
#348162
```
#348162 rgb(52,129,98)
```
#348168
```
#348168 rgb(52,129,104)
```
#34816e
```
#34816e rgb(52,129,110)
```
#348175
```
#348175 rgb(52,129,117)
```
#34817b
```
#34817b rgb(52,129,123)
```

Similar Colors

Text with hexadecimal color #348168

This text has a font color of #348168.

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

#348168 background color

This paragraph has a background color of #348168.

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

#348168 border color

This element has a border color of #348168.

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

CSS codes

.text {color:#348168;}

.background {background-color:#348168;}

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

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

#010303
```
#010303 rgb(1,3,3)
```
#07110e
```
#07110e rgb(7,17,14)
```
#0d1f19
```
#0d1f19 rgb(13,31,25)
```
#122d24
```
#122d24 rgb(18,45,36)
```
#183b30
```
#183b30 rgb(24,59,48)
```
#1d493b
```
#1d493b rgb(29,73,59)
```
#235746
```
#235746 rgb(35,87,70)
```
#296551
```
#296551 rgb(41,101,81)
```
#2e735d
```
#2e735d rgb(46,115,93)
```
#348168
```
#348168 rgb(52,129,104)
```
#3a8f73
```
#3a8f73 rgb(58,143,115)
```
#3f9d7f
```
#3f9d7f rgb(63,157,127)
```
#45ab8a
```
#45ab8a rgb(69,171,138)
```

Shade Color Variation

#4cb794
```
#4cb794 rgb(76,183,148)
```
#5abd9d
```
#5abd9d rgb(90,189,157)
```
#68c2a5
```
#68c2a5 rgb(104,194,165)
```
#76c8ad
```
#76c8ad rgb(118,200,173)
```
#84ceb6
```
#84ceb6 rgb(132,206,182)
```
#92d3be
```
#92d3be rgb(146,211,190)
```
#a0d9c6
```
#a0d9c6 rgb(160,217,198)
```
#aedecf
```
#aedecf rgb(174,222,207)
```
#bce4d7
```
#bce4d7 rgb(188,228,215)
```
#caeae0
```
#caeae0 rgb(202,234,224)
```
#d8efe8
```
#d8efe8 rgb(216,239,232)
```
#e6f5f0
```
#e6f5f0 rgb(230,245,240)
```
#f4fbf9
```
#f4fbf9 rgb(244,251,249)
```

Tint Color Variation

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

#575e5c
```
#575e5c rgb(87,94,92)
```
#50655e
```
#50655e rgb(80,101,94)
```
#496c61
```
#496c61 rgb(73,108,97)
```
#427363
```
#427363 rgb(66,115,99)
```
#3b7a66
```
#3b7a66 rgb(59,122,102)
```
#348168
```
#348168 rgb(52,129,104)
```
#2d886a
```
#2d886a rgb(45,136,106)
```
#268f6d
```
#268f6d rgb(38,143,109)
```
#1f966f
```
#1f966f rgb(31,150,111)
```
#189d72
```
#189d72 rgb(24,157,114)
```
#11a474
```
#11a474 rgb(17,164,116)
```
#0aab77
```
#0aab77 rgb(10,171,119)
```
#03b279
```
#03b279 rgb(3,178,121)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#5d6c67 Atypical Achromatopsia 0.001% of the population

Dichromacy

#817a69 Protanopia 1% of men
#887775 Deuteranopia 1% of men
#4a838d Tritanopia 0.001% of the population

Trichromacy

#657d69 Protanomaly 1% of men, 0.01% of women
#697a70 Deuteranomaly 6% of men, 0.4% of women
#42827f Tritanomaly 0.01% of the population

#348168 hex color

#348168 Color Information

#348168 Color Conversion

Color Schemes with #348168

Alternatives to #348168

#348168 Preview

Shades and Tints of #348168

Tones of #348168

Color Blindness Simulator