#358e7a hex color

In a RGB color space, hex #358e7a is composed of 20.8% red, 55.7% green and 47.8% blue. Whereas in a CMYK color space, it is composed of 62.7% cyan, 0% magenta, 14.1% yellow and 44.3% black. It has a hue angle of 166.5 degrees, a saturation of 45.6% and a lightness of 38.2%. #358e7a color hex could be obtained by blending #6afff4 with #001d00. Closest websafe color is: #339966.

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

● #358e7a color description : Dark moderate cyan.

The hexadecimal color #358e7a has RGB values of R:53, G:142, B:122 and CMYK values of C:0.63, M:0, Y:0.14, K:0.44. Its decimal value is 3509882.

Hex triplet	358e7a	`#358e7a`
RGB Decimal	53, 142, 122	`rgb(53,142,122)`
RGB Percent	20.8, 55.7, 47.8	`rgb(20.8%,55.7%,47.8%)`
CMYK	63, 0, 14, 44
HSL	166.5°, 45.6, 38.2	`hsl(166.5,45.6%,38.2%)`
HSV (or HSB)	166.5°, 62.7, 55.7
Web Safe	339966	`#339966`

CIE-LAB	53.5, -31.467, 2.842
XYZ	14.653, 21.507, 21.79
xyY	0.253, 0.371, 21.507
CIE-LCH	53.5, 31.595, 174.839
CIE-LUV	53.5, -36.351, 8.632
Hunter-Lab	46.375, -24.758, 4.604
Binary	00110101, 10001110, 01111010

#358e7a
```
#358e7a rgb(53,142,122)
```
#8e3549
```
#8e3549 rgb(142,53,73)
```

Complementary Color

#358e4e
```
#358e4e rgb(53,142,78)
```
#358e7a
```
#358e7a rgb(53,142,122)
```
#35768e
```
#35768e rgb(53,118,142)
```

Analogous Color

#8e4e35
```
#8e4e35 rgb(142,78,53)
```
#358e7a
```
#358e7a rgb(53,142,122)
```
#8e3576
```
#8e3576 rgb(142,53,118)
```

Split Complementary Color

#8e7a35
```
#8e7a35 rgb(142,122,53)
```
#358e7a
```
#358e7a rgb(53,142,122)
```
#7a358e
```
#7a358e rgb(122,53,142)
```

Triadic Color

#498e35
```
#498e35 rgb(73,142,53)
```
#358e7a
```
#358e7a rgb(53,142,122)
```
#7a358e
```
#7a358e rgb(122,53,142)
```
#8e3549
```
#8e3549 rgb(142,53,73)
```

Tetradic Color

#20564a
```
#20564a rgb(32,86,74)
```
#27695a
```
#27695a rgb(39,105,90)
```
#2e7b6a
```
#2e7b6a rgb(46,123,106)
```
#358e7a
```
#358e7a rgb(53,142,122)
```
#3ca18a
```
#3ca18a rgb(60,161,138)
```
#43b39a
```
#43b39a rgb(67,179,154)
```
#51bea6
```
#51bea6 rgb(81,190,166)
```

Monochromatic Color

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

#358e64
```
#358e64 rgb(53,142,100)
```
#358e6b
```
#358e6b rgb(53,142,107)
```
#358e73
```
#358e73 rgb(53,142,115)
```
#358e7a
```
#358e7a rgb(53,142,122)
```
#358e81
```
#358e81 rgb(53,142,129)
```
#358e89
```
#358e89 rgb(53,142,137)
```
#358c8e
```
#358c8e rgb(53,140,142)
```

Similar Colors

Text with hexadecimal color #358e7a

This text has a font color of #358e7a.

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

#358e7a background color

This paragraph has a background color of #358e7a.

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

#358e7a border color

This element has a border color of #358e7a.

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

CSS codes

.text {color:#358e7a;}

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

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

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

#050d0c
```
#050d0c rgb(5,13,12)
```
#0a1c18
```
#0a1c18 rgb(10,28,24)
```
#102a24
```
#102a24 rgb(16,42,36)
```
#153830
```
#153830 rgb(21,56,48)
```
#1a473d
```
#1a473d rgb(26,71,61)
```
#205549
```
#205549 rgb(32,85,73)
```
#256355
```
#256355 rgb(37,99,85)
```
#2a7161
```
#2a7161 rgb(42,113,97)
```
#30806e
```
#30806e rgb(48,128,110)
```
#358e7a
```
#358e7a rgb(53,142,122)
```
#3a9c86
```
#3a9c86 rgb(58,156,134)
```
#40ab93
```
#40ab93 rgb(64,171,147)
```
#45b99f
```
#45b99f rgb(69,185,159)
```

Shade Color Variation

#53bfa6
```
#53bfa6 rgb(83,191,166)
```
#61c4ae
```
#61c4ae rgb(97,196,174)
```
#6fc9b5
```
#6fc9b5 rgb(111,201,181)
```
#7ecfbc
```
#7ecfbc rgb(126,207,188)
```
#8cd4c4
```
#8cd4c4 rgb(140,212,196)
```
#9ad9cb
```
#9ad9cb rgb(154,217,203)
```
#a8dfd3
```
#a8dfd3 rgb(168,223,211)
```
#b7e4da
```
#b7e4da rgb(183,228,218)
```
#c5e9e1
```
#c5e9e1 rgb(197,233,225)
```
#d3efe9
```
#d3efe9 rgb(211,239,233)
```
#e2f4f0
```
#e2f4f0 rgb(226,244,240)
```
#f0f9f7
```
#f0f9f7 rgb(240,249,247)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#5b6965
```
#5b6965 rgb(91,105,101)
```
#537069
```
#537069 rgb(83,112,105)
```
#4c786e
```
#4c786e rgb(76,120,110)
```
#447f72
```
#447f72 rgb(68,127,114)
```
#3d8776
```
#3d8776 rgb(61,135,118)
```
#358e7a
```
#358e7a rgb(53,142,122)
```
#2e967e
```
#2e967e rgb(46,150,126)
```
#269d82
```
#269d82 rgb(38,157,130)
```
#1fa586
```
#1fa586 rgb(31,165,134)
```
#17ac8b
```
#17ac8b rgb(23,172,139)
```
#10b48f
```
#10b48f rgb(16,180,143)
```
#08bb93
```
#08bb93 rgb(8,187,147)
```
#00c397
```
#00c397 rgb(0,195,151)
```

Tone Color Variation

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

#717171 Achromatopsia 0.005% of the population
#657773 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8b857a Protanopia 1% of men
#928287 Deuteranopia 1% of men
#4b909a Tritanopia 0.001% of the population

Trichromacy

#6c887a Protanomaly 1% of men, 0.01% of women
#708682 Deuteranomaly 6% of men, 0.4% of women
#438f8e Tritanomaly 0.01% of the population

#358e7a hex color

#358e7a Color Information

#358e7a Color Conversion

Color Schemes with #358e7a

Alternatives to #358e7a

#358e7a Preview

Shades and Tints of #358e7a

Tones of #358e7a

Color Blindness Simulator