colorhexa.com

#356c62 hex color

In a RGB color space, hex #356c62 is composed of 20.8% red, 42.4% green and 38.4% blue. Whereas in a CMYK color space, it is composed of 50.9% cyan, 0% magenta, 9.3% yellow and 57.6% black. It has a hue angle of 169.1 degrees, a saturation of 34.2% and a lightness of 31.6%. #356c62 color hex could be obtained by blending #6ad8c4 with #000000. Closest websafe color is: #336666.

- R 21
- G 42
- B 38
RGB color chart
- C 51
- M 0
- Y 9
- K 58
CMYK color chart

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

The hexadecimal color #356c62 has RGB values of R:53, G:108, B:98 and CMYK values of C:0.51, M:0, Y:0.09, K:0.58. Its decimal value is 3501154.

Hex triplet	356c62	`#356c62`
RGB Decimal	53, 108, 98	`rgb(53,108,98)`
RGB Percent	20.8, 42.4, 38.4	`rgb(20.8%,42.4%,38.4%)`
CMYK	51, 0, 9, 58
HSL	169.1°, 34.2, 31.6	`hsl(169.1,34.2%,31.6%)`
HSV (or HSB)	169.1°, 50.9, 42.4
Web Safe	336666	`#336666`

CIE-LAB	41.788, -20.896, -0.008
XYZ	9.035, 12.363, 13.465
xyY	0.259, 0.355, 12.363
CIE-LCH	41.788, 20.896, 180.023
CIE-LUV	41.788, -23.891, 2.931
Hunter-Lab	35.161, -15.667, 1.908
Binary	00110101, 01101100, 01100010

#356c62
```
#356c62 rgb(53,108,98)
```
#6c353f
```
#6c353f rgb(108,53,63)
```

Complementary Color

#356c47
```
#356c47 rgb(53,108,71)
```
#356c62
```
#356c62 rgb(53,108,98)
```
#355b6c
```
#355b6c rgb(53,91,108)
```

Analogous Color

#6c4735
```
#6c4735 rgb(108,71,53)
```
#356c62
```
#356c62 rgb(53,108,98)
```
#6c355b
```
#6c355b rgb(108,53,91)
```

Split Complementary Color

#6c6235
```
#6c6235 rgb(108,98,53)
```
#356c62
```
#356c62 rgb(53,108,98)
```
#62356c
```
#62356c rgb(98,53,108)
```

Triadic Color

#1c3933
```
#1c3933 rgb(28,57,51)
```
#244a43
```
#244a43 rgb(36,74,67)
```
#2d5b52
```
#2d5b52 rgb(45,91,82)
```
#356c62
```
#356c62 rgb(53,108,98)
```
#3d7d72
```
#3d7d72 rgb(61,125,114)
```
#468e81
```
#468e81 rgb(70,142,129)
```
#4e9f91
```
#4e9f91 rgb(78,159,145)
```

Monochromatic Color

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

#356c54
```
#356c54 rgb(53,108,84)
```
#356c59
```
#356c59 rgb(53,108,89)
```
#356c5d
```
#356c5d rgb(53,108,93)
```
#356c62
```
#356c62 rgb(53,108,98)
```
#356c67
```
#356c67 rgb(53,108,103)
```
#356c6b
```
#356c6b rgb(53,108,107)
```
#35686c
```
#35686c rgb(53,104,108)
```

Similar Colors

Text with hexadecimal color #356c62

This text has a font color of #356c62.

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

#356c62 background color

This paragraph has a background color of #356c62.

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

#356c62 border color

This element has a border color of #356c62.

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

CSS codes

.text {color:#356c62;}

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

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

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

#010302
```
#010302 rgb(1,3,2)
```
#08100e
```
#08100e rgb(8,16,14)
```
#0e1d1a
```
#0e1d1a rgb(14,29,26)
```
#152a26
```
#152a26 rgb(21,42,38)
```
#1b3732
```
#1b3732 rgb(27,55,50)
```
#22453e
```
#22453e rgb(34,69,62)
```
#28524a
```
#28524a rgb(40,82,74)
```
#2f5f56
```
#2f5f56 rgb(47,95,86)
```
#356c62
```
#356c62 rgb(53,108,98)
```
#3b796e
```
#3b796e rgb(59,121,110)
```
#42867a
```
#42867a rgb(66,134,122)
```
#489386
```
#489386 rgb(72,147,134)
```
#4fa192
```
#4fa192 rgb(79,161,146)
```

Shade Color Variation

#57ac9d
```
#57ac9d rgb(87,172,157)
```
#64b3a4
```
#64b3a4 rgb(100,179,164)
```
#71b9ac
```
#71b9ac rgb(113,185,172)
```
#7ec0b4
```
#7ec0b4 rgb(126,192,180)
```
#8bc6bc
```
#8bc6bc rgb(139,198,188)
```
#98cdc3
```
#98cdc3 rgb(152,205,195)
```
#a6d3cb
```
#a6d3cb rgb(166,211,203)
```
#b3dad3
```
#b3dad3 rgb(179,218,211)
```
#c0e0da
```
#c0e0da rgb(192,224,218)
```
#cde7e2
```
#cde7e2 rgb(205,231,226)
```
#daedea
```
#daedea rgb(218,237,234)
```
#e7f3f1
```
#e7f3f1 rgb(231,243,241)
```
#f5faf9
```
#f5faf9 rgb(245,250,249)
```

Tint Color Variation

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

#4e5352
```
#4e5352 rgb(78,83,82)
```
#485956
```
#485956 rgb(72,89,86)
```
#41605a
```
#41605a rgb(65,96,90)
```
#3b665e
```
#3b665e rgb(59,102,94)
```
#356c62
```
#356c62 rgb(53,108,98)
```
#2f7266
```
#2f7266 rgb(47,114,102)
```
#29786a
```
#29786a rgb(41,120,106)
```
#227f6e
```
#227f6e rgb(34,127,110)
```
#1c8572
```
#1c8572 rgb(28,133,114)
```
#168b76
```
#168b76 rgb(22,139,118)
```
#10917a
```
#10917a rgb(16,145,122)
```
#0a977e
```
#0a977e rgb(10,151,126)
```
#039e82
```
#039e82 rgb(3,158,130)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#535e5c Atypical Achromatopsia 0.001% of the population

Dichromacy

#6d6a65 Protanopia 1% of men
#72676e Deuteranopia 1% of men
#457179 Tritanopia 0.001% of the population

Trichromacy

#596a64 Protanomaly 1% of men, 0.01% of women
#5c6969 Deuteranomaly 6% of men, 0.4% of women
#3f6f71 Tritanomaly 0.01% of the population