#358f81 hex color

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

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

● #358f81 color description : Dark moderate cyan.

The hexadecimal color #358f81 has RGB values of R:53, G:143, B:129 and CMYK values of C:0.63, M:0, Y:0.1, K:0.44. Its decimal value is 3510145.

Hex triplet	358f81	`#358f81`
RGB Decimal	53, 143, 129	`rgb(53,143,129)`
RGB Percent	20.8, 56.1, 50.6	`rgb(20.8%,56.1%,50.6%)`
CMYK	63, 0, 10, 44
HSL	170.7°, 45.9, 38.4	`hsl(170.7,45.9%,38.4%)`
HSV (or HSB)	170.7°, 62.9, 56.1
Web Safe	339999	`#339999`

CIE-LAB	54.012, -30.069, -0.451
XYZ	15.252, 21.986, 24.208
xyY	0.248, 0.358, 21.986
CIE-LCH	54.012, 30.073, 180.858
CIE-LUV	54.012, -36.35, 3.809
Hunter-Lab	46.889, -23.993, 2.212
Binary	00110101, 10001111, 10000001

#358f81
```
#358f81 rgb(53,143,129)
```
#8f3543
```
#8f3543 rgb(143,53,67)
```

Complementary Color

#358f54
```
#358f54 rgb(53,143,84)
```
#358f81
```
#358f81 rgb(53,143,129)
```
#35708f
```
#35708f rgb(53,112,143)
```

Analogous Color

#8f5435
```
#8f5435 rgb(143,84,53)
```
#358f81
```
#358f81 rgb(53,143,129)
```
#8f3570
```
#8f3570 rgb(143,53,112)
```

Split Complementary Color

#8f8135
```
#8f8135 rgb(143,129,53)
```
#358f81
```
#358f81 rgb(53,143,129)
```
#81358f
```
#81358f rgb(129,53,143)
```

Triadic Color

#438f35
```
#438f35 rgb(67,143,53)
```
#358f81
```
#358f81 rgb(53,143,129)
```
#81358f
```
#81358f rgb(129,53,143)
```
#8f3543
```
#8f3543 rgb(143,53,67)
```

Tetradic Color

#20574f
```
#20574f rgb(32,87,79)
```
#276a5f
```
#276a5f rgb(39,106,95)
```
#2e7c70
```
#2e7c70 rgb(46,124,112)
```
#358f81
```
#358f81 rgb(53,143,129)
```
#3ca292
```
#3ca292 rgb(60,162,146)
```
#43b4a3
```
#43b4a3 rgb(67,180,163)
```
#52bfae
```
#52bfae rgb(82,191,174)
```

Monochromatic Color

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

#358f6b
```
#358f6b rgb(53,143,107)
```
#358f72
```
#358f72 rgb(53,143,114)
```
#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)
```

Similar Colors

Text with hexadecimal color #358f81

This text has a font color of #358f81.

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

#358f81 background color

This paragraph has a background color of #358f81.

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

#358f81 border color

This element has a border color of #358f81.

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

CSS codes

.text {color:#358f81;}

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

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

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

#050e0d
```
#050e0d rgb(5,14,13)
```
#0b1d1a
```
#0b1d1a rgb(11,29,26)
```
#102b27
```
#102b27 rgb(16,43,39)
```
#153934
```
#153934 rgb(21,57,52)
```
#1a4740
```
#1a4740 rgb(26,71,64)
```
#20564d
```
#20564d rgb(32,86,77)
```
#25645a
```
#25645a rgb(37,100,90)
```
#2a7267
```
#2a7267 rgb(42,114,103)
```
#308174
```
#308174 rgb(48,129,116)
```
#358f81
```
#358f81 rgb(53,143,129)
```
#3a9d8e
```
#3a9d8e rgb(58,157,142)
```
#40ac9b
```
#40ac9b rgb(64,172,155)
```
#45baa8
```
#45baa8 rgb(69,186,168)
```

Shade Color Variation

#53bfae
```
#53bfae rgb(83,191,174)
```
#61c5b5
```
#61c5b5 rgb(97,197,181)
```
#70cabc
```
#70cabc rgb(112,202,188)
```
#7ecfc3
```
#7ecfc3 rgb(126,207,195)
```
#8cd5c9
```
#8cd5c9 rgb(140,213,201)
```
#9bdad0
```
#9bdad0 rgb(155,218,208)
```
#a9dfd7
```
#a9dfd7 rgb(169,223,215)
```
#b7e4dd
```
#b7e4dd rgb(183,228,221)
```
#c6eae4
```
#c6eae4 rgb(198,234,228)
```
#d4efeb
```
#d4efeb rgb(212,239,235)
```
#e2f4f2
```
#e2f4f2 rgb(226,244,242)
```
#f1faf8
```
#f1faf8 rgb(241,250,248)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#5b6967
```
#5b6967 rgb(91,105,103)
```
#53716c
```
#53716c rgb(83,113,108)
```
#4c7871
```
#4c7871 rgb(76,120,113)
```
#448077
```
#448077 rgb(68,128,119)
```
#3d877c
```
#3d877c rgb(61,135,124)
```
#358f81
```
#358f81 rgb(53,143,129)
```
#2d9786
```
#2d9786 rgb(45,151,134)
```
#269e8b
```
#269e8b rgb(38,158,139)
```
#1ea691
```
#1ea691 rgb(30,166,145)
```
#17ad96
```
#17ad96 rgb(23,173,150)
```
#0fb59b
```
#0fb59b rgb(15,181,155)
```
#08bca0
```
#08bca0 rgb(8,188,160)
```
#00c4a5
```
#00c4a5 rgb(0,196,165)
```

Tone Color Variation

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

#727272 Achromatopsia 0.005% of the population
#667875 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8b8780 Protanopia 1% of men
#91838d Deuteranopia 1% of men
#49919c Tritanopia 0.001% of the population

Trichromacy

#6c8980 Protanomaly 1% of men, 0.01% of women
#6f8788 Deuteranomaly 6% of men, 0.4% of women
#429092 Tritanomaly 0.01% of the population

#358f81 hex color

#358f81 Color Information

#358f81 Color Conversion

Color Schemes with #358f81

Alternatives to #358f81

#358f81 Preview

Shades and Tints of #358f81

Tones of #358f81

Color Blindness Simulator