#345f50 hex color

In a RGB color space, hex #345f50 is composed of 20.4% red, 37.3% green and 31.4% blue. Whereas in a CMYK color space, it is composed of 45.3% cyan, 0% magenta, 15.8% yellow and 62.7% black. It has a hue angle of 159.1 degrees, a saturation of 29.3% and a lightness of 28.8%. #345f50 color hex could be obtained by blending #68bea0 with #000000. Closest websafe color is: #336666.

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

● #345f50 color description : Very dark desaturated cyan - lime green.

The hexadecimal color #345f50 has RGB values of R:52, G:95, B:80 and CMYK values of C:0.45, M:0, Y:0.16, K:0.63. Its decimal value is 3432272.

Hex triplet	345f50	`#345f50`
RGB Decimal	52, 95, 80	`rgb(52,95,80)`
RGB Percent	20.4, 37.3, 31.4	`rgb(20.4%,37.3%,31.4%)`
CMYK	45, 0, 16, 63
HSL	159.1°, 29.3, 28.8	`hsl(159.1,29.3%,28.8%)`
HSV (or HSB)	159.1°, 45.3, 37.3
Web Safe	336666	`#336666`

CIE-LAB	36.917, -18.949, 3.939
XYZ	6.956, 9.493, 9.055
xyY	0.273, 0.372, 9.493
CIE-LCH	36.917, 19.354, 168.258
CIE-LUV	36.917, -19.301, 7.528
Hunter-Lab	30.811, -13.621, 4.144
Binary	00110100, 01011111, 01010000

#345f50
```
#345f50 rgb(52,95,80)
```
#5f3443
```
#5f3443 rgb(95,52,67)
```

Complementary Color

#345f3b
```
#345f3b rgb(52,95,59)
```
#345f50
```
#345f50 rgb(52,95,80)
```
#34595f
```
#34595f rgb(52,89,95)
```

Analogous Color

#5f3b34
```
#5f3b34 rgb(95,59,52)
```
#345f50
```
#345f50 rgb(52,95,80)
```
#5f3459
```
#5f3459 rgb(95,52,89)
```

Split Complementary Color

#5f5034
```
#5f5034 rgb(95,80,52)
```
#345f50
```
#345f50 rgb(52,95,80)
```
#50345f
```
#50345f rgb(80,52,95)
```

Triadic Color

#435f34
```
#435f34 rgb(67,95,52)
```
#345f50
```
#345f50 rgb(52,95,80)
```
#50345f
```
#50345f rgb(80,52,95)
```
#5f3443
```
#5f3443 rgb(95,52,67)
```

Tetradic Color

#192e26
```
#192e26 rgb(25,46,38)
```
#223e34
```
#223e34 rgb(34,62,52)
```
#2b4f42
```
#2b4f42 rgb(43,79,66)
```
#345f50
```
#345f50 rgb(52,95,80)
```
#3d6f5e
```
#3d6f5e rgb(61,111,94)
```
#46806c
```
#46806c rgb(70,128,108)
```
#4f907a
```
#4f907a rgb(79,144,122)
```

Monochromatic Color

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

#345f45
```
#345f45 rgb(52,95,69)
```
#345f49
```
#345f49 rgb(52,95,73)
```
#345f4c
```
#345f4c rgb(52,95,76)
```
#345f50
```
#345f50 rgb(52,95,80)
```
#345f54
```
#345f54 rgb(52,95,84)
```
#345f57
```
#345f57 rgb(52,95,87)
```
#345f5b
```
#345f5b rgb(52,95,91)
```

Similar Colors

Text with hexadecimal color #345f50

This text has a font color of #345f50.

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

#345f50 background color

This paragraph has a background color of #345f50.

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

#345f50 border color

This element has a border color of #345f50.

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

CSS codes

.text {color:#345f50;}

.background {background-color:#345f50;}

.border {border:1px solid #345f50;}

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

#030605
```
#030605 rgb(3,6,5)
```
#0a1310
```
#0a1310 rgb(10,19,16)
```
#11201b
```
#11201b rgb(17,32,27)
```
#182c25
```
#182c25 rgb(24,44,37)
```
#1f3930
```
#1f3930 rgb(31,57,48)
```
#26463b
```
#26463b rgb(38,70,59)
```
#2d5245
```
#2d5245 rgb(45,82,69)
```
#345f50
```
#345f50 rgb(52,95,80)
```
#3b6c5b
```
#3b6c5b rgb(59,108,91)
```
#427865
```
#427865 rgb(66,120,101)
```
#498570
```
#498570 rgb(73,133,112)
```
#50927b
```
#50927b rgb(80,146,123)
```
#579e85
```
#579e85 rgb(87,158,133)
```

Shade Color Variation

#60a88f
```
#60a88f rgb(96,168,143)
```
#6daf98
```
#6daf98 rgb(109,175,152)
```
#7ab6a1
```
#7ab6a1 rgb(122,182,161)
```
#86bdaa
```
#86bdaa rgb(134,189,170)
```
#93c4b3
```
#93c4b3 rgb(147,196,179)
```
#a0cbbc
```
#a0cbbc rgb(160,203,188)
```
#add2c5
```
#add2c5 rgb(173,210,197)
```
#b9d9ce
```
#b9d9ce rgb(185,217,206)
```
#c6e0d7
```
#c6e0d7 rgb(198,224,215)
```
#d3e7e0
```
#d3e7e0 rgb(211,231,224)
```
#dfeee9
```
#dfeee9 rgb(223,238,233)
```
#ecf5f2
```
#ecf5f2 rgb(236,245,242)
```
#f9fbfa
```
#f9fbfa rgb(249,251,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #454e4b is the less saturated color, while #01925f is the most saturated one.

#454e4b
```
#454e4b rgb(69,78,75)
```
#3f544d
```
#3f544d rgb(63,84,77)
```
#3a594e
```
#3a594e rgb(58,89,78)
```
#345f50
```
#345f50 rgb(52,95,80)
```
#2e6552
```
#2e6552 rgb(46,101,82)
```
#296a53
```
#296a53 rgb(41,106,83)
```
#237055
```
#237055 rgb(35,112,85)
```
#1d7657
```
#1d7657 rgb(29,118,87)
```
#187b59
```
#187b59 rgb(24,123,89)
```
#12815a
```
#12815a rgb(18,129,90)
```
#0c875c
```
#0c875c rgb(12,135,92)
```
#078c5e
```
#078c5e rgb(7,140,94)
```
#01925f
```
#01925f rgb(1,146,95)
```

Tone Color Variation

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

#505050 Achromatopsia 0.005% of the population
#4a5350 Atypical Achromatopsia 0.001% of the population

Dichromacy

#635f55 Protanopia 1% of men
#695c5c Deuteranopia 1% of men
#44646b Tritanopia 0.001% of the population

Trichromacy

#525f53 Protanomaly 1% of men, 0.01% of women
#565d58 Deuteranomaly 6% of men, 0.4% of women
#3e6261 Tritanomaly 0.01% of the population

#345f50 hex color

#345f50 Color Information

#345f50 Color Conversion

Color Schemes with #345f50

Alternatives to #345f50

#345f50 Preview

Shades and Tints of #345f50

Tones of #345f50

Color Blindness Simulator