#358f86 hex color

In a RGB color space, hex #358f86 is composed of 20.8% red, 56.1% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 62.9% cyan, 0% magenta, 6.3% yellow and 43.9% black. It has a hue angle of 174 degrees, a saturation of 45.9% and a lightness of 38.4%. #358f86 color hex could be obtained by blending #6affff with #001f0d. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 21
- G 56
- B 53
RGB color chart
- C 63
- M 0
- Y 6
- K 44
CMYK color chart

● #358f86 color description : Dark moderate cyan.

The hexadecimal color #358f86 has RGB values of R:53, G:143, B:134 and CMYK values of C:0.63, M:0, Y:0.06, K:0.44. Its decimal value is 3510150.

Hex triplet	358f86	`#358f86`
RGB Decimal	53, 143, 134	`rgb(53,143,134)`
RGB Percent	20.8, 56.1, 52.5	`rgb(20.8%,56.1%,52.5%)`
CMYK	63, 0, 6, 44
HSL	174°, 45.9, 38.4	`hsl(174,45.9%,38.4%)`
HSV (or HSB)	174°, 62.9, 56.1
Web Safe	339999	`#339999`

CIE-LAB	54.156, -28.684, -3.123
XYZ	15.592, 22.122, 26.001
xyY	0.245, 0.347, 22.122
CIE-LCH	54.156, 28.853, 186.214
CIE-LUV	54.156, -36.07, -0.24
Hunter-Lab	47.034, -23.134, 0.147
Binary	00110101, 10001111, 10000110

#358f86
```
#358f86 rgb(53,143,134)
```
#8f353e
```
#8f353e rgb(143,53,62)
```

Complementary Color

#358f59
```
#358f59 rgb(53,143,89)
```
#358f86
```
#358f86 rgb(53,143,134)
```
#356b8f
```
#356b8f rgb(53,107,143)
```

Analogous Color

#8f5935
```
#8f5935 rgb(143,89,53)
```
#358f86
```
#358f86 rgb(53,143,134)
```
#8f356b
```
#8f356b rgb(143,53,107)
```

Split Complementary Color

#8f8635
```
#8f8635 rgb(143,134,53)
```
#358f86
```
#358f86 rgb(53,143,134)
```
#86358f
```
#86358f rgb(134,53,143)
```

Triadic Color

#3e8f35
```
#3e8f35 rgb(62,143,53)
```
#358f86
```
#358f86 rgb(53,143,134)
```
#86358f
```
#86358f rgb(134,53,143)
```
#8f353e
```
#8f353e rgb(143,53,62)
```

Tetradic Color

#205752
```
#205752 rgb(32,87,82)
```
#276a63
```
#276a63 rgb(39,106,99)
```
#2e7c75
```
#2e7c75 rgb(46,124,117)
```
#358f86
```
#358f86 rgb(53,143,134)
```
#3ca297
```
#3ca297 rgb(60,162,151)
```
#43b4a9
```
#43b4a9 rgb(67,180,169)
```
#52bfb4
```
#52bfb4 rgb(82,191,180)
```

Monochromatic Color

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

#358f70
```
#358f70 rgb(53,143,112)
```
#358f77
```
#358f77 rgb(53,143,119)
```
#358f7f
```
#358f7f rgb(53,143,127)
```
#358f86
```
#358f86 rgb(53,143,134)
```
#358f8e
```
#358f8e rgb(53,143,142)
```
#35898f
```
#35898f rgb(53,137,143)
```
#35828f
```
#35828f rgb(53,130,143)
```

Similar Colors

Text with hexadecimal color #358f86

This text has a font color of #358f86.

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

#358f86 background color

This paragraph has a background color of #358f86.

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

#358f86 border color

This element has a border color of #358f86.

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

CSS codes

.text {color:#358f86;}

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

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

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

#050e0d
```
#050e0d rgb(5,14,13)
```
#0b1d1b
```
#0b1d1b rgb(11,29,27)
```
#102b28
```
#102b28 rgb(16,43,40)
```
#153936
```
#153936 rgb(21,57,54)
```
#1a4743
```
#1a4743 rgb(26,71,67)
```
#205650
```
#205650 rgb(32,86,80)
```
#25645e
```
#25645e rgb(37,100,94)
```
#2a726b
```
#2a726b rgb(42,114,107)
```
#308179
```
#308179 rgb(48,129,121)
```
#358f86
```
#358f86 rgb(53,143,134)
```
#3a9d93
```
#3a9d93 rgb(58,157,147)
```
#40aca1
```
#40aca1 rgb(64,172,161)
```
#45baae
```
#45baae rgb(69,186,174)
```

Shade Color Variation

#53bfb4
```
#53bfb4 rgb(83,191,180)
```
#61c5bb
```
#61c5bb rgb(97,197,187)
```
#70cac1
```
#70cac1 rgb(112,202,193)
```
#7ecfc7
```
#7ecfc7 rgb(126,207,199)
```
#8cd5cd
```
#8cd5cd rgb(140,213,205)
```
#9bdad4
```
#9bdad4 rgb(155,218,212)
```
#a9dfda
```
#a9dfda rgb(169,223,218)
```
#b7e4e0
```
#b7e4e0 rgb(183,228,224)
```
#c6eae6
```
#c6eae6 rgb(198,234,230)
```
#d4efec
```
#d4efec rgb(212,239,236)
```
#e2f4f3
```
#e2f4f3 rgb(226,244,243)
```
#f1faf9
```
#f1faf9 rgb(241,250,249)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#5b6968
```
#5b6968 rgb(91,105,104)
```
#53716e
```
#53716e rgb(83,113,110)
```
#4c7874
```
#4c7874 rgb(76,120,116)
```
#44807a
```
#44807a rgb(68,128,122)
```
#3d8780
```
#3d8780 rgb(61,135,128)
```
#358f86
```
#358f86 rgb(53,143,134)
```
#2d978c
```
#2d978c rgb(45,151,140)
```
#269e92
```
#269e92 rgb(38,158,146)
```
#1ea698
```
#1ea698 rgb(30,166,152)
```
#17ad9e
```
#17ad9e rgb(23,173,158)
```
#0fb5a4
```
#0fb5a4 rgb(15,181,164)
```
#08bcaa
```
#08bcaa rgb(8,188,170)
```
#00c4b0
```
#00c4b0 rgb(0,196,176)
```

Tone Color Variation

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

#737373 Achromatopsia 0.005% of the population
#677977 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8a8785 Protanopia 1% of men
#8f8492 Deuteranopia 1% of men
#48929c Tritanopia 0.001% of the population

Trichromacy

#6b8a85 Protanomaly 1% of men, 0.01% of women
#6e888d Deuteranomaly 6% of men, 0.4% of women
#419194 Tritanomaly 0.01% of the population

#358f86 hex color

#358f86 Color Information

#358f86 Color Conversion

Color Schemes with #358f86

Alternatives to #358f86

#358f86 Preview

Shades and Tints of #358f86

Tones of #358f86

Color Blindness Simulator