#3a5449 hex color

In a RGB color space, hex #3a5449 is composed of 22.7% red, 32.9% green and 28.6% blue. Whereas in a CMYK color space, it is composed of 31% cyan, 0% magenta, 13.1% yellow and 67.1% black. It has a hue angle of 154.6 degrees, a saturation of 18.3% and a lightness of 27.8%. #3a5449 color hex could be obtained by blending #74a892 with #000000. Closest websafe color is: #336633.

♥
- f
- t
- g
- R 23
- G 33
- B 29
RGB color chart
- C 31
- M 0
- Y 13
- K 67
CMYK color chart

● #3a5449 color description : Very dark grayish cyan - lime green.

The hexadecimal color #3a5449 has RGB values of R:58, G:84, B:73 and CMYK values of C:0.31, M:0, Y:0.13, K:0.67. Its decimal value is 3822665.

Hex triplet	3a5449	`#3a5449`
RGB Decimal	58, 84, 73	`rgb(58,84,73)`
RGB Percent	22.7, 32.9, 28.6	`rgb(22.7%,32.9%,28.6%)`
CMYK	31, 0, 13, 67
HSL	154.6°, 18.3, 27.8	`hsl(154.6,18.3%,27.8%)`
HSV (or HSB)	154.6°, 31, 32.9
Web Safe	336633	`#336633`

CIE-LAB	33.395, -12.532, 3.285
XYZ	6.118, 7.721, 7.471
xyY	0.287, 0.362, 7.721
CIE-LCH	33.395, 12.955, 165.309
CIE-LUV	33.395, -12.293, 5.675
Hunter-Lab	27.787, -9.328, 3.51
Binary	00111010, 01010100, 01001001

#3a5449
```
#3a5449 rgb(58,84,73)
```
#543a45
```
#543a45 rgb(84,58,69)
```

Complementary Color

#3a543c
```
#3a543c rgb(58,84,60)
```
#3a5449
```
#3a5449 rgb(58,84,73)
```
#3a5254
```
#3a5254 rgb(58,82,84)
```

Analogous Color

#543c3a
```
#543c3a rgb(84,60,58)
```
#3a5449
```
#3a5449 rgb(58,84,73)
```
#543a52
```
#543a52 rgb(84,58,82)
```

Split Complementary Color

#54493a
```
#54493a rgb(84,73,58)
```
#3a5449
```
#3a5449 rgb(58,84,73)
```
#493a54
```
#493a54 rgb(73,58,84)
```

Triadic Color

#45543a
```
#45543a rgb(69,84,58)
```
#3a5449
```
#3a5449 rgb(58,84,73)
```
#493a54
```
#493a54 rgb(73,58,84)
```
#543a45
```
#543a45 rgb(84,58,69)
```

Tetradic Color

#1b2722
```
#1b2722 rgb(27,39,34)
```
#25362f
```
#25362f rgb(37,54,47)
```
#30453c
```
#30453c rgb(48,69,60)
```
#3a5449
```
#3a5449 rgb(58,84,73)
```
#446356
```
#446356 rgb(68,99,86)
```
#4f7263
```
#4f7263 rgb(79,114,99)
```
#598170
```
#598170 rgb(89,129,112)
```

Monochromatic Color

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

#3a5443
```
#3a5443 rgb(58,84,67)
```
#3a5445
```
#3a5445 rgb(58,84,69)
```
#3a5447
```
#3a5447 rgb(58,84,71)
```
#3a5449
```
#3a5449 rgb(58,84,73)
```
#3a544b
```
#3a544b rgb(58,84,75)
```
#3a544d
```
#3a544d rgb(58,84,77)
```
#3a5450
```
#3a5450 rgb(58,84,80)
```

Similar Colors

Text with hexadecimal color #3a5449

This text has a font color of #3a5449.

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

#3a5449 background color

This paragraph has a background color of #3a5449.

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

#3a5449 border color

This element has a border color of #3a5449.

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

CSS codes

.text {color:#3a5449;}

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

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

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

#020302
```
#020302 rgb(2,3,2)
```
#0a0e0c
```
#0a0e0c rgb(10,14,12)
```
#121a17
```
#121a17 rgb(18,26,23)
```
#1a2621
```
#1a2621 rgb(26,38,33)
```
#22312b
```
#22312b rgb(34,49,43)
```
#2a3d35
```
#2a3d35 rgb(42,61,53)
```
#32483f
```
#32483f rgb(50,72,63)
```
#3a5449
```
#3a5449 rgb(58,84,73)
```
#426053
```
#426053 rgb(66,96,83)
```
#4a6b5d
```
#4a6b5d rgb(74,107,93)
```
#527767
```
#527767 rgb(82,119,103)
```
#5a8271
```
#5a8271 rgb(90,130,113)
```
#628e7b
```
#628e7b rgb(98,142,123)
```

Shade Color Variation

#6b9985
```
#6b9985 rgb(107,153,133)
```
#77a18f
```
#77a18f rgb(119,161,143)
```
#82a998
```
#82a998 rgb(130,169,152)
```
#8eb1a2
```
#8eb1a2 rgb(142,177,162)
```
#99b9ab
```
#99b9ab rgb(153,185,171)
```
#a5c1b5
```
#a5c1b5 rgb(165,193,181)
```
#b1c9bf
```
#b1c9bf rgb(177,201,191)
```
#bcd1c8
```
#bcd1c8 rgb(188,209,200)
```
#c8d9d2
```
#c8d9d2 rgb(200,217,210)
```
#d3e1db
```
#d3e1db rgb(211,225,219)
```
#dfe9e5
```
#dfe9e5 rgb(223,233,229)
```
#ebf1ee
```
#ebf1ee rgb(235,241,238)
```
#f6f9f8
```
#f6f9f8 rgb(246,249,248)
```

Tint Color Variation

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

#454947
```
#454947 rgb(69,73,71)
```
#3f4f48
```
#3f4f48 rgb(63,79,72)
```
#3a5449
```
#3a5449 rgb(58,84,73)
```
#35594a
```
#35594a rgb(53,89,74)
```
#2f5f4b
```
#2f5f4b rgb(47,95,75)
```
#2a644c
```
#2a644c rgb(42,100,76)
```
#246a4c
```
#246a4c rgb(36,106,76)
```
#1f6f4d
```
#1f6f4d rgb(31,111,77)
```
#19754e
```
#19754e rgb(25,117,78)
```
#147a4f
```
#147a4f rgb(20,122,79)
```
#0e8050
```
#0e8050 rgb(14,128,80)
```
#098551
```
#098551 rgb(9,133,81)
```
#038b51
```
#038b51 rgb(3,139,81)
```

Tone Color Variation

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

#4b4b4b Achromatopsia 0.005% of the population
#484d4b Atypical Achromatopsia 0.001% of the population

Dichromacy

#5b574f Protanopia 1% of men
#605555 Deuteranopia 1% of men
#475a61 Tritanopia 0.001% of the population

Trichromacy

#4f564d Protanomaly 1% of men, 0.01% of women
#525450 Deuteranomaly 6% of men, 0.4% of women
#425858 Tritanomaly 0.01% of the population

#3a5449 hex color

#3a5449 Color Information

#3a5449 Color Conversion

Color Schemes with #3a5449

Alternatives to #3a5449

#3a5449 Preview

Shades and Tints of #3a5449

Tones of #3a5449

Color Blindness Simulator