#3a5d54 hex color

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

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

● #3a5d54 color description : Very dark desaturated cyan - lime green.

The hexadecimal color #3a5d54 has RGB values of R:58, G:93, B:84 and CMYK values of C:0.38, M:0, Y:0.1, K:0.64. Its decimal value is 3824980.

Hex triplet	3a5d54	`#3a5d54`
RGB Decimal	58, 93, 84	`rgb(58,93,84)`
RGB Percent	22.7, 36.5, 32.9	`rgb(22.7%,36.5%,32.9%)`
CMYK	38, 0, 10, 64
HSL	164.6°, 23.2, 29.6	`hsl(164.6,23.2%,29.6%)`
HSV (or HSB)	164.6°, 37.6, 36.5
Web Safe	336666	`#336666`

CIE-LAB	36.683, -14.946, 1.165
XYZ	7.259, 9.368, 9.813
xyY	0.275, 0.354, 9.368
CIE-LCH	36.683, 14.991, 175.543
CIE-LUV	36.683, -16.211, 3.538
Hunter-Lab	30.607, -11.228, 2.417
Binary	00111010, 01011101, 01010100

#3a5d54
```
#3a5d54 rgb(58,93,84)
```
#5d3a43
```
#5d3a43 rgb(93,58,67)
```

Complementary Color

#3a5d43
```
#3a5d43 rgb(58,93,67)
```
#3a5d54
```
#3a5d54 rgb(58,93,84)
```
#3a555d
```
#3a555d rgb(58,85,93)
```

Analogous Color

#5d433a
```
#5d433a rgb(93,67,58)
```
#3a5d54
```
#3a5d54 rgb(58,93,84)
```
#5d3a55
```
#5d3a55 rgb(93,58,85)
```

Split Complementary Color

#5d543a
```
#5d543a rgb(93,84,58)
```
#3a5d54
```
#3a5d54 rgb(58,93,84)
```
#543a5d
```
#543a5d rgb(84,58,93)
```

Triadic Color

#435d3a
```
#435d3a rgb(67,93,58)
```
#3a5d54
```
#3a5d54 rgb(58,93,84)
```
#543a5d
```
#543a5d rgb(84,58,93)
```
#5d3a43
```
#5d3a43 rgb(93,58,67)
```

Tetradic Color

#1d2e29
```
#1d2e29 rgb(29,46,41)
```
#263e38
```
#263e38 rgb(38,62,56)
```
#304d46
```
#304d46 rgb(48,77,70)
```
#3a5d54
```
#3a5d54 rgb(58,93,84)
```
#446d62
```
#446d62 rgb(68,109,98)
```
#4e7c70
```
#4e7c70 rgb(78,124,112)
```
#578c7f
```
#578c7f rgb(87,140,127)
```

Monochromatic Color

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

#3a5d4b
```
#3a5d4b rgb(58,93,75)
```
#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)
```

Similar Colors

Text with hexadecimal color #3a5d54

This text has a font color of #3a5d54.

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

#3a5d54 background color

This paragraph has a background color of #3a5d54.

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

#3a5d54 border color

This element has a border color of #3a5d54.

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

CSS codes

.text {color:#3a5d54;}

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

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

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)
```
#14211d
```
#14211d rgb(20,33,29)
```
#1c2d28
```
#1c2d28 rgb(28,45,40)
```
#233933
```
#233933 rgb(35,57,51)
```
#2b453e
```
#2b453e rgb(43,69,62)
```
#325149
```
#325149 rgb(50,81,73)
```
#3a5d54
```
#3a5d54 rgb(58,93,84)
```
#42695f
```
#42695f rgb(66,105,95)
```
#49756a
```
#49756a rgb(73,117,106)
```
#518175
```
#518175 rgb(81,129,117)
```
#588d80
```
#588d80 rgb(88,141,128)
```
#60998b
```
#60998b rgb(96,153,139)
```

Shade Color Variation

#6aa294
```
#6aa294 rgb(106,162,148)
```
#76aa9d
```
#76aa9d rgb(118,170,157)
```
#83b1a5
```
#83b1a5 rgb(131,177,165)
```
#8fb9ae
```
#8fb9ae rgb(143,185,174)
```
#9bc0b7
```
#9bc0b7 rgb(155,192,183)
```
#a7c8bf
```
#a7c8bf rgb(167,200,191)
```
#b3d0c8
```
#b3d0c8 rgb(179,208,200)
```
#bfd7d1
```
#bfd7d1 rgb(191,215,209)
```
#cbdfda
```
#cbdfda rgb(203,223,218)
```
#d7e6e2
```
#d7e6e2 rgb(215,230,226)
```
#e3eeeb
```
#e3eeeb rgb(227,238,235)
```
#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 #06916d is the most saturated one.

#4b4c4c
```
#4b4c4c rgb(75,76,76)
```
#46514e
```
#46514e rgb(70,81,78)
```
#405751
```
#405751 rgb(64,87,81)
```
#3a5d54
```
#3a5d54 rgb(58,93,84)
```
#346357
```
#346357 rgb(52,99,87)
```
#2e695a
```
#2e695a rgb(46,105,90)
```
#296e5c
```
#296e5c rgb(41,110,92)
```
#23745f
```
#23745f rgb(35,116,95)
```
#1d7a62
```
#1d7a62 rgb(29,122,98)
```
#178065
```
#178065 rgb(23,128,101)
```
#118668
```
#118668 rgb(17,134,104)
```
#0c8b6b
```
#0c8b6b rgb(12,139,107)
```
#06916d
```
#06916d rgb(6,145,109)
```

Tone Color Variation

Below, you can see how #3a5d54 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
#4d5452 Atypical Achromatopsia 0.001% of the population

Dichromacy

#625e59 Protanopia 1% of men
#675c60 Deuteranopia 1% of men
#48636a Tritanopia 0.001% of the population

Trichromacy

#535e57 Protanomaly 1% of men, 0.01% of women
#565c5b Deuteranomaly 6% of men, 0.4% of women
#436162 Tritanomaly 0.01% of the population

#3a5d54 hex color

#3a5d54 Color Information

#3a5d54 Color Conversion

Color Schemes with #3a5d54

Alternatives to #3a5d54

#3a5d54 Preview

Shades and Tints of #3a5d54

Tones of #3a5d54

Color Blindness Simulator