#358a4f hex color

In a RGB color space, hex #358a4f is composed of 20.8% red, 54.1% green and 31% blue. Whereas in a CMYK color space, it is composed of 61.6% cyan, 0% magenta, 42.8% yellow and 45.9% black. It has a hue angle of 138.4 degrees, a saturation of 44.5% and a lightness of 37.5%. #358a4f color hex could be obtained by blending #6aff9e with #001500. Closest websafe color is: #339966.

♥
- f
- t
- g
- R 21
- G 54
- B 31
RGB color chart
- C 62
- M 0
- Y 43
- K 46
CMYK color chart

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

The hexadecimal color #358a4f has RGB values of R:53, G:138, B:79 and CMYK values of C:0.62, M:0, Y:0.43, K:0.46. Its decimal value is 3508815.

Hex triplet	358a4f	`#358a4f`
RGB Decimal	53, 138, 79	`rgb(53,138,79)`
RGB Percent	20.8, 54.1, 31	`rgb(20.8%,54.1%,31%)`
CMYK	62, 0, 43, 46
HSL	138.4°, 44.5, 37.5	`hsl(138.4,44.5%,37.5%)`
HSV (or HSB)	138.4°, 61.6, 54.1
Web Safe	339966	`#339966`

CIE-LAB	51.264, -39.327, 24.172
XYZ	11.967, 19.497, 10.529
xyY	0.285, 0.464, 19.497
CIE-LCH	51.264, 46.162, 148.423
CIE-LUV	51.264, -36.907, 35.914
Hunter-Lab	44.156, -28.895, 16.771
Binary	00110101, 10001010, 01001111

#358a4f
```
#358a4f rgb(53,138,79)
```
#8a3570
```
#8a3570 rgb(138,53,112)
```

Complementary Color

#468a35
```
#468a35 rgb(70,138,53)
```
#358a4f
```
#358a4f rgb(53,138,79)
```
#358a7a
```
#358a7a rgb(53,138,122)
```

Analogous Color

#8a3546
```
#8a3546 rgb(138,53,70)
```
#358a4f
```
#358a4f rgb(53,138,79)
```
#7a358a
```
#7a358a rgb(122,53,138)
```

Split Complementary Color

#8a4f35
```
#8a4f35 rgb(138,79,53)
```
#358a4f
```
#358a4f rgb(53,138,79)
```
#4f358a
```
#4f358a rgb(79,53,138)
```

Triadic Color

#708a35
```
#708a35 rgb(112,138,53)
```
#358a4f
```
#358a4f rgb(53,138,79)
```
#4f358a
```
#4f358a rgb(79,53,138)
```
#8a3570
```
#8a3570 rgb(138,53,112)
```

Tetradic Color

#20532f
```
#20532f rgb(32,83,47)
```
#27653a
```
#27653a rgb(39,101,58)
```
#2e7844
```
#2e7844 rgb(46,120,68)
```
#358a4f
```
#358a4f rgb(53,138,79)
```
#3c9c5a
```
#3c9c5a rgb(60,156,90)
```
#43af64
```
#43af64 rgb(67,175,100)
```
#50bc71
```
#50bc71 rgb(80,188,113)
```

Monochromatic Color

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

#358a3a
```
#358a3a rgb(53,138,58)
```
#358a41
```
#358a41 rgb(53,138,65)
```
#358a48
```
#358a48 rgb(53,138,72)
```
#358a4f
```
#358a4f rgb(53,138,79)
```
#358a56
```
#358a56 rgb(53,138,86)
```
#358a5d
```
#358a5d rgb(53,138,93)
```
#358a64
```
#358a64 rgb(53,138,100)
```

Similar Colors

Text with hexadecimal color #358a4f

This text has a font color of #358a4f.

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

#358a4f background color

This paragraph has a background color of #358a4f.

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

#358a4f border color

This element has a border color of #358a4f.

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

CSS codes

.text {color:#358a4f;}

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

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

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, #040a06 is the darkest color, while #fbfefc is the lightest one.

#040a06
```
#040a06 rgb(4,10,6)
```
#09190e
```
#09190e rgb(9,25,14)
```
#0f2716
```
#0f2716 rgb(15,39,22)
```
#14351e
```
#14351e rgb(20,53,30)
```
#1a4326
```
#1a4326 rgb(26,67,38)
```
#1f512f
```
#1f512f rgb(31,81,47)
```
#255f37
```
#255f37 rgb(37,95,55)
```
#2a6e3f
```
#2a6e3f rgb(42,110,63)
```
#307c47
```
#307c47 rgb(48,124,71)
```
#358a4f
```
#358a4f rgb(53,138,79)
```
#3a9857
```
#3a9857 rgb(58,152,87)
```
#40a65f
```
#40a65f rgb(64,166,95)
```
#45b567
```
#45b567 rgb(69,181,103)
```

Shade Color Variation

#51bc72
```
#51bc72 rgb(81,188,114)
```
#5fc27d
```
#5fc27d rgb(95,194,125)
```
#6ec789
```
#6ec789 rgb(110,199,137)
```
#7ccd94
```
#7ccd94 rgb(124,205,148)
```
#8ad2a0
```
#8ad2a0 rgb(138,210,160)
```
#98d7ab
```
#98d7ab rgb(152,215,171)
```
#a6ddb7
```
#a6ddb7 rgb(166,221,183)
```
#b4e2c2
```
#b4e2c2 rgb(180,226,194)
```
#c3e8ce
```
#c3e8ce rgb(195,232,206)
```
#d1edd9
```
#d1edd9 rgb(209,237,217)
```
#dff3e5
```
#dff3e5 rgb(223,243,229)
```
#edf8f0
```
#edf8f0 rgb(237,248,240)
```
#fbfefc
```
#fbfefc rgb(251,254,252)
```

Tint Color Variation

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

#5a655d
```
#5a655d rgb(90,101,93)
```
#526d5a
```
#526d5a rgb(82,109,90)
```
#4b7458
```
#4b7458 rgb(75,116,88)
```
#447b55
```
#447b55 rgb(68,123,85)
```
#3c8352
```
#3c8352 rgb(60,131,82)
```
#358a4f
```
#358a4f rgb(53,138,79)
```
#2e914c
```
#2e914c rgb(46,145,76)
```
#269949
```
#269949 rgb(38,153,73)
```
#1fa046
```
#1fa046 rgb(31,160,70)
```
#18a744
```
#18a744 rgb(24,167,68)
```
#10af41
```
#10af41 rgb(16,175,65)
```
#09b63e
```
#09b63e rgb(9,182,62)
```
#02bd3b
```
#02bd3b rgb(2,189,59)
```

Tone Color Variation

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

#6a6a6a Achromatopsia 0.005% of the population
#5f7065 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8c8152 Protanopia 1% of men
#987b5f Deuteranopia 1% of men
#538993 Tritanopia 0.001% of the population

Trichromacy

#6c8451 Protanomaly 1% of men, 0.01% of women
#748159 Deuteranomaly 6% of men, 0.4% of women
#48897a Tritanomaly 0.01% of the population

#358a4f hex color

#358a4f Color Information

#358a4f Color Conversion

Color Schemes with #358a4f

Alternatives to #358a4f

#358a4f Preview

Shades and Tints of #358a4f

Tones of #358a4f

Color Blindness Simulator