#358e8f hex color

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

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

● #358e8f color description : Dark moderate cyan.

The hexadecimal color #358e8f has RGB values of R:53, G:142, B:143 and CMYK values of C:0.63, M:0.01, Y:0, K:0.44. Its decimal value is 3509903.

Hex triplet	358e8f	`#358e8f`
RGB Decimal	53, 142, 143	`rgb(53,142,143)`
RGB Percent	20.8, 55.7, 56.1	`rgb(20.8%,55.7%,56.1%)`
CMYK	63, 1, 0, 44
HSL	180.7°, 45.9, 38.4	`hsl(180.7,45.9%,38.4%)`
HSV (or HSB)	180.7°, 62.9, 56.1
Web Safe	339999	`#339999`

CIE-LAB	54.117, -25.59, -8.377
XYZ	16.098, 22.085, 29.4
xyY	0.238, 0.327, 22.085
CIE-LCH	54.117, 26.926, 198.126
CIE-LUV	54.117, -35.182, -8.446
Hunter-Lab	46.994, -21.096, -4.196
Binary	00110101, 10001110, 10001111

#358e8f
```
#358e8f rgb(53,142,143)
```
#8f3635
```
#8f3635 rgb(143,54,53)
```

Complementary Color

#358f63
```
#358f63 rgb(53,143,99)
```
#358e8f
```
#358e8f rgb(53,142,143)
```
#35618f
```
#35618f rgb(53,97,143)
```

Analogous Color

#8f6335
```
#8f6335 rgb(143,99,53)
```
#358e8f
```
#358e8f rgb(53,142,143)
```
#8f3561
```
#8f3561 rgb(143,53,97)
```

Split Complementary Color

#8e8f35
```
#8e8f35 rgb(142,143,53)
```
#358e8f
```
#358e8f rgb(53,142,143)
```
#8f358e
```
#8f358e rgb(143,53,142)
```

Triadic Color

#358f36
```
#358f36 rgb(53,143,54)
```
#358e8f
```
#358e8f rgb(53,142,143)
```
#8f358e
```
#8f358e rgb(143,53,142)
```
#8f3635
```
#8f3635 rgb(143,54,53)
```

Tetradic Color

#205757
```
#205757 rgb(32,87,87)
```
#27696a
```
#27696a rgb(39,105,106)
```
#2e7c7c
```
#2e7c7c rgb(46,124,124)
```
#358e8f
```
#358e8f rgb(53,142,143)
```
#3ca0a2
```
#3ca0a2 rgb(60,160,162)
```
#43b3b4
```
#43b3b4 rgb(67,179,180)
```
#52bebf
```
#52bebf rgb(82,190,191)
```

Monochromatic Color

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

#358f7a
```
#358f7a rgb(53,143,122)
```
#358f81
```
#358f81 rgb(53,143,129)
```
#358f89
```
#358f89 rgb(53,143,137)
```
#358e8f
```
#358e8f rgb(53,142,143)
```
#35878f
```
#35878f rgb(53,135,143)
```
#357f8f
```
#357f8f rgb(53,127,143)
```
#35788f
```
#35788f rgb(53,120,143)
```

Similar Colors

Text with hexadecimal color #358e8f

This text has a font color of #358e8f.

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

#358e8f background color

This paragraph has a background color of #358e8f.

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

#358e8f border color

This element has a border color of #358e8f.

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

CSS codes

.text {color:#358e8f;}

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

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

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

#050e0e
```
#050e0e rgb(5,14,14)
```
#0b1c1d
```
#0b1c1d rgb(11,28,29)
```
#102b2b
```
#102b2b rgb(16,43,43)
```
#153939
```
#153939 rgb(21,57,57)
```
#1a4747
```
#1a4747 rgb(26,71,71)
```
#205556
```
#205556 rgb(32,85,86)
```
#256364
```
#256364 rgb(37,99,100)
```
#2a7272
```
#2a7272 rgb(42,114,114)
```
#308081
```
#308081 rgb(48,128,129)
```
#358e8f
```
#358e8f rgb(53,142,143)
```
#3a9c9d
```
#3a9c9d rgb(58,156,157)
```
#40aaac
```
#40aaac rgb(64,170,172)
```
#45b9ba
```
#45b9ba rgb(69,185,186)
```

Shade Color Variation

#53bebf
```
#53bebf rgb(83,190,191)
```
#61c4c5
```
#61c4c5 rgb(97,196,197)
```
#70c9ca
```
#70c9ca rgb(112,201,202)
```
#7ececf
```
#7ececf rgb(126,206,207)
```
#8cd4d5
```
#8cd4d5 rgb(140,212,213)
```
#9bd9da
```
#9bd9da rgb(155,217,218)
```
#a9dfdf
```
#a9dfdf rgb(169,223,223)
```
#b7e4e4
```
#b7e4e4 rgb(183,228,228)
```
#c6e9ea
```
#c6e9ea rgb(198,233,234)
```
#d4efef
```
#d4efef rgb(212,239,239)
```
#e2f4f4
```
#e2f4f4 rgb(226,244,244)
```
#f1fafa
```
#f1fafa rgb(241,250,250)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#5b6969
```
#5b6969 rgb(91,105,105)
```
#537171
```
#537171 rgb(83,113,113)
```
#4c7878
```
#4c7878 rgb(76,120,120)
```
#447f80
```
#447f80 rgb(68,127,128)
```
#3d8787
```
#3d8787 rgb(61,135,135)
```
#358e8f
```
#358e8f rgb(53,142,143)
```
#2d9597
```
#2d9597 rgb(45,149,151)
```
#269d9e
```
#269d9e rgb(38,157,158)
```
#1ea4a6
```
#1ea4a6 rgb(30,164,166)
```
#17abad
```
#17abad rgb(23,171,173)
```
#0fb3b5
```
#0fb3b5 rgb(15,179,181)
```
#08babc
```
#08babc rgb(8,186,188)
```
#00c2c4
```
#00c2c4 rgb(0,194,196)
```

Tone Color Variation

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

#747474 Achromatopsia 0.005% of the population
#677979 Atypical Achromatopsia 0.001% of the population

Dichromacy

#88878d Protanopia 1% of men
#8b849a Deuteranopia 1% of men
#44929d Tritanopia 0.001% of the population

Trichromacy

#6a898e Protanomaly 1% of men, 0.01% of women
#6b8896 Deuteranomaly 6% of men, 0.4% of women
#3e9098 Tritanomaly 0.01% of the population

#358e8f hex color

#358e8f Color Information

#358e8f Color Conversion

Color Schemes with #358e8f

Alternatives to #358e8f

#358e8f Preview

Shades and Tints of #358e8f

Tones of #358e8f

Color Blindness Simulator