#356158 hex color

In a RGB color space, hex #356158 is composed of 20.8% red, 38% green and 34.5% blue. Whereas in a CMYK color space, it is composed of 45.4% cyan, 0% magenta, 9.3% yellow and 62% black. It has a hue angle of 167.7 degrees, a saturation of 29.3% and a lightness of 29.4%. #356158 color hex could be obtained by blending #6ac2b0 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 21
- G 38
- B 35
RGB color chart
- C 45
- M 0
- Y 9
- K 62
CMYK color chart

● #356158 color description : Very dark desaturated cyan.

The hexadecimal color #356158 has RGB values of R:53, G:97, B:88 and CMYK values of C:0.45, M:0, Y:0.09, K:0.62. Its decimal value is 3498328.

Hex triplet	356158	`#356158`
RGB Decimal	53, 97, 88	`rgb(53,97,88)`
RGB Percent	20.8, 38, 34.5	`rgb(20.8%,38%,34.5%)`
CMYK	45, 0, 9, 62
HSL	167.7°, 29.3, 29.4	`hsl(167.7,29.3%,29.4%)`
HSV (or HSB)	167.7°, 45.4, 38
Web Safe	336666	`#336666`

CIE-LAB	37.861, -17.664, 0.373
XYZ	7.504, 10.01, 10.769
xyY	0.265, 0.354, 10.01
CIE-LCH	37.861, 17.668, 178.79
CIE-LUV	37.861, -19.607, 2.916
Hunter-Lab	31.639, -13.034, 1.967
Binary	00110101, 01100001, 01011000

#356158
```
#356158 rgb(53,97,88)
```
#61353e
```
#61353e rgb(97,53,62)
```

Complementary Color

#356142
```
#356142 rgb(53,97,66)
```
#356158
```
#356158 rgb(53,97,88)
```
#355461
```
#355461 rgb(53,84,97)
```

Analogous Color

#614235
```
#614235 rgb(97,66,53)
```
#356158
```
#356158 rgb(53,97,88)
```
#613554
```
#613554 rgb(97,53,84)
```

Split Complementary Color

#615835
```
#615835 rgb(97,88,53)
```
#356158
```
#356158 rgb(53,97,88)
```
#583561
```
#583561 rgb(88,53,97)
```

Triadic Color

#3e6135
```
#3e6135 rgb(62,97,53)
```
#356158
```
#356158 rgb(53,97,88)
```
#583561
```
#583561 rgb(88,53,97)
```
#61353e
```
#61353e rgb(97,53,62)
```

Tetradic Color

#1a302b
```
#1a302b rgb(26,48,43)
```
#23403a
```
#23403a rgb(35,64,58)
```
#2c5149
```
#2c5149 rgb(44,81,73)
```
#356158
```
#356158 rgb(53,97,88)
```
#3e7167
```
#3e7167 rgb(62,113,103)
```
#478276
```
#478276 rgb(71,130,118)
```
#509285
```
#509285 rgb(80,146,133)
```

Monochromatic Color

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

#35614d
```
#35614d rgb(53,97,77)
```
#356151
```
#356151 rgb(53,97,81)
```
#356154
```
#356154 rgb(53,97,84)
```
#356158
```
#356158 rgb(53,97,88)
```
#35615c
```
#35615c rgb(53,97,92)
```
#35615f
```
#35615f rgb(53,97,95)
```
#355f61
```
#355f61 rgb(53,95,97)
```

Similar Colors

Text with hexadecimal color #356158

This text has a font color of #356158.

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

#356158 background color

This paragraph has a background color of #356158.

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

#356158 border color

This element has a border color of #356158.

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

CSS codes

.text {color:#356158;}

.background {background-color:#356158;}

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

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

#040807
```
#040807 rgb(4,8,7)
```
#0b1513
```
#0b1513 rgb(11,21,19)
```
#12221e
```
#12221e rgb(18,34,30)
```
#192e2a
```
#192e2a rgb(25,46,42)
```
#203b35
```
#203b35 rgb(32,59,53)
```
#274841
```
#274841 rgb(39,72,65)
```
#2e544c
```
#2e544c rgb(46,84,76)
```
#356158
```
#356158 rgb(53,97,88)
```
#3c6e64
```
#3c6e64 rgb(60,110,100)
```
#437a6f
```
#437a6f rgb(67,122,111)
```
#4a877b
```
#4a877b rgb(74,135,123)
```
#519486
```
#519486 rgb(81,148,134)
```
#58a092
```
#58a092 rgb(88,160,146)
```

Shade Color Variation

#62a99b
```
#62a99b rgb(98,169,155)
```
#6fb0a3
```
#6fb0a3 rgb(111,176,163)
```
#7cb7ab
```
#7cb7ab rgb(124,183,171)
```
#88beb3
```
#88beb3 rgb(136,190,179)
```
#95c5bb
```
#95c5bb rgb(149,197,187)
```
#a2ccc3
```
#a2ccc3 rgb(162,204,195)
```
#aed3cb
```
#aed3cb rgb(174,211,203)
```
#bbdad4
```
#bbdad4 rgb(187,218,212)
```
#c8e1dc
```
#c8e1dc rgb(200,225,220)
```
#d4e8e4
```
#d4e8e4 rgb(212,232,228)
```
#e1efec
```
#e1efec rgb(225,239,236)
```
#eef6f4
```
#eef6f4 rgb(238,246,244)
```
#fbfdfc
```
#fbfdfc rgb(251,253,252)
```

Tint Color Variation

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

#46504e
```
#46504e rgb(70,80,78)
```
#415551
```
#415551 rgb(65,85,81)
```
#3b5b55
```
#3b5b55 rgb(59,91,85)
```
#356158
```
#356158 rgb(53,97,88)
```
#2f675b
```
#2f675b rgb(47,103,91)
```
#296d5f
```
#296d5f rgb(41,109,95)
```
#247262
```
#247262 rgb(36,114,98)
```
#1e7866
```
#1e7866 rgb(30,120,102)
```
#187e69
```
#187e69 rgb(24,126,105)
```
#12846c
```
#12846c rgb(18,132,108)
```
#0d8970
```
#0d8970 rgb(13,137,112)
```
#078f73
```
#078f73 rgb(7,143,115)
```
#019577
```
#019577 rgb(1,149,119)
```

Tone Color Variation

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

#535353 Achromatopsia 0.005% of the population
#4d5654 Atypical Achromatopsia 0.001% of the population

Dichromacy

#64615c Protanopia 1% of men
#695e64 Deuteranopia 1% of men
#44676e Tritanopia 0.001% of the population

Trichromacy

#53615a Protanomaly 1% of men, 0.01% of women
#565f5f Deuteranomaly 6% of men, 0.4% of women
#3e6466 Tritanomaly 0.01% of the population

#356158 hex color

#356158 Color Information

#356158 Color Conversion

Color Schemes with #356158

Alternatives to #356158

#356158 Preview

Shades and Tints of #356158

Tones of #356158

Color Blindness Simulator