#357d4d hex color

In a RGB color space, hex #357d4d is composed of 20.8% red, 49% green and 30.2% blue. Whereas in a CMYK color space, it is composed of 57.6% cyan, 0% magenta, 38.4% yellow and 51% black. It has a hue angle of 140 degrees, a saturation of 40.4% and a lightness of 34.9%. #357d4d color hex could be obtained by blending #6afa9a with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 21
- G 49
- B 30
RGB color chart
- C 58
- M 0
- Y 38
- K 51
CMYK color chart

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

The hexadecimal color #357d4d has RGB values of R:53, G:125, B:77 and CMYK values of C:0.58, M:0, Y:0.38, K:0.51. Its decimal value is 3505485.

Hex triplet	357d4d	`#357d4d`
RGB Decimal	53, 125, 77	`rgb(53,125,77)`
RGB Percent	20.8, 49, 30.2	`rgb(20.8%,49%,30.2%)`
CMYK	58, 0, 38, 51
HSL	140°, 40.4, 34.9	`hsl(140,40.4%,34.9%)`
HSV (or HSB)	140°, 57.6, 49
Web Safe	336666	`#336666`

CIE-LAB	46.921, -34.066, 19.571
XYZ	10.141, 15.959, 9.567
xyY	0.284, 0.447, 15.959
CIE-LCH	46.921, 39.287, 150.122
CIE-LUV	46.921, -31.749, 29.219
Hunter-Lab	39.949, -24.6, 13.766
Binary	00110101, 01111101, 01001101

#357d4d
```
#357d4d rgb(53,125,77)
```
#7d3565
```
#7d3565 rgb(125,53,101)
```

Complementary Color

#417d35
```
#417d35 rgb(65,125,53)
```
#357d4d
```
#357d4d rgb(53,125,77)
```
#357d71
```
#357d71 rgb(53,125,113)
```

Analogous Color

#7d3541
```
#7d3541 rgb(125,53,65)
```
#357d4d
```
#357d4d rgb(53,125,77)
```
#71357d
```
#71357d rgb(113,53,125)
```

Split Complementary Color

#7d4d35
```
#7d4d35 rgb(125,77,53)
```
#357d4d
```
#357d4d rgb(53,125,77)
```
#4d357d
```
#4d357d rgb(77,53,125)
```

Triadic Color

#657d35
```
#657d35 rgb(101,125,53)
```
#357d4d
```
#357d4d rgb(53,125,77)
```
#4d357d
```
#4d357d rgb(77,53,125)
```
#7d3565
```
#7d3565 rgb(125,53,101)
```

Tetradic Color

#1e472c
```
#1e472c rgb(30,71,44)
```
#265937
```
#265937 rgb(38,89,55)
```
#2d6b42
```
#2d6b42 rgb(45,107,66)
```
#357d4d
```
#357d4d rgb(53,125,77)
```
#3d8f58
```
#3d8f58 rgb(61,143,88)
```
#44a163
```
#44a163 rgb(68,161,99)
```
#4cb36e
```
#4cb36e rgb(76,179,110)
```

Monochromatic Color

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

#357d3b
```
#357d3b rgb(53,125,59)
```
#357d41
```
#357d41 rgb(53,125,65)
```
#357d47
```
#357d47 rgb(53,125,71)
```
#357d4d
```
#357d4d rgb(53,125,77)
```
#357d53
```
#357d53 rgb(53,125,83)
```
#357d59
```
#357d59 rgb(53,125,89)
```
#357d5f
```
#357d5f rgb(53,125,95)
```

Similar Colors

Text with hexadecimal color #357d4d

This text has a font color of #357d4d.

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

#357d4d background color

This paragraph has a background color of #357d4d.

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

#357d4d border color

This element has a border color of #357d4d.

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

CSS codes

.text {color:#357d4d;}

.background {background-color:#357d4d;}

.border {border:1px solid #357d4d;}

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

#000101
```
#000101 rgb(0,1,1)
```
#060f09
```
#060f09 rgb(6,15,9)
```
#0c1d12
```
#0c1d12 rgb(12,29,18)
```
#122a1a
```
#122a1a rgb(18,42,26)
```
#183823
```
#183823 rgb(24,56,35)
```
#1e462b
```
#1e462b rgb(30,70,43)
```
#235434
```
#235434 rgb(35,84,52)
```
#29613c
```
#29613c rgb(41,97,60)
```
#2f6f45
```
#2f6f45 rgb(47,111,69)
```
#357d4d
```
#357d4d rgb(53,125,77)
```
#3b8b55
```
#3b8b55 rgb(59,139,85)
```
#41995e
```
#41995e rgb(65,153,94)
```
#47a666
```
#47a666 rgb(71,166,102)
```

Shade Color Variation

#4db46f
```
#4db46f rgb(77,180,111)
```
#5bb97a
```
#5bb97a rgb(91,185,122)
```
#69bf85
```
#69bf85 rgb(105,191,133)
```
#76c591
```
#76c591 rgb(118,197,145)
```
#84cb9c
```
#84cb9c rgb(132,203,156)
```
#92d1a7
```
#92d1a7 rgb(146,209,167)
```
#a0d7b2
```
#a0d7b2 rgb(160,215,178)
```
#addcbd
```
#addcbd rgb(173,220,189)
```
#bbe2c8
```
#bbe2c8 rgb(187,226,200)
```
#c9e8d3
```
#c9e8d3 rgb(201,232,211)
```
#d7eede
```
#d7eede rgb(215,238,222)
```
#e4f4ea
```
#e4f4ea rgb(228,244,234)
```
#f2faf5
```
#f2faf5 rgb(242,250,245)
```

Tint Color Variation

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

#575b58
```
#575b58 rgb(87,91,88)
```
#506256
```
#506256 rgb(80,98,86)
```
#4a6854
```
#4a6854 rgb(74,104,84)
```
#436f52
```
#436f52 rgb(67,111,82)
```
#3c764f
```
#3c764f rgb(60,118,79)
```
#357d4d
```
#357d4d rgb(53,125,77)
```
#2e844b
```
#2e844b rgb(46,132,75)
```
#278b48
```
#278b48 rgb(39,139,72)
```
#209246
```
#209246 rgb(32,146,70)
```
#1a9844
```
#1a9844 rgb(26,152,68)
```
#139f42
```
#139f42 rgb(19,159,66)
```
#0ca63f
```
#0ca63f rgb(12,166,63)
```
#05ad3d
```
#05ad3d rgb(5,173,61)
```

Tone Color Variation

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

#626262 Achromatopsia 0.005% of the population
#59675e Atypical Achromatopsia 0.001% of the population

Dichromacy

#807651 Protanopia 1% of men
#8a725c Deuteranopia 1% of men
#4f7d86 Tritanopia 0.001% of the population

Trichromacy

#64784f Protanomaly 1% of men, 0.01% of women
#6b7656 Deuteranomaly 6% of men, 0.4% of women
#457d71 Tritanomaly 0.01% of the population

#357d4d hex color

#357d4d Color Information

#357d4d Color Conversion

Color Schemes with #357d4d

Alternatives to #357d4d

#357d4d Preview

Shades and Tints of #357d4d

Tones of #357d4d

Color Blindness Simulator