#358f84 hex color

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

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

● #358f84 color description : Dark moderate cyan.

The hexadecimal color #358f84 has RGB values of R:53, G:143, B:132 and CMYK values of C:0.63, M:0, Y:0.08, K:0.44. Its decimal value is 3510148.

Hex triplet	358f84	`#358f84`
RGB Decimal	53, 143, 132	`rgb(53,143,132)`
RGB Percent	20.8, 56.1, 51.8	`rgb(20.8%,56.1%,51.8%)`
CMYK	63, 0, 8, 44
HSL	172.7°, 45.9, 38.4	`hsl(172.7,45.9%,38.4%)`
HSV (or HSB)	172.7°, 62.9, 56.1
Web Safe	339999	`#339999`

CIE-LAB	54.097, -29.243, -2.055
XYZ	15.454, 22.066, 25.273
xyY	0.246, 0.351, 22.066
CIE-LCH	54.097, 29.315, 184.02
CIE-LUV	54.097, -36.182, 1.388
Hunter-Lab	46.975, -23.482, 0.983
Binary	00110101, 10001111, 10000100

#358f84
```
#358f84 rgb(53,143,132)
```
#8f3540
```
#8f3540 rgb(143,53,64)
```

Complementary Color

#358f57
```
#358f57 rgb(53,143,87)
```
#358f84
```
#358f84 rgb(53,143,132)
```
#356d8f
```
#356d8f rgb(53,109,143)
```

Analogous Color

#8f5735
```
#8f5735 rgb(143,87,53)
```
#358f84
```
#358f84 rgb(53,143,132)
```
#8f356d
```
#8f356d rgb(143,53,109)
```

Split Complementary Color

#8f8435
```
#8f8435 rgb(143,132,53)
```
#358f84
```
#358f84 rgb(53,143,132)
```
#84358f
```
#84358f rgb(132,53,143)
```

Triadic Color

#408f35
```
#408f35 rgb(64,143,53)
```
#358f84
```
#358f84 rgb(53,143,132)
```
#84358f
```
#84358f rgb(132,53,143)
```
#8f3540
```
#8f3540 rgb(143,53,64)
```

Tetradic Color

#205750
```
#205750 rgb(32,87,80)
```
#276a62
```
#276a62 rgb(39,106,98)
```
#2e7c73
```
#2e7c73 rgb(46,124,115)
```
#358f84
```
#358f84 rgb(53,143,132)
```
#3ca295
```
#3ca295 rgb(60,162,149)
```
#43b4a6
```
#43b4a6 rgb(67,180,166)
```
#52bfb1
```
#52bfb1 rgb(82,191,177)
```

Monochromatic Color

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

#358f6e
```
#358f6e rgb(53,143,110)
```
#358f75
```
#358f75 rgb(53,143,117)
```
#358f7d
```
#358f7d rgb(53,143,125)
```
#358f84
```
#358f84 rgb(53,143,132)
```
#358f8c
```
#358f8c rgb(53,143,140)
```
#358b8f
```
#358b8f rgb(53,139,143)
```
#35848f
```
#35848f rgb(53,132,143)
```

Similar Colors

Text with hexadecimal color #358f84

This text has a font color of #358f84.

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

#358f84 background color

This paragraph has a background color of #358f84.

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

#358f84 border color

This element has a border color of #358f84.

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

CSS codes

.text {color:#358f84;}

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

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

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)
```
#0b1d1a
```
#0b1d1a rgb(11,29,26)
```
#102b28
```
#102b28 rgb(16,43,40)
```
#153935
```
#153935 rgb(21,57,53)
```
#1a4742
```
#1a4742 rgb(26,71,66)
```
#20564f
```
#20564f rgb(32,86,79)
```
#25645c
```
#25645c rgb(37,100,92)
```
#2a726a
```
#2a726a rgb(42,114,106)
```
#308177
```
#308177 rgb(48,129,119)
```
#358f84
```
#358f84 rgb(53,143,132)
```
#3a9d91
```
#3a9d91 rgb(58,157,145)
```
#40ac9e
```
#40ac9e rgb(64,172,158)
```
#45baac
```
#45baac rgb(69,186,172)
```

Shade Color Variation

#53bfb2
```
#53bfb2 rgb(83,191,178)
```
#61c5b8
```
#61c5b8 rgb(97,197,184)
```
#70cabf
```
#70cabf rgb(112,202,191)
```
#7ecfc5
```
#7ecfc5 rgb(126,207,197)
```
#8cd5cc
```
#8cd5cc rgb(140,213,204)
```
#9bdad2
```
#9bdad2 rgb(155,218,210)
```
#a9dfd9
```
#a9dfd9 rgb(169,223,217)
```
#b7e4df
```
#b7e4df rgb(183,228,223)
```
#c6eae5
```
#c6eae5 rgb(198,234,229)
```
#d4efec
```
#d4efec rgb(212,239,236)
```
#e2f4f2
```
#e2f4f2 rgb(226,244,242)
```
#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 #00c4ac is the most saturated one.

#5b6968
```
#5b6968 rgb(91,105,104)
```
#53716d
```
#53716d rgb(83,113,109)
```
#4c7873
```
#4c7873 rgb(76,120,115)
```
#448079
```
#448079 rgb(68,128,121)
```
#3d877e
```
#3d877e rgb(61,135,126)
```
#358f84
```
#358f84 rgb(53,143,132)
```
#2d978a
```
#2d978a rgb(45,151,138)
```
#269e8f
```
#269e8f rgb(38,158,143)
```
#1ea695
```
#1ea695 rgb(30,166,149)
```
#17ad9b
```
#17ad9b rgb(23,173,155)
```
#0fb5a0
```
#0fb5a0 rgb(15,181,160)
```
#08bca6
```
#08bca6 rgb(8,188,166)
```
#00c4ac
```
#00c4ac rgb(0,196,172)
```

Tone Color Variation

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

Dichromacy

#8b8783 Protanopia 1% of men
#908490 Deuteranopia 1% of men
#48929c Tritanopia 0.001% of the population

Trichromacy

#6b8a83 Protanomaly 1% of men, 0.01% of women
#6f888b Deuteranomaly 6% of men, 0.4% of women
#419093 Tritanomaly 0.01% of the population

#358f84 hex color

#358f84 Color Information

#358f84 Color Conversion

Color Schemes with #358f84

Alternatives to #358f84

#358f84 Preview

Shades and Tints of #358f84

Tones of #358f84

Color Blindness Simulator