#3c5358 hex color

In a RGB color space, hex #3c5358 is composed of 23.5% red, 32.5% green and 34.5% blue. Whereas in a CMYK color space, it is composed of 31.8% cyan, 5.7% magenta, 0% yellow and 65.5% black. It has a hue angle of 190.7 degrees, a saturation of 18.9% and a lightness of 29%. #3c5358 color hex could be obtained by blending #78a6b0 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 24
- G 33
- B 35
RGB color chart
- C 32
- M 6
- Y 0
- K 65
CMYK color chart

● #3c5358 color description : Very dark grayish cyan.

The hexadecimal color #3c5358 has RGB values of R:60, G:83, B:88 and CMYK values of C:0.32, M:0.06, Y:0, K:0.65. Its decimal value is 3953496.

Hex triplet	3c5358	`#3c5358`
RGB Decimal	60, 83, 88	`rgb(60,83,88)`
RGB Percent	23.5, 32.5, 34.5	`rgb(23.5%,32.5%,34.5%)`
CMYK	32, 6, 0, 65
HSL	190.7°, 18.9, 29	`hsl(190.7,18.9%,29%)`
HSV (or HSB)	190.7°, 31.8, 34.5
Web Safe	336666	`#336666`

CIE-LAB	33.672, -7.374, -5.763
XYZ	6.718, 7.852, 10.394
xyY	0.269, 0.315, 7.852
CIE-LCH	33.672, 9.359, 218.007
CIE-LUV	33.672, -11.042, -6.306
Hunter-Lab	28.021, -6.242, -2.378
Binary	00111100, 01010011, 01011000

#3c5358
```
#3c5358 rgb(60,83,88)
```
#58413c
```
#58413c rgb(88,65,60)
```

Complementary Color

#3c584f
```
#3c584f rgb(60,88,79)
```
#3c5358
```
#3c5358 rgb(60,83,88)
```
#3c4558
```
#3c4558 rgb(60,69,88)
```

Analogous Color

#584f3c
```
#584f3c rgb(88,79,60)
```
#3c5358
```
#3c5358 rgb(60,83,88)
```
#583c45
```
#583c45 rgb(88,60,69)
```

Split Complementary Color

#53583c
```
#53583c rgb(83,88,60)
```
#3c5358
```
#3c5358 rgb(60,83,88)
```
#583c53
```
#583c53 rgb(88,60,83)
```

Triadic Color

#3c5841
```
#3c5841 rgb(60,88,65)
```
#3c5358
```
#3c5358 rgb(60,83,88)
```
#583c53
```
#583c53 rgb(88,60,83)
```
#58413c
```
#58413c rgb(88,65,60)
```

Tetradic Color

#1d282b
```
#1d282b rgb(29,40,43)
```
#27363a
```
#27363a rgb(39,54,58)
```
#324549
```
#324549 rgb(50,69,73)
```
#3c5358
```
#3c5358 rgb(60,83,88)
```
#466167
```
#466167 rgb(70,97,103)
```
#517076
```
#517076 rgb(81,112,118)
```
#5b7e85
```
#5b7e85 rgb(91,126,133)
```

Monochromatic Color

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

#3c5856
```
#3c5856 rgb(60,88,86)
```
#3c5858
```
#3c5858 rgb(60,88,88)
```
#3c5558
```
#3c5558 rgb(60,85,88)
```
#3c5358
```
#3c5358 rgb(60,83,88)
```
#3c5158
```
#3c5158 rgb(60,81,88)
```
#3c4e58
```
#3c4e58 rgb(60,78,88)
```
#3c4c58
```
#3c4c58 rgb(60,76,88)
```

Similar Colors

Text with hexadecimal color #3c5358

This text has a font color of #3c5358.

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

#3c5358 background color

This paragraph has a background color of #3c5358.

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

#3c5358 border color

This element has a border color of #3c5358.

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

CSS codes

.text {color:#3c5358;}

.background {background-color:#3c5358;}

.border {border:1px solid #3c5358;}

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

#040606
```
#040606 rgb(4,6,6)
```
#0c1112
```
#0c1112 rgb(12,17,18)
```
#141c1e
```
#141c1e rgb(20,28,30)
```
#1c2729
```
#1c2729 rgb(28,39,41)
```
#243235
```
#243235 rgb(36,50,53)
```
#2c3d41
```
#2c3d41 rgb(44,61,65)
```
#34484c
```
#34484c rgb(52,72,76)
```
#3c5358
```
#3c5358 rgb(60,83,88)
```
#445e64
```
#445e64 rgb(68,94,100)
```
#4c696f
```
#4c696f rgb(76,105,111)
```
#54747b
```
#54747b rgb(84,116,123)
```
#5c7f87
```
#5c7f87 rgb(92,127,135)
```
#648a92
```
#648a92 rgb(100,138,146)
```

Shade Color Variation

#6e949c
```
#6e949c rgb(110,148,156)
```
#799ca4
```
#799ca4 rgb(121,156,164)
```
#85a5ac
```
#85a5ac rgb(133,165,172)
```
#91aeb4
```
#91aeb4 rgb(145,174,180)
```
#9cb6bc
```
#9cb6bc rgb(156,182,188)
```
#a8bfc4
```
#a8bfc4 rgb(168,191,196)
```
#b4c7cc
```
#b4c7cc rgb(180,199,204)
```
#bfd0d4
```
#bfd0d4 rgb(191,208,212)
```
#cbd9dc
```
#cbd9dc rgb(203,217,220)
```
#d7e1e4
```
#d7e1e4 rgb(215,225,228)
```
#e2eaeb
```
#e2eaeb rgb(226,234,235)
```
#eef2f3
```
#eef2f3 rgb(238,242,243)
```
#fafbfb
```
#fafbfb rgb(250,251,251)
```

Tint Color Variation

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

#474c4d
```
#474c4d rgb(71,76,77)
```
#424f52
```
#424f52 rgb(66,79,82)
```
#3c5358
```
#3c5358 rgb(60,83,88)
```
#36575e
```
#36575e rgb(54,87,94)
```
#315a63
```
#315a63 rgb(49,90,99)
```
#2b5e69
```
#2b5e69 rgb(43,94,105)
```
#25626f
```
#25626f rgb(37,98,111)
```
#206574
```
#206574 rgb(32,101,116)
```
#1a697a
```
#1a697a rgb(26,105,122)
```
#146d80
```
#146d80 rgb(20,109,128)
```
#0e7086
```
#0e7086 rgb(14,112,134)
```
#09748b
```
#09748b rgb(9,116,139)
```
#037891
```
#037891 rgb(3,120,145)
```

Tone Color Variation

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

#4d4d4d Achromatopsia 0.005% of the population
#4a4e4f Atypical Achromatopsia 0.001% of the population

Dichromacy

#57575e Protanopia 1% of men
#5b5662 Deuteranopia 1% of men
#465b62 Tritanopia 0.001% of the population

Trichromacy

#4d565c Protanomaly 1% of men, 0.01% of women
#4f555e Deuteranomaly 6% of men, 0.4% of women
#42585e Tritanomaly 0.01% of the population

#3c5358 hex color

#3c5358 Color Information

#3c5358 Color Conversion

Color Schemes with #3c5358

Alternatives to #3c5358

#3c5358 Preview

Shades and Tints of #3c5358

Tones of #3c5358

Color Blindness Simulator