#358581 hex color

In a RGB color space, hex #358581 is composed of 20.8% red, 52.2% green and 50.6% blue. Whereas in a CMYK color space, it is composed of 60.2% cyan, 0% magenta, 3% yellow and 47.8% black. It has a hue angle of 177 degrees, a saturation of 43% and a lightness of 36.5%. #358581 color hex could be obtained by blending #6affff with #000b03. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 21
- G 52
- B 51
RGB color chart
- C 60
- M 0
- Y 3
- K 48
CMYK color chart

● #358581 color description : Dark moderate cyan.

The hexadecimal color #358581 has RGB values of R:53, G:133, B:129 and CMYK values of C:0.6, M:0, Y:0.03, K:0.48. Its decimal value is 3507585.

Hex triplet	358581	`#358581`
RGB Decimal	53, 133, 129	`rgb(53,133,129)`
RGB Percent	20.8, 52.2, 50.6	`rgb(20.8%,52.2%,50.6%)`
CMYK	60, 0, 3, 48
HSL	177°, 43, 36.5	`hsl(177,43%,36.5%)`
HSV (or HSB)	177°, 60.2, 52.2
Web Safe	339999	`#339999`

CIE-LAB	50.822, -25.125, -5.146
XYZ	13.817, 19.116, 23.729
xyY	0.244, 0.337, 19.116
CIE-LCH	50.822, 25.647, 191.575
CIE-LUV	50.822, -32.484, -3.657
Hunter-Lab	43.722, -20.103, -1.574
Binary	00110101, 10000101, 10000001

#358581
```
#358581 rgb(53,133,129)
```
#853539
```
#853539 rgb(133,53,57)
```

Complementary Color

#358559
```
#358559 rgb(53,133,89)
```
#358581
```
#358581 rgb(53,133,129)
```
#356185
```
#356185 rgb(53,97,133)
```

Analogous Color

#855935
```
#855935 rgb(133,89,53)
```
#358581
```
#358581 rgb(53,133,129)
```
#853561
```
#853561 rgb(133,53,97)
```

Split Complementary Color

#858135
```
#858135 rgb(133,129,53)
```
#358581
```
#358581 rgb(53,133,129)
```
#813585
```
#813585 rgb(129,53,133)
```

Triadic Color

#398535
```
#398535 rgb(57,133,53)
```
#358581
```
#358581 rgb(53,133,129)
```
#813585
```
#813585 rgb(129,53,133)
```
#853539
```
#853539 rgb(133,53,57)
```

Tetradic Color

#1f4e4c
```
#1f4e4c rgb(31,78,76)
```
#26615e
```
#26615e rgb(38,97,94)
```
#2e736f
```
#2e736f rgb(46,115,111)
```
#358581
```
#358581 rgb(53,133,129)
```
#3c9793
```
#3c9793 rgb(60,151,147)
```
#44a9a4
```
#44a9a4 rgb(68,169,164)
```
#4eb8b3
```
#4eb8b3 rgb(78,184,179)
```

Monochromatic Color

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

#35856d
```
#35856d rgb(53,133,109)
```
#358574
```
#358574 rgb(53,133,116)
```
#35857a
```
#35857a rgb(53,133,122)
```
#358581
```
#358581 rgb(53,133,129)
```
#358285
```
#358285 rgb(53,130,133)
```
#357c85
```
#357c85 rgb(53,124,133)
```
#357585
```
#357585 rgb(53,117,133)
```

Similar Colors

Text with hexadecimal color #358581

This text has a font color of #358581.

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

#358581 background color

This paragraph has a background color of #358581.

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

#358581 border color

This element has a border color of #358581.

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

CSS codes

.text {color:#358581;}

.background {background-color:#358581;}

.border {border:1px solid #358581;}

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

#030707
```
#030707 rgb(3,7,7)
```
#081514
```
#081514 rgb(8,21,20)
```
#0e2322
```
#0e2322 rgb(14,35,34)
```
#13312f
```
#13312f rgb(19,49,47)
```
#193f3d
```
#193f3d rgb(25,63,61)
```
#1f4d4b
```
#1f4d4b rgb(31,77,75)
```
#245b58
```
#245b58 rgb(36,91,88)
```
#2a6966
```
#2a6966 rgb(42,105,102)
```
#2f7773
```
#2f7773 rgb(47,119,115)
```
#358581
```
#358581 rgb(53,133,129)
```
#3b938f
```
#3b938f rgb(59,147,143)
```
#40a19c
```
#40a19c rgb(64,161,156)
```
#46afaa
```
#46afaa rgb(70,175,170)
```

Shade Color Variation

#4fb9b4
```
#4fb9b4 rgb(79,185,180)
```
#5dbfba
```
#5dbfba rgb(93,191,186)
```
#6bc4c0
```
#6bc4c0 rgb(107,196,192)
```
#7acac6
```
#7acac6 rgb(122,202,198)
```
#88cfcc
```
#88cfcc rgb(136,207,204)
```
#96d5d2
```
#96d5d2 rgb(150,213,210)
```
#a4dbd8
```
#a4dbd8 rgb(164,219,216)
```
#b2e0de
```
#b2e0de rgb(178,224,222)
```
#c0e6e4
```
#c0e6e4 rgb(192,230,228)
```
#ceebea
```
#ceebea rgb(206,235,234)
```
#dcf1f0
```
#dcf1f0 rgb(220,241,240)
```
#eaf7f6
```
#eaf7f6 rgb(234,247,246)
```
#f8fcfc
```
#f8fcfc rgb(248,252,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #596161 is the less saturated color, while #03b7ae is the most saturated one.

#596161
```
#596161 rgb(89,97,97)
```
#526867
```
#526867 rgb(82,104,103)
```
#4a706e
```
#4a706e rgb(74,112,110)
```
#437774
```
#437774 rgb(67,119,116)
```
#3c7e7b
```
#3c7e7b rgb(60,126,123)
```
#358581
```
#358581 rgb(53,133,129)
```
#2e8c87
```
#2e8c87 rgb(46,140,135)
```
#27938e
```
#27938e rgb(39,147,142)
```
#209a94
```
#209a94 rgb(32,154,148)
```
#18a29b
```
#18a29b rgb(24,162,155)
```
#11a9a1
```
#11a9a1 rgb(17,169,161)
```
#0ab0a8
```
#0ab0a8 rgb(10,176,168)
```
#03b7ae
```
#03b7ae rgb(3,183,174)
```

Tone Color Variation

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

#6d6d6d Achromatopsia 0.005% of the population
#627271 Atypical Achromatopsia 0.001% of the population

Dichromacy

#817f81 Protanopia 1% of men
#857c8c Deuteranopia 1% of men
#458993 Tritanopia 0.001% of the population

Trichromacy

#658181 Protanomaly 1% of men, 0.01% of women
#687f88 Deuteranomaly 6% of men, 0.4% of women
#3f878c Tritanomaly 0.01% of the population

#358581 hex color

#358581 Color Information

#358581 Color Conversion

Color Schemes with #358581

Alternatives to #358581

#358581 Preview

Shades and Tints of #358581

Tones of #358581

Color Blindness Simulator