#358e9d hex color

In a RGB color space, hex #358e9d is composed of 20.8% red, 55.7% green and 61.6% blue. Whereas in a CMYK color space, it is composed of 66.2% cyan, 9.6% magenta, 0% yellow and 38.4% black. It has a hue angle of 188.7 degrees, a saturation of 49.5% and a lightness of 41.2%. #358e9d color hex could be obtained by blending #6affff with #001d3b. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 21
- G 56
- B 62
RGB color chart
- C 66
- M 10
- Y 0
- K 38
CMYK color chart

● #358e9d color description : Dark moderate cyan.

The hexadecimal color #358e9d has RGB values of R:53, G:142, B:157 and CMYK values of C:0.66, M:0.1, Y:0, K:0.38. Its decimal value is 3509917.

Hex triplet	358e9d	`#358e9d`
RGB Decimal	53, 142, 157	`rgb(53,142,157)`
RGB Percent	20.8, 55.7, 61.6	`rgb(20.8%,55.7%,61.6%)`
CMYK	66, 10, 0, 38
HSL	188.7°, 49.5, 41.2	`hsl(188.7,49.5%,41.2%)`
HSV (or HSB)	188.7°, 66.2, 61.6
Web Safe	339999	`#339999`

CIE-LAB	54.591, -21.319, -15.736
XYZ	17.225, 22.536, 35.338
xyY	0.229, 0.3, 22.536
CIE-LCH	54.591, 26.497, 216.431
CIE-LUV	54.591, -34.398, -20.325
Hunter-Lab	47.472, -18.307, -10.906
Binary	00110101, 10001110, 10011101

#358e9d
```
#358e9d rgb(53,142,157)
```
#9d4435
```
#9d4435 rgb(157,68,53)
```

Complementary Color

#359d78
```
#359d78 rgb(53,157,120)
```
#358e9d
```
#358e9d rgb(53,142,157)
```
#355a9d
```
#355a9d rgb(53,90,157)
```

Analogous Color

#9d7835
```
#9d7835 rgb(157,120,53)
```
#358e9d
```
#358e9d rgb(53,142,157)
```
#9d355a
```
#9d355a rgb(157,53,90)
```

Split Complementary Color

#8e9d35
```
#8e9d35 rgb(142,157,53)
```
#358e9d
```
#358e9d rgb(53,142,157)
```
#9d358e
```
#9d358e rgb(157,53,142)
```

Triadic Color

#359d44
```
#359d44 rgb(53,157,68)
```
#358e9d
```
#358e9d rgb(53,142,157)
```
#9d358e
```
#9d358e rgb(157,53,142)
```
#9d4435
```
#9d4435 rgb(157,68,53)
```

Tetradic Color

#225a64
```
#225a64 rgb(34,90,100)
```
#286c77
```
#286c77 rgb(40,108,119)
```
#2f7d8a
```
#2f7d8a rgb(47,125,138)
```
#358e9d
```
#358e9d rgb(53,142,157)
```
#3b9fb0
```
#3b9fb0 rgb(59,159,176)
```
#45aec0
```
#45aec0 rgb(69,174,192)
```
#58b7c7
```
#58b7c7 rgb(88,183,199)
```

Monochromatic Color

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

#359d92
```
#359d92 rgb(53,157,146)
```
#359d9b
```
#359d9b rgb(53,157,155)
```
#35979d
```
#35979d rgb(53,151,157)
```
#358e9d
```
#358e9d rgb(53,142,157)
```
#35859d
```
#35859d rgb(53,133,157)
```
#357d9d
```
#357d9d rgb(53,125,157)
```
#35749d
```
#35749d rgb(53,116,157)
```

Similar Colors

Text with hexadecimal color #358e9d

This text has a font color of #358e9d.

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

#358e9d background color

This paragraph has a background color of #358e9d.

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

#358e9d border color

This element has a border color of #358e9d.

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

CSS codes

.text {color:#358e9d;}

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

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

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, #03090a is the darkest color, while #fbfdfe is the lightest one.

#03090a
```
#03090a rgb(3,9,10)
```
#081719
```
#081719 rgb(8,23,25)
```
#0d2428
```
#0d2428 rgb(13,36,40)
```
#123136
```
#123136 rgb(18,49,54)
```
#173e45
```
#173e45 rgb(23,62,69)
```
#1c4c54
```
#1c4c54 rgb(28,76,84)
```
#215962
```
#215962 rgb(33,89,98)
```
#266671
```
#266671 rgb(38,102,113)
```
#2b7380
```
#2b7380 rgb(43,115,128)
```
#30818e
```
#30818e rgb(48,129,142)
```
#358e9d
```
#358e9d rgb(53,142,157)
```
#3a9bac
```
#3a9bac rgb(58,155,172)
```
#3fa9ba
```
#3fa9ba rgb(63,169,186)
```

Shade Color Variation

#4bb1c2
```
#4bb1c2 rgb(75,177,194)
```
#59b7c7
```
#59b7c7 rgb(89,183,199)
```
#68becc
```
#68becc rgb(104,190,204)
```
#77c4d1
```
#77c4d1 rgb(119,196,209)
```
#85cad6
```
#85cad6 rgb(133,202,214)
```
#94d1db
```
#94d1db rgb(148,209,219)
```
#a3d7e0
```
#a3d7e0 rgb(163,215,224)
```
#b1dde5
```
#b1dde5 rgb(177,221,229)
```
#c0e4ea
```
#c0e4ea rgb(192,228,234)
```
#cfeaef
```
#cfeaef rgb(207,234,239)
```
#ddf0f4
```
#ddf0f4 rgb(221,240,244)
```
#ecf7f9
```
#ecf7f9 rgb(236,247,249)
```
#fbfdfe
```
#fbfdfe rgb(251,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #656c6d is the less saturated color, while #05b0cd is the most saturated one.

#656c6d
```
#656c6d rgb(101,108,109)
```
#5d7175
```
#5d7175 rgb(93,113,117)
```
#55777d
```
#55777d rgb(85,119,125)
```
#4d7d85
```
#4d7d85 rgb(77,125,133)
```
#45838d
```
#45838d rgb(69,131,141)
```
#3d8895
```
#3d8895 rgb(61,136,149)
```
#358e9d
```
#358e9d rgb(53,142,157)
```
#2d94a5
```
#2d94a5 rgb(45,148,165)
```
#2599ad
```
#2599ad rgb(37,153,173)
```
#1d9fb5
```
#1d9fb5 rgb(29,159,181)
```
#15a5bd
```
#15a5bd rgb(21,165,189)
```
#0dabc5
```
#0dabc5 rgb(13,171,197)
```
#05b0cd
```
#05b0cd rgb(5,176,205)
```

Tone Color Variation

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

#757575 Achromatopsia 0.005% of the population
#687a7d Atypical Achromatopsia 0.001% of the population

Dichromacy

#85889a Protanopia 1% of men
#8586a7 Deuteranopia 1% of men
#3d949f Tritanopia 0.001% of the population

Trichromacy

#688a9b Protanomaly 1% of men, 0.01% of women
#6889a3 Deuteranomaly 6% of men, 0.4% of women
#3a929e Tritanomaly 0.01% of the population

#358e9d hex color

#358e9d Color Information

#358e9d Color Conversion

Color Schemes with #358e9d

Alternatives to #358e9d

#358e9d Preview

Shades and Tints of #358e9d

Tones of #358e9d

Color Blindness Simulator