#356e6c hex color

In a RGB color space, hex #356e6c is composed of 20.8% red, 43.1% green and 42.4% blue. Whereas in a CMYK color space, it is composed of 51.8% cyan, 0% magenta, 1.8% yellow and 56.9% black. It has a hue angle of 177.9 degrees, a saturation of 35% and a lightness of 32%. #356e6c color hex could be obtained by blending #6adcd8 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 21
- G 43
- B 42
RGB color chart
- C 52
- M 0
- Y 2
- K 57
CMYK color chart

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

The hexadecimal color #356e6c has RGB values of R:53, G:110, B:108 and CMYK values of C:0.52, M:0, Y:0.02, K:0.57. Its decimal value is 3501676.

Hex triplet	356e6c	`#356e6c`
RGB Decimal	53, 110, 108	`rgb(53,110,108)`
RGB Percent	20.8, 43.1, 42.4	`rgb(20.8%,43.1%,42.4%)`
CMYK	52, 0, 2, 57
HSL	177.9°, 35, 32	`hsl(177.9,35%,32%)`
HSV (or HSB)	177.9°, 51.8, 43.1
Web Safe	336666	`#336666`

CIE-LAB	42.749, -19.17, -4.643
XYZ	9.75, 12.991, 16.18
xyY	0.251, 0.334, 12.991
CIE-LCH	42.749, 19.724, 193.614
CIE-LUV	42.749, -24.331, -3.608
Hunter-Lab	36.043, -14.788, -1.386
Binary	00110101, 01101110, 01101100

#356e6c
```
#356e6c rgb(53,110,108)
```
#6e3537
```
#6e3537 rgb(110,53,55)
```

Complementary Color

#356e50
```
#356e50 rgb(53,110,80)
```
#356e6c
```
#356e6c rgb(53,110,108)
```
#35546e
```
#35546e rgb(53,84,110)
```

Analogous Color

#6e5035
```
#6e5035 rgb(110,80,53)
```
#356e6c
```
#356e6c rgb(53,110,108)
```
#6e3554
```
#6e3554 rgb(110,53,84)
```

Split Complementary Color

#6e6c35
```
#6e6c35 rgb(110,108,53)
```
#356e6c
```
#356e6c rgb(53,110,108)
```
#6c356e
```
#6c356e rgb(108,53,110)
```

Triadic Color

#376e35
```
#376e35 rgb(55,110,53)
```
#356e6c
```
#356e6c rgb(53,110,108)
```
#6c356e
```
#6c356e rgb(108,53,110)
```
#6e3537
```
#6e3537 rgb(110,53,55)
```

Tetradic Color

#1c3a39
```
#1c3a39 rgb(28,58,57)
```
#244c4a
```
#244c4a rgb(36,76,74)
```
#2d5d5b
```
#2d5d5b rgb(45,93,91)
```
#356e6c
```
#356e6c rgb(53,110,108)
```
#3d7f7d
```
#3d7f7d rgb(61,127,125)
```
#46908e
```
#46908e rgb(70,144,142)
```
#4ea29f
```
#4ea29f rgb(78,162,159)
```

Monochromatic Color

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

#356e5e
```
#356e5e rgb(53,110,94)
```
#356e63
```
#356e63 rgb(53,110,99)
```
#356e67
```
#356e67 rgb(53,110,103)
```
#356e6c
```
#356e6c rgb(53,110,108)
```
#356b6e
```
#356b6e rgb(53,107,110)
```
#35676e
```
#35676e rgb(53,103,110)
```
#35626e
```
#35626e rgb(53,98,110)
```

Similar Colors

Text with hexadecimal color #356e6c

This text has a font color of #356e6c.

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

#356e6c background color

This paragraph has a background color of #356e6c.

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

#356e6c border color

This element has a border color of #356e6c.

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

CSS codes

.text {color:#356e6c;}

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

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

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

#020404
```
#020404 rgb(2,4,4)
```
#081111
```
#081111 rgb(8,17,17)
```
#0f1f1e
```
#0f1f1e rgb(15,31,30)
```
#152c2b
```
#152c2b rgb(21,44,43)
```
#1b3938
```
#1b3938 rgb(27,57,56)
```
#224645
```
#224645 rgb(34,70,69)
```
#285452
```
#285452 rgb(40,84,82)
```
#2f615f
```
#2f615f rgb(47,97,95)
```
#356e6c
```
#356e6c rgb(53,110,108)
```
#3b7b79
```
#3b7b79 rgb(59,123,121)
```
#428886
```
#428886 rgb(66,136,134)
```
#489693
```
#489693 rgb(72,150,147)
```
#4fa3a0
```
#4fa3a0 rgb(79,163,160)
```

Shade Color Variation

#57aeab
```
#57aeab rgb(87,174,171)
```
#64b4b2
```
#64b4b2 rgb(100,180,178)
```
#71bbb8
```
#71bbb8 rgb(113,187,184)
```
#7fc1bf
```
#7fc1bf rgb(127,193,191)
```
#8cc8c5
```
#8cc8c5 rgb(140,200,197)
```
#99cecc
```
#99cecc rgb(153,206,204)
```
#a6d4d3
```
#a6d4d3 rgb(166,212,211)
```
#b4dbd9
```
#b4dbd9 rgb(180,219,217)
```
#c1e1e0
```
#c1e1e0 rgb(193,225,224)
```
#cee7e7
```
#cee7e7 rgb(206,231,231)
```
#dbeeed
```
#dbeeed rgb(219,238,237)
```
#e9f4f4
```
#e9f4f4 rgb(233,244,244)
```
#f6fbfa
```
#f6fbfa rgb(246,251,250)
```

Tint Color Variation

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

#4e5555
```
#4e5555 rgb(78,85,85)
```
#485b5b
```
#485b5b rgb(72,91,91)
```
#426160
```
#426160 rgb(66,97,96)
```
#3b6866
```
#3b6866 rgb(59,104,102)
```
#356e6c
```
#356e6c rgb(53,110,108)
```
#2f7472
```
#2f7472 rgb(47,116,114)
```
#287b78
```
#287b78 rgb(40,123,120)
```
#22817d
```
#22817d rgb(34,129,125)
```
#1c8783
```
#1c8783 rgb(28,135,131)
```
#168d89
```
#168d89 rgb(22,141,137)
```
#0f948f
```
#0f948f rgb(15,148,143)
```
#099a95
```
#099a95 rgb(9,154,149)
```
#03a09b
```
#03a09b rgb(3,160,155)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#556060 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6e6c6e Protanopia 1% of men
#716a77 Deuteranopia 1% of men
#43747c Tritanopia 0.001% of the population

Trichromacy

#596c6d Protanomaly 1% of men, 0.01% of women
#5b6b73 Deuteranomaly 6% of men, 0.4% of women
#3e7176 Tritanomaly 0.01% of the population

#356e6c hex color

#356e6c Color Information

#356e6c Color Conversion

Color Schemes with #356e6c

Alternatives to #356e6c

#356e6c Preview

Shades and Tints of #356e6c

Tones of #356e6c

Color Blindness Simulator