colorhexa.com

#358e57 hex color

In a RGB color space, hex #358e57 is composed of 20.8% red, 55.7% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 62.7% cyan, 0% magenta, 38.7% yellow and 44.3% black. It has a hue angle of 142.9 degrees, a saturation of 45.6% and a lightness of 38.2%. #358e57 color hex could be obtained by blending #6affae with #001d00. Closest websafe color is: #339966.

- R 21
- G 56
- B 34
RGB color chart
- C 63
- M 0
- Y 39
- K 44
CMYK color chart

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

The hexadecimal color #358e57 has RGB values of R:53, G:142, B:87 and CMYK values of C:0.63, M:0, Y:0.39, K:0.44. Its decimal value is 3509847.

Hex triplet	358e57	`#358e57`
RGB Decimal	53, 142, 87	`rgb(53,142,87)`
RGB Percent	20.8, 55.7, 34.1	`rgb(20.8%,55.7%,34.1%)`
CMYK	63, 0, 39, 44
HSL	142.9°, 45.6, 38.2	`hsl(142.9,45.6%,38.2%)`
HSV (or HSB)	142.9°, 62.7, 55.7
Web Safe	339966	`#339966`

CIE-LAB	52.719, -39.51, 21.664
XYZ	12.861, 20.79, 12.351
xyY	0.28, 0.452, 20.79
CIE-LCH	52.719, 45.06, 151.263
CIE-LUV	52.719, -38.133, 33.498
Hunter-Lab	45.596, -29.446, 15.856
Binary	00110101, 10001110, 01010111

#358e57
```
#358e57 rgb(53,142,87)
```
#8e356c
```
#8e356c rgb(142,53,108)
```

Complementary Color

#408e35
```
#408e35 rgb(64,142,53)
```
#358e57
```
#358e57 rgb(53,142,87)
```
#358e84
```
#358e84 rgb(53,142,132)
```

Analogous Color

#8e3540
```
#8e3540 rgb(142,53,64)
```
#358e57
```
#358e57 rgb(53,142,87)
```
#84358e
```
#84358e rgb(132,53,142)
```

Split Complementary Color

#8e5735
```
#8e5735 rgb(142,87,53)
```
#358e57
```
#358e57 rgb(53,142,87)
```
#57358e
```
#57358e rgb(87,53,142)
```

Triadic Color

#6c8e35
```
#6c8e35 rgb(108,142,53)
```
#358e57
```
#358e57 rgb(53,142,87)
```
#57358e
```
#57358e rgb(87,53,142)
```
#8e356c
```
#8e356c rgb(142,53,108)
```

Tetradic Color

#205635
```
#205635 rgb(32,86,53)
```
#276940
```
#276940 rgb(39,105,64)
```
#2e7b4c
```
#2e7b4c rgb(46,123,76)
```
#358e57
```
#358e57 rgb(53,142,87)
```
#3ca162
```
#3ca162 rgb(60,161,98)
```
#43b36e
```
#43b36e rgb(67,179,110)
```
#51be7b
```
#51be7b rgb(81,190,123)
```

Monochromatic Color

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

#358e41
```
#358e41 rgb(53,142,65)
```
#358e48
```
#358e48 rgb(53,142,72)
```
#358e50
```
#358e50 rgb(53,142,80)
```
#358e57
```
#358e57 rgb(53,142,87)
```
#358e5e
```
#358e5e rgb(53,142,94)
```
#358e66
```
#358e66 rgb(53,142,102)
```
#358e6d
```
#358e6d rgb(53,142,109)
```

Similar Colors

Text with hexadecimal color #358e57

This text has a font color of #358e57.

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

#358e57 background color

This paragraph has a background color of #358e57.

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

#358e57 border color

This element has a border color of #358e57.

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

CSS codes

.text {color:#358e57;}

.background {background-color:#358e57;}

.border {border:1px solid #358e57;}

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, #050d08 is the darkest color, while #fefffe is the lightest one.

#050d08
```
#050d08 rgb(5,13,8)
```
#0a1c11
```
#0a1c11 rgb(10,28,17)
```
#102a1a
```
#102a1a rgb(16,42,26)
```
#153822
```
#153822 rgb(21,56,34)
```
#1a472b
```
#1a472b rgb(26,71,43)
```
#205534
```
#205534 rgb(32,85,52)
```
#25633d
```
#25633d rgb(37,99,61)
```
#2a7145
```
#2a7145 rgb(42,113,69)
```
#30804e
```
#30804e rgb(48,128,78)
```
#358e57
```
#358e57 rgb(53,142,87)
```
#3a9c60
```
#3a9c60 rgb(58,156,96)
```
#40ab69
```
#40ab69 rgb(64,171,105)
```
#45b971
```
#45b971 rgb(69,185,113)
```

Shade Color Variation

#53bf7c
```
#53bf7c rgb(83,191,124)
```
#61c487
```
#61c487 rgb(97,196,135)
```
#6fc992
```
#6fc992 rgb(111,201,146)
```
#7ecf9d
```
#7ecf9d rgb(126,207,157)
```
#8cd4a7
```
#8cd4a7 rgb(140,212,167)
```
#9ad9b2
```
#9ad9b2 rgb(154,217,178)
```
#a8dfbd
```
#a8dfbd rgb(168,223,189)
```
#b7e4c8
```
#b7e4c8 rgb(183,228,200)
```
#c5e9d3
```
#c5e9d3 rgb(197,233,211)
```
#d3efde
```
#d3efde rgb(211,239,222)
```
#e2f4e9
```
#e2f4e9 rgb(226,244,233)
```
#f0f9f3
```
#f0f9f3 rgb(240,249,243)
```
#fefffe
```
#fefffe rgb(254,255,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5b6960 is the less saturated color, while #00c34b is the most saturated one.

#5b6960
```
#5b6960 rgb(91,105,96)
```
#53705e
```
#53705e rgb(83,112,94)
```
#4c785c
```
#4c785c rgb(76,120,92)
```
#447f5b
```
#447f5b rgb(68,127,91)
```
#3d8759
```
#3d8759 rgb(61,135,89)
```
#358e57
```
#358e57 rgb(53,142,87)
```
#2e9655
```
#2e9655 rgb(46,150,85)
```
#269d53
```
#269d53 rgb(38,157,83)
```
#1fa552
```
#1fa552 rgb(31,165,82)
```
#17ac50
```
#17ac50 rgb(23,172,80)
```
#10b44e
```
#10b44e rgb(16,180,78)
```
#08bb4c
```
#08bb4c rgb(8,187,76)
```
#00c34b
```
#00c34b rgb(0,195,75)
```

Tone Color Variation

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

#6d6d6d Achromatopsia 0.005% of the population
#627469 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8f8459 Protanopia 1% of men
#9a7f66 Deuteranopia 1% of men
#538d97 Tritanopia 0.001% of the population

Trichromacy

#6e8758 Protanomaly 1% of men, 0.01% of women
#758461 Deuteranomaly 6% of men, 0.4% of women
#488d7f Tritanomaly 0.01% of the population