#356d66 hex color

In a RGB color space, hex #356d66 is composed of 20.8% red, 42.7% green and 40% blue. Whereas in a CMYK color space, it is composed of 51.4% cyan, 0% magenta, 6.4% yellow and 57.3% black. It has a hue angle of 172.5 degrees, a saturation of 34.6% and a lightness of 31.8%. #356d66 color hex could be obtained by blending #6adacc with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 21
- G 43
- B 40
RGB color chart
- C 51
- M 0
- Y 6
- K 57
CMYK color chart

● #356d66 color description : Very dark desaturated cyan.

The hexadecimal color #356d66 has RGB values of R:53, G:109, B:102 and CMYK values of C:0.51, M:0, Y:0.06, K:0.57. Its decimal value is 3501414.

Hex triplet	356d66	`#356d66`
RGB Decimal	53, 109, 102	`rgb(53,109,102)`
RGB Percent	20.8, 42.7, 40	`rgb(20.8%,42.7%,40%)`
CMYK	51, 0, 6, 57
HSL	172.5°, 34.6, 31.8	`hsl(172.5,34.6%,31.8%)`
HSV (or HSB)	172.5°, 51.4, 42.7
Web Safe	336666	`#336666`

CIE-LAB	42.235, -20.33, -1.774
XYZ	9.334, 12.653, 14.52
xyY	0.256, 0.347, 12.653
CIE-LCH	42.235, 20.407, 184.987
CIE-LUV	42.235, -24.153, 0.49
Hunter-Lab	35.571, -15.407, 0.697
Binary	00110101, 01101101, 01100110

#356d66
```
#356d66 rgb(53,109,102)
```
#6d353c
```
#6d353c rgb(109,53,60)
```

Complementary Color

#356d4a
```
#356d4a rgb(53,109,74)
```
#356d66
```
#356d66 rgb(53,109,102)
```
#35586d
```
#35586d rgb(53,88,109)
```

Analogous Color

#6d4a35
```
#6d4a35 rgb(109,74,53)
```
#356d66
```
#356d66 rgb(53,109,102)
```
#6d3558
```
#6d3558 rgb(109,53,88)
```

Split Complementary Color

#6d6635
```
#6d6635 rgb(109,102,53)
```
#356d66
```
#356d66 rgb(53,109,102)
```
#66356d
```
#66356d rgb(102,53,109)
```

Triadic Color

#3c6d35
```
#3c6d35 rgb(60,109,53)
```
#356d66
```
#356d66 rgb(53,109,102)
```
#66356d
```
#66356d rgb(102,53,109)
```
#6d353c
```
#6d353c rgb(109,53,60)
```

Tetradic Color

#1c3a36
```
#1c3a36 rgb(28,58,54)
```
#244b46
```
#244b46 rgb(36,75,70)
```
#2d5c56
```
#2d5c56 rgb(45,92,86)
```
#356d66
```
#356d66 rgb(53,109,102)
```
#3d7e76
```
#3d7e76 rgb(61,126,118)
```
#468f86
```
#468f86 rgb(70,143,134)
```
#4ea096
```
#4ea096 rgb(78,160,150)
```

Monochromatic Color

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

#356d58
```
#356d58 rgb(53,109,88)
```
#356d5d
```
#356d5d rgb(53,109,93)
```
#356d61
```
#356d61 rgb(53,109,97)
```
#356d66
```
#356d66 rgb(53,109,102)
```
#356d6b
```
#356d6b rgb(53,109,107)
```
#356b6d
```
#356b6d rgb(53,107,109)
```
#35666d
```
#35666d rgb(53,102,109)
```

Similar Colors

Text with hexadecimal color #356d66

This text has a font color of #356d66.

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

#356d66 background color

This paragraph has a background color of #356d66.

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

#356d66 border color

This element has a border color of #356d66.

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

CSS codes

.text {color:#356d66;}

.background {background-color:#356d66;}

.border {border:1px solid #356d66;}

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

#020303
```
#020303 rgb(2,3,3)
```
#081110
```
#081110 rgb(8,17,16)
```
#0e1e1c
```
#0e1e1c rgb(14,30,28)
```
#152b28
```
#152b28 rgb(21,43,40)
```
#1b3835
```
#1b3835 rgb(27,56,53)
```
#224541
```
#224541 rgb(34,69,65)
```
#28534d
```
#28534d rgb(40,83,77)
```
#2f605a
```
#2f605a rgb(47,96,90)
```
#356d66
```
#356d66 rgb(53,109,102)
```
#3b7a72
```
#3b7a72 rgb(59,122,114)
```
#42877f
```
#42877f rgb(66,135,127)
```
#48958b
```
#48958b rgb(72,149,139)
```
#4fa297
```
#4fa297 rgb(79,162,151)
```

Shade Color Variation

#57ada2
```
#57ada2 rgb(87,173,162)
```
#64b4aa
```
#64b4aa rgb(100,180,170)
```
#71bab1
```
#71bab1 rgb(113,186,177)
```
#7ec0b8
```
#7ec0b8 rgb(126,192,184)
```
#8cc7bf
```
#8cc7bf rgb(140,199,191)
```
#99cdc7
```
#99cdc7 rgb(153,205,199)
```
#a6d4ce
```
#a6d4ce rgb(166,212,206)
```
#b3dad5
```
#b3dad5 rgb(179,218,213)
```
#c0e1dd
```
#c0e1dd rgb(192,225,221)
```
#cee7e4
```
#cee7e4 rgb(206,231,228)
```
#dbedeb
```
#dbedeb rgb(219,237,235)
```
#e8f4f2
```
#e8f4f2 rgb(232,244,242)
```
#f5fafa
```
#f5fafa rgb(245,250,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #4e5453 is the less saturated color, while #039f8b is the most saturated one.

#4e5453
```
#4e5453 rgb(78,84,83)
```
#485a58
```
#485a58 rgb(72,90,88)
```
#41615d
```
#41615d rgb(65,97,93)
```
#3b6761
```
#3b6761 rgb(59,103,97)
```
#356d66
```
#356d66 rgb(53,109,102)
```
#2f736b
```
#2f736b rgb(47,115,107)
```
#29796f
```
#29796f rgb(41,121,111)
```
#228074
```
#228074 rgb(34,128,116)
```
#1c8679
```
#1c8679 rgb(28,134,121)
```
#168c7d
```
#168c7d rgb(22,140,125)
```
#109282
```
#109282 rgb(16,146,130)
```
#099987
```
#099987 rgb(9,153,135)
```
#039f8b
```
#039f8b rgb(3,159,139)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#535f5d Atypical Achromatopsia 0.001% of the population

Dichromacy

#6e6b69 Protanopia 1% of men
#726872 Deuteranopia 1% of men
#44727a Tritanopia 0.001% of the population

Trichromacy

#596b67 Protanomaly 1% of men, 0.01% of women
#5c6a6d Deuteranomaly 6% of men, 0.4% of women
#3e7073 Tritanomaly 0.01% of the population

#356d66 hex color

#356d66 Color Information

#356d66 Color Conversion

Color Schemes with #356d66

Alternatives to #356d66

#356d66 Preview

Shades and Tints of #356d66

Tones of #356d66

Color Blindness Simulator