#358b6a hex color

In a RGB color space, hex #358b6a is composed of 20.8% red, 54.5% green and 41.6% blue. Whereas in a CMYK color space, it is composed of 61.9% cyan, 0% magenta, 23.7% yellow and 45.5% black. It has a hue angle of 157 degrees, a saturation of 44.8% and a lightness of 37.6%. #358b6a color hex could be obtained by blending #6affd4 with #001700. Closest websafe color is: #339966.

♥
- f
- t
- g
- R 21
- G 55
- B 42
RGB color chart
- C 62
- M 0
- Y 24
- K 45
CMYK color chart

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

The hexadecimal color #358b6a has RGB values of R:53, G:139, B:106 and CMYK values of C:0.62, M:0, Y:0.24, K:0.45. Its decimal value is 3509098.

Hex triplet	358b6a	`#358b6a`
RGB Decimal	53, 139, 106	`rgb(53,139,106)`
RGB Percent	20.8, 54.5, 41.6	`rgb(20.8%,54.5%,41.6%)`
CMYK	62, 0, 24, 45
HSL	157°, 44.8, 37.6	`hsl(157,44.8%,37.6%)`
HSV (or HSB)	157°, 61.9, 54.5
Web Safe	339966	`#339966`

CIE-LAB	52.132, -34.081, 10.103
XYZ	13.301, 20.262, 16.845
xyY	0.264, 0.402, 20.262
CIE-LCH	52.132, 35.546, 163.488
CIE-LUV	52.132, -36.031, 18.648
Hunter-Lab	45.013, -26.026, 9.321
Binary	00110101, 10001011, 01101010

#358b6a
```
#358b6a rgb(53,139,106)
```
#8b3556
```
#8b3556 rgb(139,53,86)
```

Complementary Color

#358b3f
```
#358b3f rgb(53,139,63)
```
#358b6a
```
#358b6a rgb(53,139,106)
```
#35818b
```
#35818b rgb(53,129,139)
```

Analogous Color

#8b3f35
```
#8b3f35 rgb(139,63,53)
```
#358b6a
```
#358b6a rgb(53,139,106)
```
#8b3581
```
#8b3581 rgb(139,53,129)
```

Split Complementary Color

#8b6a35
```
#8b6a35 rgb(139,106,53)
```
#358b6a
```
#358b6a rgb(53,139,106)
```
#6a358b
```
#6a358b rgb(106,53,139)
```

Triadic Color

#568b35
```
#568b35 rgb(86,139,53)
```
#358b6a
```
#358b6a rgb(53,139,106)
```
#6a358b
```
#6a358b rgb(106,53,139)
```
#8b3556
```
#8b3556 rgb(139,53,86)
```

Tetradic Color

#205440
```
#205440 rgb(32,84,64)
```
#27664e
```
#27664e rgb(39,102,78)
```
#2e795c
```
#2e795c rgb(46,121,92)
```
#358b6a
```
#358b6a rgb(53,139,106)
```
#3c9d78
```
#3c9d78 rgb(60,157,120)
```
#43b086
```
#43b086 rgb(67,176,134)
```
#50bc93
```
#50bc93 rgb(80,188,147)
```

Monochromatic Color

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

#358b55
```
#358b55 rgb(53,139,85)
```
#358b5c
```
#358b5c rgb(53,139,92)
```
#358b63
```
#358b63 rgb(53,139,99)
```
#358b6a
```
#358b6a rgb(53,139,106)
```
#358b71
```
#358b71 rgb(53,139,113)
```
#358b78
```
#358b78 rgb(53,139,120)
```
#358b80
```
#358b80 rgb(53,139,128)
```

Similar Colors

Text with hexadecimal color #358b6a

This text has a font color of #358b6a.

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

#358b6a background color

This paragraph has a background color of #358b6a.

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

#358b6a border color

This element has a border color of #358b6a.

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

CSS codes

.text {color:#358b6a;}

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

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

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

#040b09
```
#040b09 rgb(4,11,9)
```
#0a1913
```
#0a1913 rgb(10,25,19)
```
#0f281e
```
#0f281e rgb(15,40,30)
```
#153629
```
#153629 rgb(21,54,41)
```
#1a4434
```
#1a4434 rgb(26,68,52)
```
#1f523f
```
#1f523f rgb(31,82,63)
```
#25604a
```
#25604a rgb(37,96,74)
```
#2a6f54
```
#2a6f54 rgb(42,111,84)
```
#307d5f
```
#307d5f rgb(48,125,95)
```
#358b6a
```
#358b6a rgb(53,139,106)
```
#3a9975
```
#3a9975 rgb(58,153,117)
```
#40a780
```
#40a780 rgb(64,167,128)
```
#45b68a
```
#45b68a rgb(69,182,138)
```

Shade Color Variation

#52bd94
```
#52bd94 rgb(82,189,148)
```
#60c29c
```
#60c29c rgb(96,194,156)
```
#6ec8a5
```
#6ec8a5 rgb(110,200,165)
```
#7ccdae
```
#7ccdae rgb(124,205,174)
```
#8ad3b7
```
#8ad3b7 rgb(138,211,183)
```
#99d8c0
```
#99d8c0 rgb(153,216,192)
```
#a7ddc8
```
#a7ddc8 rgb(167,221,200)
```
#b5e3d1
```
#b5e3d1 rgb(181,227,209)
```
#c3e8da
```
#c3e8da rgb(195,232,218)
```
#d1eee3
```
#d1eee3 rgb(209,238,227)
```
#e0f3ec
```
#e0f3ec rgb(224,243,236)
```
#eef8f4
```
#eef8f4 rgb(238,248,244)
```
#fcfefd
```
#fcfefd rgb(252,254,253)
```

Tint Color Variation

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

#5a6661
```
#5a6661 rgb(90,102,97)
```
#536d63
```
#536d63 rgb(83,109,99)
```
#4b7565
```
#4b7565 rgb(75,117,101)
```
#447c67
```
#447c67 rgb(68,124,103)
```
#3c8468
```
#3c8468 rgb(60,132,104)
```
#358b6a
```
#358b6a rgb(53,139,106)
```
#2e926c
```
#2e926c rgb(46,146,108)
```
#269a6d
```
#269a6d rgb(38,154,109)
```
#1fa16f
```
#1fa16f rgb(31,161,111)
```
#17a971
```
#17a971 rgb(23,169,113)
```
#10b073
```
#10b073 rgb(16,176,115)
```
#09b774
```
#09b774 rgb(9,183,116)
```
#01bf76
```
#01bf76 rgb(1,191,118)
```

Tone Color Variation

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

#6e6e6e Achromatopsia 0.005% of the population
#63746d Atypical Achromatopsia 0.001% of the population

Dichromacy

#8a826b Protanopia 1% of men
#937e78 Deuteranopia 1% of men
#4e8c96 Tritanopia 0.001% of the population

Trichromacy

#6b856a Protanomaly 1% of men, 0.01% of women
#718372 Deuteranomaly 6% of men, 0.4% of women
#458b86 Tritanomaly 0.01% of the population

#358b6a hex color

#358b6a Color Information

#358b6a Color Conversion

Color Schemes with #358b6a

Alternatives to #358b6a

#358b6a Preview

Shades and Tints of #358b6a

Tones of #358b6a

Color Blindness Simulator