#358e9a hex color

In a RGB color space, hex #358e9a is composed of 20.8% red, 55.7% green and 60.4% blue. Whereas in a CMYK color space, it is composed of 65.6% cyan, 7.8% magenta, 0% yellow and 39.6% black. It has a hue angle of 187.1 degrees, a saturation of 48.8% and a lightness of 40.6%. #358e9a color hex could be obtained by blending #6affff with #001d35. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 21
- G 56
- B 60
RGB color chart
- C 66
- M 8
- Y 0
- K 40
CMYK color chart

● #358e9a color description : Dark moderate cyan.

The hexadecimal color #358e9a has RGB values of R:53, G:142, B:154 and CMYK values of C:0.66, M:0.08, Y:0, K:0.4. Its decimal value is 3509914.

Hex triplet	358e9a	`#358e9a`
RGB Decimal	53, 142, 154	`rgb(53,142,154)`
RGB Percent	20.8, 55.7, 60.4	`rgb(20.8%,55.7%,60.4%)`
CMYK	66, 8, 0, 40
HSL	187.1°, 48.8, 40.6	`hsl(187.1,48.8%,40.6%)`
HSV (or HSB)	187.1°, 65.6, 60.4
Web Safe	339999	`#339999`

CIE-LAB	54.485, -22.255, -14.168
XYZ	16.972, 22.435, 34.006
xyY	0.231, 0.306, 22.435
CIE-LCH	54.485, 26.382, 212.482
CIE-LUV	54.485, -34.565, -17.758
Hunter-Lab	47.365, -18.927, -9.412
Binary	00110101, 10001110, 10011010

#358e9a
```
#358e9a rgb(53,142,154)
```
#9a4135
```
#9a4135 rgb(154,65,53)
```

Complementary Color

#359a74
```
#359a74 rgb(53,154,116)
```
#358e9a
```
#358e9a rgb(53,142,154)
```
#355c9a
```
#355c9a rgb(53,92,154)
```

Analogous Color

#9a7435
```
#9a7435 rgb(154,116,53)
```
#358e9a
```
#358e9a rgb(53,142,154)
```
#9a355c
```
#9a355c rgb(154,53,92)
```

Split Complementary Color

#8e9a35
```
#8e9a35 rgb(142,154,53)
```
#358e9a
```
#358e9a rgb(53,142,154)
```
#9a358e
```
#9a358e rgb(154,53,142)
```

Triadic Color

#359a41
```
#359a41 rgb(53,154,65)
```
#358e9a
```
#358e9a rgb(53,142,154)
```
#9a358e
```
#9a358e rgb(154,53,142)
```
#9a4135
```
#9a4135 rgb(154,65,53)
```

Tetradic Color

#215a61
```
#215a61 rgb(33,90,97)
```
#286b74
```
#286b74 rgb(40,107,116)
```
#2e7d87
```
#2e7d87 rgb(46,125,135)
```
#358e9a
```
#358e9a rgb(53,142,154)
```
#3c9fad
```
#3c9fad rgb(60,159,173)
```
#44b0be
```
#44b0be rgb(68,176,190)
```
#56b8c5
```
#56b8c5 rgb(86,184,197)
```

Monochromatic Color

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

#359a8d
```
#359a8d rgb(53,154,141)
```
#359a95
```
#359a95 rgb(53,154,149)
```
#35969a
```
#35969a rgb(53,150,154)
```
#358e9a
```
#358e9a rgb(53,142,154)
```
#35869a
```
#35869a rgb(53,134,154)
```
#357d9a
```
#357d9a rgb(53,125,154)
```
#35759a
```
#35759a rgb(53,117,154)
```

Similar Colors

Text with hexadecimal color #358e9a

This text has a font color of #358e9a.

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

#358e9a background color

This paragraph has a background color of #358e9a.

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

#358e9a border color

This element has a border color of #358e9a.

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

CSS codes

.text {color:#358e9a;}

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

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

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, #030708 is the darkest color, while #f8fcfd is the lightest one.

#030708
```
#030708 rgb(3,7,8)
```
#081517
```
#081517 rgb(8,21,23)
```
#0d2225
```
#0d2225 rgb(13,34,37)
```
#123034
```
#123034 rgb(18,48,52)
```
#173d42
```
#173d42 rgb(23,61,66)
```
#1c4b51
```
#1c4b51 rgb(28,75,81)
```
#215860
```
#215860 rgb(33,88,96)
```
#26666e
```
#26666e rgb(38,102,110)
```
#2b737d
```
#2b737d rgb(43,115,125)
```
#30818b
```
#30818b rgb(48,129,139)
```
#358e9a
```
#358e9a rgb(53,142,154)
```
#3a9ba9
```
#3a9ba9 rgb(58,155,169)
```
#3fa9b7
```
#3fa9b7 rgb(63,169,183)
```

Shade Color Variation

#49b2c0
```
#49b2c0 rgb(73,178,192)
```
#58b8c6
```
#58b8c6 rgb(88,184,198)
```
#67bfcb
```
#67bfcb rgb(103,191,203)
```
#75c5d0
```
#75c5d0 rgb(117,197,208)
```
#84cbd5
```
#84cbd5 rgb(132,203,213)
```
#92d1da
```
#92d1da rgb(146,209,218)
```
#a1d7df
```
#a1d7df rgb(161,215,223)
```
#b0dde4
```
#b0dde4 rgb(176,221,228)
```
#bee4e9
```
#bee4e9 rgb(190,228,233)
```
#cdeaee
```
#cdeaee rgb(205,234,238)
```
#dbf0f3
```
#dbf0f3 rgb(219,240,243)
```
#eaf6f8
```
#eaf6f8 rgb(234,246,248)
```
#f8fcfd
```
#f8fcfd rgb(248,252,253)
```

Tint Color Variation

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

#656a6a
```
#656a6a rgb(101,106,106)
```
#5d7072
```
#5d7072 rgb(93,112,114)
```
#55767a
```
#55767a rgb(85,118,122)
```
#4d7c82
```
#4d7c82 rgb(77,124,130)
```
#45828a
```
#45828a rgb(69,130,138)
```
#3d8892
```
#3d8892 rgb(61,136,146)
```
#358e9a
```
#358e9a rgb(53,142,154)
```
#2d94a2
```
#2d94a2 rgb(45,148,162)
```
#259aaa
```
#259aaa rgb(37,154,170)
```
#1da0b2
```
#1da0b2 rgb(29,160,178)
```
#15a6ba
```
#15a6ba rgb(21,166,186)
```
#0dacc2
```
#0dacc2 rgb(13,172,194)
```
#05b2ca
```
#05b2ca rgb(5,178,202)
```

Tone Color Variation

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

Dichromacy

#868798 Protanopia 1% of men
#8686a4 Deuteranopia 1% of men
#3f939e Tritanopia 0.001% of the population

Trichromacy

#688a98 Protanomaly 1% of men, 0.01% of women
#6989a0 Deuteranomaly 6% of men, 0.4% of women
#3b919d Tritanomaly 0.01% of the population

#358e9a hex color

#358e9a Color Information

#358e9a Color Conversion

Color Schemes with #358e9a

Alternatives to #358e9a

#358e9a Preview

Shades and Tints of #358e9a

Tones of #358e9a

Color Blindness Simulator