#356c6e hex color

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

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

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

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

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

CIE-LAB	42.165, -17.501, -6.721
XYZ	9.644, 12.607, 16.676
xyY	0.248, 0.324, 12.607
CIE-LCH	42.165, 18.747, 201.009
CIE-LUV	42.165, -23.445, -6.717
Hunter-Lab	35.507, -13.651, -2.992
Binary	00110101, 01101100, 01101110

#356c6e
```
#356c6e rgb(53,108,110)
```
#6e3735
```
#6e3735 rgb(110,55,53)
```

Complementary Color

#356e54
```
#356e54 rgb(53,110,84)
```
#356c6e
```
#356c6e rgb(53,108,110)
```
#35506e
```
#35506e rgb(53,80,110)
```

Analogous Color

#6e5435
```
#6e5435 rgb(110,84,53)
```
#356c6e
```
#356c6e rgb(53,108,110)
```
#6e3550
```
#6e3550 rgb(110,53,80)
```

Split Complementary Color

#6c6e35
```
#6c6e35 rgb(108,110,53)
```
#356c6e
```
#356c6e rgb(53,108,110)
```
#6e356c
```
#6e356c rgb(110,53,108)
```

Triadic Color

#356e37
```
#356e37 rgb(53,110,55)
```
#356c6e
```
#356c6e rgb(53,108,110)
```
#6e356c
```
#6e356c rgb(110,53,108)
```
#6e3735
```
#6e3735 rgb(110,55,53)
```

Tetradic Color

#1c393a
```
#1c393a rgb(28,57,58)
```
#244a4c
```
#244a4c rgb(36,74,76)
```
#2d5b5d
```
#2d5b5d rgb(45,91,93)
```
#356c6e
```
#356c6e rgb(53,108,110)
```
#3d7d7f
```
#3d7d7f rgb(61,125,127)
```
#468e90
```
#468e90 rgb(70,142,144)
```
#4e9fa2
```
#4e9fa2 rgb(78,159,162)
```

Monochromatic Color

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

#356e62
```
#356e62 rgb(53,110,98)
```
#356e67
```
#356e67 rgb(53,110,103)
```
#356e6b
```
#356e6b rgb(53,110,107)
```
#356c6e
```
#356c6e rgb(53,108,110)
```
#35676e
```
#35676e rgb(53,103,110)
```
#35636e
```
#35636e rgb(53,99,110)
```
#355e6e
```
#355e6e rgb(53,94,110)
```

Similar Colors

Text with hexadecimal color #356c6e

This text has a font color of #356c6e.

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

#356c6e background color

This paragraph has a background color of #356c6e.

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

#356c6e border color

This element has a border color of #356c6e.

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

CSS codes

.text {color:#356c6e;}

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

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

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 #f6fafb is the lightest one.

#020404
```
#020404 rgb(2,4,4)
```
#081111
```
#081111 rgb(8,17,17)
```
#0f1e1f
```
#0f1e1f rgb(15,30,31)
```
#152b2c
```
#152b2c rgb(21,43,44)
```
#1b3839
```
#1b3839 rgb(27,56,57)
```
#224546
```
#224546 rgb(34,69,70)
```
#285254
```
#285254 rgb(40,82,84)
```
#2f5f61
```
#2f5f61 rgb(47,95,97)
```
#356c6e
```
#356c6e rgb(53,108,110)
```
#3b797b
```
#3b797b rgb(59,121,123)
```
#428688
```
#428688 rgb(66,134,136)
```
#489396
```
#489396 rgb(72,147,150)
```
#4fa0a3
```
#4fa0a3 rgb(79,160,163)
```

Shade Color Variation

#57abae
```
#57abae rgb(87,171,174)
```
#64b2b4
```
#64b2b4 rgb(100,178,180)
```
#71b8bb
```
#71b8bb rgb(113,184,187)
```
#7fbfc1
```
#7fbfc1 rgb(127,191,193)
```
#8cc5c8
```
#8cc5c8 rgb(140,197,200)
```
#99ccce
```
#99ccce rgb(153,204,206)
```
#a6d3d4
```
#a6d3d4 rgb(166,211,212)
```
#b4d9db
```
#b4d9db rgb(180,217,219)
```
#c1e0e1
```
#c1e0e1 rgb(193,224,225)
```
#cee7e7
```
#cee7e7 rgb(206,231,231)
```
#dbedee
```
#dbedee rgb(219,237,238)
```
#e9f4f4
```
#e9f4f4 rgb(233,244,244)
```
#f6fafb
```
#f6fafb rgb(246,250,251)
```

Tint Color Variation

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

#4e5555
```
#4e5555 rgb(78,85,85)
```
#485b5b
```
#485b5b rgb(72,91,91)
```
#426061
```
#426061 rgb(66,96,97)
```
#3b6668
```
#3b6668 rgb(59,102,104)
```
#356c6e
```
#356c6e rgb(53,108,110)
```
#2f7274
```
#2f7274 rgb(47,114,116)
```
#28787b
```
#28787b rgb(40,120,123)
```
#227d81
```
#227d81 rgb(34,125,129)
```
#1c8387
```
#1c8387 rgb(28,131,135)
```
#16898d
```
#16898d rgb(22,137,141)
```
#0f8f94
```
#0f8f94 rgb(15,143,148)
```
#09959a
```
#09959a rgb(9,149,154)
```
#039ba0
```
#039ba0 rgb(3,155,160)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#545f60 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6b6a70 Protanopia 1% of men
#6e6979 Deuteranopia 1% of men
#41727b Tritanopia 0.001% of the population

Trichromacy

#576b6f Protanomaly 1% of men, 0.01% of women
#596a75 Deuteranomaly 6% of men, 0.4% of women
#3d7076 Tritanomaly 0.01% of the population

#356c6e hex color

#356c6e Color Information

#356c6e Color Conversion

Color Schemes with #356c6e

Alternatives to #356c6e

#356c6e Preview

Shades and Tints of #356c6e

Tones of #356c6e

Color Blindness Simulator