#356f50 hex color

In a RGB color space, hex #356f50 is composed of 20.8% red, 43.5% green and 31.4% blue. Whereas in a CMYK color space, it is composed of 52.3% cyan, 0% magenta, 27.9% yellow and 56.5% black. It has a hue angle of 147.9 degrees, a saturation of 35.4% and a lightness of 32.2%. #356f50 color hex could be obtained by blending #6adea0 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 21
- G 44
- B 31
RGB color chart
- C 52
- M 0
- Y 28
- K 56
CMYK color chart

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

The hexadecimal color #356f50 has RGB values of R:53, G:111, B:80 and CMYK values of C:0.52, M:0, Y:0.28, K:0.56. Its decimal value is 3501904.

Hex triplet	356f50	`#356f50`
RGB Decimal	53, 111, 80	`rgb(53,111,80)`
RGB Percent	20.8, 43.5, 31.4	`rgb(20.8%,43.5%,31.4%)`
CMYK	52, 0, 28, 56
HSL	147.9°, 35.4, 32.2	`hsl(147.9,35.4%,32.2%)`
HSV (or HSB)	147.9°, 52.3, 43.5
Web Safe	336666	`#336666`

CIE-LAB	42.314, -26.885, 11.563
XYZ	8.6, 12.704, 9.588
xyY	0.278, 0.411, 12.704
CIE-LCH	42.314, 29.267, 156.727
CIE-LUV	42.314, -25.807, 18.322
Hunter-Lab	35.643, -19.307, 9.001
Binary	00110101, 01101111, 01010000

#356f50
```
#356f50 rgb(53,111,80)
```
#6f3554
```
#6f3554 rgb(111,53,84)
```

Complementary Color

#376f35
```
#376f35 rgb(55,111,53)
```
#356f50
```
#356f50 rgb(53,111,80)
```
#356f6d
```
#356f6d rgb(53,111,109)
```

Analogous Color

#6f3537
```
#6f3537 rgb(111,53,55)
```
#356f50
```
#356f50 rgb(53,111,80)
```
#6d356f
```
#6d356f rgb(109,53,111)
```

Split Complementary Color

#6f5035
```
#6f5035 rgb(111,80,53)
```
#356f50
```
#356f50 rgb(53,111,80)
```
#50356f
```
#50356f rgb(80,53,111)
```

Triadic Color

#546f35
```
#546f35 rgb(84,111,53)
```
#356f50
```
#356f50 rgb(53,111,80)
```
#50356f
```
#50356f rgb(80,53,111)
```
#6f3554
```
#6f3554 rgb(111,53,84)
```

Tetradic Color

#1c3b2b
```
#1c3b2b rgb(28,59,43)
```
#254c37
```
#254c37 rgb(37,76,55)
```
#2d5e44
```
#2d5e44 rgb(45,94,68)
```
#356f50
```
#356f50 rgb(53,111,80)
```
#3d805c
```
#3d805c rgb(61,128,92)
```
#459269
```
#459269 rgb(69,146,105)
```
#4ea375
```
#4ea375 rgb(78,163,117)
```

Monochromatic Color

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

#356f42
```
#356f42 rgb(53,111,66)
```
#356f46
```
#356f46 rgb(53,111,70)
```
#356f4b
```
#356f4b rgb(53,111,75)
```
#356f50
```
#356f50 rgb(53,111,80)
```
#356f55
```
#356f55 rgb(53,111,85)
```
#356f5a
```
#356f5a rgb(53,111,90)
```
#356f5f
```
#356f5f rgb(53,111,95)
```

Similar Colors

Text with hexadecimal color #356f50

This text has a font color of #356f50.

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

#356f50 background color

This paragraph has a background color of #356f50.

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

#356f50 border color

This element has a border color of #356f50.

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

CSS codes

.text {color:#356f50;}

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

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

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

#020503
```
#020503 rgb(2,5,3)
```
#09120d
```
#09120d rgb(9,18,13)
```
#0f1f17
```
#0f1f17 rgb(15,31,23)
```
#152d20
```
#152d20 rgb(21,45,32)
```
#1c3a2a
```
#1c3a2a rgb(28,58,42)
```
#224733
```
#224733 rgb(34,71,51)
```
#28543d
```
#28543d rgb(40,84,61)
```
#2f6246
```
#2f6246 rgb(47,98,70)
```
#356f50
```
#356f50 rgb(53,111,80)
```
#3b7c5a
```
#3b7c5a rgb(59,124,90)
```
#428a63
```
#428a63 rgb(66,138,99)
```
#48976d
```
#48976d rgb(72,151,109)
```
#4ea476
```
#4ea476 rgb(78,164,118)
```

Shade Color Variation

#57af80
```
#57af80 rgb(87,175,128)
```
#64b58a
```
#64b58a rgb(100,181,138)
```
#72bc94
```
#72bc94 rgb(114,188,148)
```
#7fc29e
```
#7fc29e rgb(127,194,158)
```
#8cc8a8
```
#8cc8a8 rgb(140,200,168)
```
#9acfb2
```
#9acfb2 rgb(154,207,178)
```
#a7d5bc
```
#a7d5bc rgb(167,213,188)
```
#b4dbc6
```
#b4dbc6 rgb(180,219,198)
```
#c1e2d0
```
#c1e2d0 rgb(193,226,208)
```
#cfe8da
```
#cfe8da rgb(207,232,218)
```
#dceee4
```
#dceee4 rgb(220,238,228)
```
#e9f5ef
```
#e9f5ef rgb(233,245,239)
```
#f7fbf9
```
#f7fbf9 rgb(247,251,249)
```

Tint Color Variation

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

#4e5652
```
#4e5652 rgb(78,86,82)
```
#485c51
```
#485c51 rgb(72,92,81)
```
#426251
```
#426251 rgb(66,98,81)
```
#3b6950
```
#3b6950 rgb(59,105,80)
```
#356f50
```
#356f50 rgb(53,111,80)
```
#2f7550
```
#2f7550 rgb(47,117,80)
```
#287c4f
```
#287c4f rgb(40,124,79)
```
#22824f
```
#22824f rgb(34,130,79)
```
#1c884e
```
#1c884e rgb(28,136,78)
```
#158f4e
```
#158f4e rgb(21,143,78)
```
#0f954d
```
#0f954d rgb(15,149,77)
```
#099b4d
```
#099b4d rgb(9,155,77)
```
#03a14d
```
#03a14d rgb(3,161,77)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#535e58 Atypical Achromatopsia 0.001% of the population

Dichromacy

#726b54 Protanopia 1% of men
#7b685d Deuteranopia 1% of men
#4a727a Tritanopia 0.001% of the population

Trichromacy

#5c6c52 Protanomaly 1% of men, 0.01% of women
#616a58 Deuteranomaly 6% of men, 0.4% of women
#42706a Tritanomaly 0.01% of the population

#356f50 hex color

#356f50 Color Information

#356f50 Color Conversion

Color Schemes with #356f50

Alternatives to #356f50

#356f50 Preview

Shades and Tints of #356f50

Tones of #356f50

Color Blindness Simulator