#358b77 hex color

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

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

● #358b77 color description : Dark moderate cyan.

The hexadecimal color #358b77 has RGB values of R:53, G:139, B:119 and CMYK values of C:0.62, M:0, Y:0.14, K:0.45. Its decimal value is 3509111.

Hex triplet	358b77	`#358b77`
RGB Decimal	53, 139, 119	`rgb(53,139,119)`
RGB Percent	20.8, 54.5, 46.7	`rgb(20.8%,54.5%,46.7%)`
CMYK	62, 0, 14, 45
HSL	166°, 44.8, 37.6	`hsl(166,44.8%,37.6%)`
HSV (or HSB)	166°, 61.9, 54.5
Web Safe	339966	`#339966`

CIE-LAB	52.457, -30.828, 3.066
XYZ	14.029, 20.553, 20.679
xyY	0.254, 0.372, 20.553
CIE-LCH	52.457, 30.98, 174.32
CIE-LUV	52.457, -35.349, 8.81
Hunter-Lab	45.335, -24.098, 4.69
Binary	00110101, 10001011, 01110111

#358b77
```
#358b77 rgb(53,139,119)
```
#8b3549
```
#8b3549 rgb(139,53,73)
```

Complementary Color

#358b4c
```
#358b4c rgb(53,139,76)
```
#358b77
```
#358b77 rgb(53,139,119)
```
#35748b
```
#35748b rgb(53,116,139)
```

Analogous Color

#8b4c35
```
#8b4c35 rgb(139,76,53)
```
#358b77
```
#358b77 rgb(53,139,119)
```
#8b3574
```
#8b3574 rgb(139,53,116)
```

Split Complementary Color

#8b7735
```
#8b7735 rgb(139,119,53)
```
#358b77
```
#358b77 rgb(53,139,119)
```
#77358b
```
#77358b rgb(119,53,139)
```

Triadic Color

#498b35
```
#498b35 rgb(73,139,53)
```
#358b77
```
#358b77 rgb(53,139,119)
```
#77358b
```
#77358b rgb(119,53,139)
```
#8b3549
```
#8b3549 rgb(139,53,73)
```

Tetradic Color

#205448
```
#205448 rgb(32,84,72)
```
#276657
```
#276657 rgb(39,102,87)
```
#2e7967
```
#2e7967 rgb(46,121,103)
```
#358b77
```
#358b77 rgb(53,139,119)
```
#3c9d87
```
#3c9d87 rgb(60,157,135)
```
#43b097
```
#43b097 rgb(67,176,151)
```
#50bca3
```
#50bca3 rgb(80,188,163)
```

Monochromatic Color

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

#358b62
```
#358b62 rgb(53,139,98)
```
#358b69
```
#358b69 rgb(53,139,105)
```
#358b70
```
#358b70 rgb(53,139,112)
```
#358b77
```
#358b77 rgb(53,139,119)
```
#358b7e
```
#358b7e rgb(53,139,126)
```
#358b85
```
#358b85 rgb(53,139,133)
```
#358a8b
```
#358a8b rgb(53,138,139)
```

Similar Colors

Text with hexadecimal color #358b77

This text has a font color of #358b77.

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

#358b77 background color

This paragraph has a background color of #358b77.

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

#358b77 border color

This element has a border color of #358b77.

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

CSS codes

.text {color:#358b77;}

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

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

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

#040b0a
```
#040b0a rgb(4,11,10)
```
#0a1916
```
#0a1916 rgb(10,25,22)
```
#0f2822
```
#0f2822 rgb(15,40,34)
```
#15362e
```
#15362e rgb(21,54,46)
```
#1a443a
```
#1a443a rgb(26,68,58)
```
#1f5246
```
#1f5246 rgb(31,82,70)
```
#256053
```
#256053 rgb(37,96,83)
```
#2a6f5f
```
#2a6f5f rgb(42,111,95)
```
#307d6b
```
#307d6b rgb(48,125,107)
```
#358b77
```
#358b77 rgb(53,139,119)
```
#3a9983
```
#3a9983 rgb(58,153,131)
```
#40a78f
```
#40a78f rgb(64,167,143)
```
#45b69b
```
#45b69b rgb(69,182,155)
```

Shade Color Variation

#52bda4
```
#52bda4 rgb(82,189,164)
```
#60c2ab
```
#60c2ab rgb(96,194,171)
```
#6ec8b3
```
#6ec8b3 rgb(110,200,179)
```
#7ccdba
```
#7ccdba rgb(124,205,186)
```
#8ad3c2
```
#8ad3c2 rgb(138,211,194)
```
#99d8c9
```
#99d8c9 rgb(153,216,201)
```
#a7ddd1
```
#a7ddd1 rgb(167,221,209)
```
#b5e3d8
```
#b5e3d8 rgb(181,227,216)
```
#c3e8e0
```
#c3e8e0 rgb(195,232,224)
```
#d1eee7
```
#d1eee7 rgb(209,238,231)
```
#e0f3ef
```
#e0f3ef rgb(224,243,239)
```
#eef8f6
```
#eef8f6 rgb(238,248,246)
```
#fcfefd
```
#fcfefd rgb(252,254,253)
```

Tint Color Variation

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

#5a6663
```
#5a6663 rgb(90,102,99)
```
#536d67
```
#536d67 rgb(83,109,103)
```
#4b756b
```
#4b756b rgb(75,117,107)
```
#447c6f
```
#447c6f rgb(68,124,111)
```
#3c8473
```
#3c8473 rgb(60,132,115)
```
#358b77
```
#358b77 rgb(53,139,119)
```
#2e927b
```
#2e927b rgb(46,146,123)
```
#269a7f
```
#269a7f rgb(38,154,127)
```
#1fa183
```
#1fa183 rgb(31,161,131)
```
#17a987
```
#17a987 rgb(23,169,135)
```
#10b08b
```
#10b08b rgb(16,176,139)
```
#09b78f
```
#09b78f rgb(9,183,143)
```
#01bf93
```
#01bf93 rgb(1,191,147)
```

Tone Color Variation

Below, you can see how #358b77 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
#637571 Atypical Achromatopsia 0.001% of the population

Dichromacy

#898377 Protanopia 1% of men
#8f8084 Deuteranopia 1% of men
#4b8d97 Tritanopia 0.001% of the population

Trichromacy

#6a8677 Protanomaly 1% of men, 0.01% of women
#6e847f Deuteranomaly 6% of men, 0.4% of women
#438c8b Tritanomaly 0.01% of the population

#358b77 hex color

#358b77 Color Information

#358b77 Color Conversion

Color Schemes with #358b77

Alternatives to #358b77

#358b77 Preview

Shades and Tints of #358b77

Tones of #358b77

Color Blindness Simulator