#358e8a hex color

In a RGB color space, hex #358e8a is composed of 20.8% red, 55.7% green and 54.1% blue. Whereas in a CMYK color space, it is composed of 62.7% cyan, 0% magenta, 2.8% yellow and 44.3% black. It has a hue angle of 177.3 degrees, a saturation of 45.6% and a lightness of 38.2%. #358e8a color hex could be obtained by blending #6affff with #001d15. Closest websafe color is: #339999.

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

● #358e8a color description : Dark moderate cyan.

The hexadecimal color #358e8a has RGB values of R:53, G:142, B:138 and CMYK values of C:0.63, M:0, Y:0.03, K:0.44. Its decimal value is 3509898.

Hex triplet	358e8a	`#358e8a`
RGB Decimal	53, 142, 138	`rgb(53,142,138)`
RGB Percent	20.8, 55.7, 54.1	`rgb(20.8%,55.7%,54.1%)`
CMYK	63, 0, 3, 44
HSL	177.3°, 45.6, 38.2	`hsl(177.3,45.6%,38.2%)`
HSV (or HSB)	177.3°, 62.7, 55.7
Web Safe	339999	`#339999`

CIE-LAB	53.96, -27.051, -5.723
XYZ	15.727, 21.937, 27.449
xyY	0.242, 0.337, 21.937
CIE-LCH	53.96, 27.649, 191.945
CIE-LUV	53.96, -35.462, -4.283
Hunter-Lab	46.836, -22.025, -1.962
Binary	00110101, 10001110, 10001010

#358e8a
```
#358e8a rgb(53,142,138)
```
#8e3539
```
#8e3539 rgb(142,53,57)
```

Complementary Color

#358e5e
```
#358e5e rgb(53,142,94)
```
#358e8a
```
#358e8a rgb(53,142,138)
```
#35668e
```
#35668e rgb(53,102,142)
```

Analogous Color

#8e5e35
```
#8e5e35 rgb(142,94,53)
```
#358e8a
```
#358e8a rgb(53,142,138)
```
#8e3566
```
#8e3566 rgb(142,53,102)
```

Split Complementary Color

#8e8a35
```
#8e8a35 rgb(142,138,53)
```
#358e8a
```
#358e8a rgb(53,142,138)
```
#8a358e
```
#8a358e rgb(138,53,142)
```

Triadic Color

#398e35
```
#398e35 rgb(57,142,53)
```
#358e8a
```
#358e8a rgb(53,142,138)
```
#8a358e
```
#8a358e rgb(138,53,142)
```
#8e3539
```
#8e3539 rgb(142,53,57)
```

Tetradic Color

#205654
```
#205654 rgb(32,86,84)
```
#276966
```
#276966 rgb(39,105,102)
```
#2e7b78
```
#2e7b78 rgb(46,123,120)
```
#358e8a
```
#358e8a rgb(53,142,138)
```
#3ca19c
```
#3ca19c rgb(60,161,156)
```
#43b3ae
```
#43b3ae rgb(67,179,174)
```
#51beb9
```
#51beb9 rgb(81,190,185)
```

Monochromatic Color

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

#358e74
```
#358e74 rgb(53,142,116)
```
#358e7b
```
#358e7b rgb(53,142,123)
```
#358e83
```
#358e83 rgb(53,142,131)
```
#358e8a
```
#358e8a rgb(53,142,138)
```
#358b8e
```
#358b8e rgb(53,139,142)
```
#35838e
```
#35838e rgb(53,131,142)
```
#357c8e
```
#357c8e rgb(53,124,142)
```

Similar Colors

Text with hexadecimal color #358e8a

This text has a font color of #358e8a.

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

#358e8a background color

This paragraph has a background color of #358e8a.

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

#358e8a border color

This element has a border color of #358e8a.

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

CSS codes

.text {color:#358e8a;}

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

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

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

#050d0d
```
#050d0d rgb(5,13,13)
```
#0a1c1b
```
#0a1c1b rgb(10,28,27)
```
#102a29
```
#102a29 rgb(16,42,41)
```
#153837
```
#153837 rgb(21,56,55)
```
#1a4745
```
#1a4745 rgb(26,71,69)
```
#205552
```
#205552 rgb(32,85,82)
```
#256360
```
#256360 rgb(37,99,96)
```
#2a716e
```
#2a716e rgb(42,113,110)
```
#30807c
```
#30807c rgb(48,128,124)
```
#358e8a
```
#358e8a rgb(53,142,138)
```
#3a9c98
```
#3a9c98 rgb(58,156,152)
```
#40aba6
```
#40aba6 rgb(64,171,166)
```
#45b9b4
```
#45b9b4 rgb(69,185,180)
```

Shade Color Variation

#53bfba
```
#53bfba rgb(83,191,186)
```
#61c4c0
```
#61c4c0 rgb(97,196,192)
```
#6fc9c5
```
#6fc9c5 rgb(111,201,197)
```
#7ecfcb
```
#7ecfcb rgb(126,207,203)
```
#8cd4d1
```
#8cd4d1 rgb(140,212,209)
```
#9ad9d7
```
#9ad9d7 rgb(154,217,215)
```
#a8dfdc
```
#a8dfdc rgb(168,223,220)
```
#b7e4e2
```
#b7e4e2 rgb(183,228,226)
```
#c5e9e8
```
#c5e9e8 rgb(197,233,232)
```
#d3efed
```
#d3efed rgb(211,239,237)
```
#e2f4f3
```
#e2f4f3 rgb(226,244,243)
```
#f0f9f9
```
#f0f9f9 rgb(240,249,249)
```
#feffff
```
#feffff rgb(254,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 #00c3ba is the most saturated one.

#5b6968
```
#5b6968 rgb(91,105,104)
```
#53706f
```
#53706f rgb(83,112,111)
```
#4c7876
```
#4c7876 rgb(76,120,118)
```
#447f7c
```
#447f7c rgb(68,127,124)
```
#3d8783
```
#3d8783 rgb(61,135,131)
```
#358e8a
```
#358e8a rgb(53,142,138)
```
#2e9691
```
#2e9691 rgb(46,150,145)
```
#269d98
```
#269d98 rgb(38,157,152)
```
#1fa59e
```
#1fa59e rgb(31,165,158)
```
#17aca5
```
#17aca5 rgb(23,172,165)
```
#10b4ac
```
#10b4ac rgb(16,180,172)
```
#08bbb3
```
#08bbb3 rgb(8,187,179)
```
#00c3ba
```
#00c3ba rgb(0,195,186)
```

Tone Color Variation

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

Dichromacy

#898688 Protanopia 1% of men
#8d8495 Deuteranopia 1% of men
#46919c Tritanopia 0.001% of the population

Trichromacy

#6a8989 Protanomaly 1% of men, 0.01% of women
#6d8791 Deuteranomaly 6% of men, 0.4% of women
#409095 Tritanomaly 0.01% of the population

#358e8a hex color

#358e8a Color Information

#358e8a Color Conversion

Color Schemes with #358e8a

Alternatives to #358e8a

#358e8a Preview

Shades and Tints of #358e8a

Tones of #358e8a

Color Blindness Simulator