#3a565c hex color

In a RGB color space, hex #3a565c is composed of 22.7% red, 33.7% green and 36.1% blue. Whereas in a CMYK color space, it is composed of 37% cyan, 6.5% magenta, 0% yellow and 63.9% black. It has a hue angle of 190.6 degrees, a saturation of 22.7% and a lightness of 29.4%. #3a565c color hex could be obtained by blending #74acb8 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 23
- G 34
- B 36
RGB color chart
- C 37
- M 7
- Y 0
- K 64
CMYK color chart

● #3a565c color description : Very dark desaturated cyan.

The hexadecimal color #3a565c has RGB values of R:58, G:86, B:92 and CMYK values of C:0.37, M:0.07, Y:0, K:0.64. Its decimal value is 3823196.

Hex triplet	3a565c	`#3a565c`
RGB Decimal	58, 86, 92	`rgb(58,86,92)`
RGB Percent	22.7, 33.7, 36.1	`rgb(22.7%,33.7%,36.1%)`
CMYK	37, 7, 0, 64
HSL	190.6°, 22.7, 29.4	`hsl(190.6,22.7%,29.4%)`
HSV (or HSB)	190.6°, 37, 36.1
Web Safe	336666	`#336666`

CIE-LAB	34.656, -8.721, -6.824
XYZ	7.004, 8.328, 11.363
xyY	0.262, 0.312, 8.328
CIE-LCH	34.656, 11.074, 218.041
CIE-LUV	34.656, -13.099, -7.596
Hunter-Lab	28.857, -7.177, -3.146
Binary	00111010, 01010110, 01011100

#3a565c
```
#3a565c rgb(58,86,92)
```
#5c403a
```
#5c403a rgb(92,64,58)
```

Complementary Color

#3a5c51
```
#3a5c51 rgb(58,92,81)
```
#3a565c
```
#3a565c rgb(58,86,92)
```
#3a455c
```
#3a455c rgb(58,69,92)
```

Analogous Color

#5c513a
```
#5c513a rgb(92,81,58)
```
#3a565c
```
#3a565c rgb(58,86,92)
```
#5c3a45
```
#5c3a45 rgb(92,58,69)
```

Split Complementary Color

#565c3a
```
#565c3a rgb(86,92,58)
```
#3a565c
```
#3a565c rgb(58,86,92)
```
#5c3a56
```
#5c3a56 rgb(92,58,86)
```

Triadic Color

#3a5c40
```
#3a5c40 rgb(58,92,64)
```
#3a565c
```
#3a565c rgb(58,86,92)
```
#5c3a56
```
#5c3a56 rgb(92,58,86)
```
#5c403a
```
#5c403a rgb(92,64,58)
```

Tetradic Color

#1c2a2d
```
#1c2a2d rgb(28,42,45)
```
#26393d
```
#26393d rgb(38,57,61)
```
#30474c
```
#30474c rgb(48,71,76)
```
#3a565c
```
#3a565c rgb(58,86,92)
```
#44656c
```
#44656c rgb(68,101,108)
```
#4e737b
```
#4e737b rgb(78,115,123)
```
#58828b
```
#58828b rgb(88,130,139)
```

Monochromatic Color

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

#3a5c5a
```
#3a5c5a rgb(58,92,90)
```
#3a5c5c
```
#3a5c5c rgb(58,92,92)
```
#3a595c
```
#3a595c rgb(58,89,92)
```
#3a565c
```
#3a565c rgb(58,86,92)
```
#3a535c
```
#3a535c rgb(58,83,92)
```
#3a505c
```
#3a505c rgb(58,80,92)
```
#3a4e5c
```
#3a4e5c rgb(58,78,92)
```

Similar Colors

Text with hexadecimal color #3a565c

This text has a font color of #3a565c.

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

#3a565c background color

This paragraph has a background color of #3a565c.

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

#3a565c border color

This element has a border color of #3a565c.

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

CSS codes

.text {color:#3a565c;}

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

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

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

#050708
```
#050708 rgb(5,7,8)
```
#0c1314
```
#0c1314 rgb(12,19,20)
```
#141e20
```
#141e20 rgb(20,30,32)
```
#1c292c
```
#1c292c rgb(28,41,44)
```
#233438
```
#233438 rgb(35,52,56)
```
#2b4044
```
#2b4044 rgb(43,64,68)
```
#324b50
```
#324b50 rgb(50,75,80)
```
#3a565c
```
#3a565c rgb(58,86,92)
```
#426168
```
#426168 rgb(66,97,104)
```
#496c74
```
#496c74 rgb(73,108,116)
```
#517880
```
#517880 rgb(81,120,128)
```
#58838c
```
#58838c rgb(88,131,140)
```
#608e98
```
#608e98 rgb(96,142,152)
```

Shade Color Variation

#6a98a1
```
#6a98a1 rgb(106,152,161)
```
#76a0a9
```
#76a0a9 rgb(118,160,169)
```
#82a8b0
```
#82a8b0 rgb(130,168,176)
```
#8eb1b8
```
#8eb1b8 rgb(142,177,184)
```
#9bb9c0
```
#9bb9c0 rgb(155,185,192)
```
#a7c1c7
```
#a7c1c7 rgb(167,193,199)
```
#b3cacf
```
#b3cacf rgb(179,202,207)
```
#bfd2d6
```
#bfd2d6 rgb(191,210,214)
```
#cbdbde
```
#cbdbde rgb(203,219,222)
```
#d7e3e6
```
#d7e3e6 rgb(215,227,230)
```
#e3ebed
```
#e3ebed rgb(227,235,237)
```
#eff4f5
```
#eff4f5 rgb(239,244,245)
```
#fbfcfc
```
#fbfcfc rgb(251,252,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #464f50 is the less saturated color, while #007b96 is the most saturated one.

#464f50
```
#464f50 rgb(70,79,80)
```
#405256
```
#405256 rgb(64,82,86)
```
#3a565c
```
#3a565c rgb(58,86,92)
```
#345a62
```
#345a62 rgb(52,90,98)
```
#2e5d68
```
#2e5d68 rgb(46,93,104)
```
#29616d
```
#29616d rgb(41,97,109)
```
#236573
```
#236573 rgb(35,101,115)
```
#1d6979
```
#1d6979 rgb(29,105,121)
```
#176c7f
```
#176c7f rgb(23,108,127)
```
#127084
```
#127084 rgb(18,112,132)
```
#0c748a
```
#0c748a rgb(12,116,138)
```
#067890
```
#067890 rgb(6,120,144)
```
#007b96
```
#007b96 rgb(0,123,150)
```

Tone Color Variation

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

#4e4e4e Achromatopsia 0.005% of the population
#4a5051 Atypical Achromatopsia 0.001% of the population

Dichromacy

#595961 Protanopia 1% of men
#5c5866 Deuteranopia 1% of men
#445e65 Tritanopia 0.001% of the population

Trichromacy

#4e585f Protanomaly 1% of men, 0.01% of women
#505762 Deuteranomaly 6% of men, 0.4% of women
#405b62 Tritanomaly 0.01% of the population

#3a565c hex color

#3a565c Color Information

#3a565c Color Conversion

Color Schemes with #3a565c

Alternatives to #3a565c

#3a565c Preview

Shades and Tints of #3a565c

Tones of #3a565c

Color Blindness Simulator