colorhexa.com

#358f62 hex color

In a RGB color space, hex #358f62 is composed of 20.8% red, 56.1% green and 38.4% blue. Whereas in a CMYK color space, it is composed of 62.9% cyan, 0% magenta, 31.5% yellow and 43.9% black. It has a hue angle of 150 degrees, a saturation of 45.9% and a lightness of 38.4%. #358f62 color hex could be obtained by blending #6affc4 with #001f00. Closest websafe color is: #339966.

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

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

The hexadecimal color #358f62 has RGB values of R:53, G:143, B:98 and CMYK values of C:0.63, M:0, Y:0.31, K:0.44. Its decimal value is 3510114.

Hex triplet	358f62	`#358f62`
RGB Decimal	53, 143, 98	`rgb(53,143,98)`
RGB Percent	20.8, 56.1, 38.4	`rgb(20.8%,56.1%,38.4%)`
CMYK	63, 0, 31, 44
HSL	150°, 45.9, 38.4	`hsl(150,45.9%,38.4%)`
HSV (or HSB)	150°, 62.9, 56.1
Web Safe	339966	`#339966`

CIE-LAB	53.257, -37.683, 16.227
XYZ	13.494, 21.283, 14.951
xyY	0.271, 0.428, 21.283
CIE-LCH	53.257, 41.028, 156.702
CIE-LUV	53.257, -38, 26.964
Hunter-Lab	46.133, -28.52, 13.078
Binary	00110101, 10001111, 01100010

#358f62
```
#358f62 rgb(53,143,98)
```
#8f3562
```
#8f3562 rgb(143,53,98)
```

Complementary Color

#358f35
```
#358f35 rgb(53,143,53)
```
#358f62
```
#358f62 rgb(53,143,98)
```
#358f8f
```
#358f8f rgb(53,143,143)
```

Analogous Color

#8f3535
```
#8f3535 rgb(143,53,53)
```
#358f62
```
#358f62 rgb(53,143,98)
```
#8f358f
```
#8f358f rgb(143,53,143)
```

Split Complementary Color

#8f6235
```
#8f6235 rgb(143,98,53)
```
#358f62
```
#358f62 rgb(53,143,98)
```
#62358f
```
#62358f rgb(98,53,143)
```

Triadic Color

#20573c
```
#20573c rgb(32,87,60)
```
#276a49
```
#276a49 rgb(39,106,73)
```
#2e7c55
```
#2e7c55 rgb(46,124,85)
```
#358f62
```
#358f62 rgb(53,143,98)
```
#3ca26f
```
#3ca26f rgb(60,162,111)
```
#43b47c
```
#43b47c rgb(67,180,124)
```
#52bf88
```
#52bf88 rgb(82,191,136)
```

Monochromatic Color

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

#358f4c
```
#358f4c rgb(53,143,76)
```
#358f53
```
#358f53 rgb(53,143,83)
```
#358f5b
```
#358f5b rgb(53,143,91)
```
#358f62
```
#358f62 rgb(53,143,98)
```
#358f6a
```
#358f6a rgb(53,143,106)
```
#358f71
```
#358f71 rgb(53,143,113)
```
#358f79
```
#358f79 rgb(53,143,121)
```

Similar Colors

Text with hexadecimal color #358f62

This text has a font color of #358f62.

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

#358f62 background color

This paragraph has a background color of #358f62.

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

#358f62 border color

This element has a border color of #358f62.

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

CSS codes

.text {color:#358f62;}

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

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

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

#050e0a
```
#050e0a rgb(5,14,10)
```
#0b1d14
```
#0b1d14 rgb(11,29,20)
```
#102b1d
```
#102b1d rgb(16,43,29)
```
#153927
```
#153927 rgb(21,57,39)
```
#1a4731
```
#1a4731 rgb(26,71,49)
```
#20563b
```
#20563b rgb(32,86,59)
```
#256445
```
#256445 rgb(37,100,69)
```
#2a724e
```
#2a724e rgb(42,114,78)
```
#308158
```
#308158 rgb(48,129,88)
```
#358f62
```
#358f62 rgb(53,143,98)
```
#3a9d6c
```
#3a9d6c rgb(58,157,108)
```
#40ac76
```
#40ac76 rgb(64,172,118)
```
#45ba7f
```
#45ba7f rgb(69,186,127)
```

Shade Color Variation

#53bf89
```
#53bf89 rgb(83,191,137)
```
#61c593
```
#61c593 rgb(97,197,147)
```
#70ca9d
```
#70ca9d rgb(112,202,157)
```
#7ecfa7
```
#7ecfa7 rgb(126,207,167)
```
#8cd5b0
```
#8cd5b0 rgb(140,213,176)
```
#9bdaba
```
#9bdaba rgb(155,218,186)
```
#a9dfc4
```
#a9dfc4 rgb(169,223,196)
```
#b7e4ce
```
#b7e4ce rgb(183,228,206)
```
#c6ead8
```
#c6ead8 rgb(198,234,216)
```
#d4efe2
```
#d4efe2 rgb(212,239,226)
```
#e2f4eb
```
#e2f4eb rgb(226,244,235)
```
#f1faf5
```
#f1faf5 rgb(241,250,245)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#5b6962
```
#5b6962 rgb(91,105,98)
```
#537162
```
#537162 rgb(83,113,98)
```
#4c7862
```
#4c7862 rgb(76,120,98)
```
#448062
```
#448062 rgb(68,128,98)
```
#3d8762
```
#3d8762 rgb(61,135,98)
```
#358f62
```
#358f62 rgb(53,143,98)
```
#2d9762
```
#2d9762 rgb(45,151,98)
```
#269e62
```
#269e62 rgb(38,158,98)
```
#1ea662
```
#1ea662 rgb(30,166,98)
```
#17ad62
```
#17ad62 rgb(23,173,98)
```
#0fb562
```
#0fb562 rgb(15,181,98)
```
#08bc62
```
#08bc62 rgb(8,188,98)
```
#00c462
```
#00c462 rgb(0,196,98)
```

Tone Color Variation

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

#6f6f6f Achromatopsia 0.005% of the population
#63756c Atypical Achromatopsia 0.001% of the population

Dichromacy

#8f8563 Protanopia 1% of men
#998170 Deuteranopia 1% of men
#528e99 Tritanopia 0.001% of the population

Trichromacy

#6e8963 Protanomaly 1% of men, 0.01% of women
#75866b Deuteranomaly 6% of men, 0.4% of women
#478e85 Tritanomaly 0.01% of the population