#3a5d57 hex color

In a RGB color space, hex #3a5d57 is composed of 22.7% red, 36.5% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 37.6% cyan, 0% magenta, 6.5% yellow and 63.5% black. It has a hue angle of 169.7 degrees, a saturation of 23.2% and a lightness of 29.6%. #3a5d57 color hex could be obtained by blending #74baae with #000000. Closest websafe color is: #336666.

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

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

The hexadecimal color #3a5d57 has RGB values of R:58, G:93, B:87 and CMYK values of C:0.38, M:0, Y:0.06, K:0.64. Its decimal value is 3824983.

Hex triplet	3a5d57	`#3a5d57`
RGB Decimal	58, 93, 87	`rgb(58,93,87)`
RGB Percent	22.7, 36.5, 34.1	`rgb(22.7%,36.5%,34.1%)`
CMYK	38, 0, 6, 64
HSL	169.7°, 23.2, 29.6	`hsl(169.7,23.2%,29.6%)`
HSV (or HSB)	169.7°, 37.6, 36.5
Web Safe	336666	`#336666`

CIE-LAB	36.773, -14.17, -0.566
XYZ	7.379, 9.416, 10.445
xyY	0.271, 0.346, 9.416
CIE-LCH	36.773, 14.182, 182.287
CIE-LUV	36.773, -16.167, 1.235
Hunter-Lab	30.686, -10.775, 1.298
Binary	00111010, 01011101, 01010111

#3a5d57
```
#3a5d57 rgb(58,93,87)
```
#5d3a40
```
#5d3a40 rgb(93,58,64)
```

Complementary Color

#3a5d46
```
#3a5d46 rgb(58,93,70)
```
#3a5d57
```
#3a5d57 rgb(58,93,87)
```
#3a525d
```
#3a525d rgb(58,82,93)
```

Analogous Color

#5d463a
```
#5d463a rgb(93,70,58)
```
#3a5d57
```
#3a5d57 rgb(58,93,87)
```
#5d3a52
```
#5d3a52 rgb(93,58,82)
```

Split Complementary Color

#5d573a
```
#5d573a rgb(93,87,58)
```
#3a5d57
```
#3a5d57 rgb(58,93,87)
```
#573a5d
```
#573a5d rgb(87,58,93)
```

Triadic Color

#405d3a
```
#405d3a rgb(64,93,58)
```
#3a5d57
```
#3a5d57 rgb(58,93,87)
```
#573a5d
```
#573a5d rgb(87,58,93)
```
#5d3a40
```
#5d3a40 rgb(93,58,64)
```

Tetradic Color

#1d2e2b
```
#1d2e2b rgb(29,46,43)
```
#263e3a
```
#263e3a rgb(38,62,58)
```
#304d48
```
#304d48 rgb(48,77,72)
```
#3a5d57
```
#3a5d57 rgb(58,93,87)
```
#446d66
```
#446d66 rgb(68,109,102)
```
#4e7c74
```
#4e7c74 rgb(78,124,116)
```
#578c83
```
#578c83 rgb(87,140,131)
```

Monochromatic Color

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

#3a5d4e
```
#3a5d4e rgb(58,93,78)
```
#3a5d51
```
#3a5d51 rgb(58,93,81)
```
#3a5d54
```
#3a5d54 rgb(58,93,84)
```
#3a5d57
```
#3a5d57 rgb(58,93,87)
```
#3a5d5a
```
#3a5d5a rgb(58,93,90)
```
#3a5d5d
```
#3a5d5d rgb(58,93,93)
```
#3a5a5d
```
#3a5a5d rgb(58,90,93)
```

Similar Colors

Text with hexadecimal color #3a5d57

This text has a font color of #3a5d57.

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

#3a5d57 background color

This paragraph has a background color of #3a5d57.

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

#3a5d57 border color

This element has a border color of #3a5d57.

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

CSS codes

.text {color:#3a5d57;}

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

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

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

#050808
```
#050808 rgb(5,8,8)
```
#0d1513
```
#0d1513 rgb(13,21,19)
```
#14211e
```
#14211e rgb(20,33,30)
```
#1c2d2a
```
#1c2d2a rgb(28,45,42)
```
#233935
```
#233935 rgb(35,57,53)
```
#2b4540
```
#2b4540 rgb(43,69,64)
```
#32514c
```
#32514c rgb(50,81,76)
```
#3a5d57
```
#3a5d57 rgb(58,93,87)
```
#426962
```
#426962 rgb(66,105,98)
```
#49756e
```
#49756e rgb(73,117,110)
```
#518179
```
#518179 rgb(81,129,121)
```
#588d84
```
#588d84 rgb(88,141,132)
```
#609990
```
#609990 rgb(96,153,144)
```

Shade Color Variation

#6aa299
```
#6aa299 rgb(106,162,153)
```
#76aaa1
```
#76aaa1 rgb(118,170,161)
```
#83b1a9
```
#83b1a9 rgb(131,177,169)
```
#8fb9b2
```
#8fb9b2 rgb(143,185,178)
```
#9bc0ba
```
#9bc0ba rgb(155,192,186)
```
#a7c8c2
```
#a7c8c2 rgb(167,200,194)
```
#b3d0cb
```
#b3d0cb rgb(179,208,203)
```
#bfd7d3
```
#bfd7d3 rgb(191,215,211)
```
#cbdfdb
```
#cbdfdb rgb(203,223,219)
```
#d7e6e4
```
#d7e6e4 rgb(215,230,228)
```
#e3eeec
```
#e3eeec rgb(227,238,236)
```
#eff5f4
```
#eff5f4 rgb(239,245,244)
```
#fbfdfc
```
#fbfdfc rgb(251,253,252)
```

Tint Color Variation

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

#4b4c4c
```
#4b4c4c rgb(75,76,76)
```
#46514f
```
#46514f rgb(70,81,79)
```
#405753
```
#405753 rgb(64,87,83)
```
#3a5d57
```
#3a5d57 rgb(58,93,87)
```
#34635b
```
#34635b rgb(52,99,91)
```
#2e695f
```
#2e695f rgb(46,105,95)
```
#296e62
```
#296e62 rgb(41,110,98)
```
#237466
```
#237466 rgb(35,116,102)
```
#1d7a6a
```
#1d7a6a rgb(29,122,106)
```
#17806e
```
#17806e rgb(23,128,110)
```
#118672
```
#118672 rgb(17,134,114)
```
#0c8b76
```
#0c8b76 rgb(12,139,118)
```
#069179
```
#069179 rgb(6,145,121)
```

Tone Color Variation

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

#525252 Achromatopsia 0.005% of the population
#4d5453 Atypical Achromatopsia 0.001% of the population

Dichromacy

#615e5c Protanopia 1% of men
#665c62 Deuteranopia 1% of men
#47636a Tritanopia 0.001% of the population

Trichromacy

#535e5a Protanomaly 1% of men, 0.01% of women
#565c5e Deuteranomaly 6% of men, 0.4% of women
#426163 Tritanomaly 0.01% of the population

#3a5d57 hex color

#3a5d57 Color Information

#3a5d57 Color Conversion

Color Schemes with #3a5d57

Alternatives to #3a5d57

#3a5d57 Preview

Shades and Tints of #3a5d57

Tones of #3a5d57

Color Blindness Simulator