#3a5348 hex color

In a RGB color space, hex #3a5348 is composed of 22.7% red, 32.5% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 30.1% cyan, 0% magenta, 13.3% yellow and 67.5% black. It has a hue angle of 153.6 degrees, a saturation of 17.7% and a lightness of 27.6%. #3a5348 color hex could be obtained by blending #74a690 with #000000. Closest websafe color is: #336633.

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

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

The hexadecimal color #3a5348 has RGB values of R:58, G:83, B:72 and CMYK values of C:0.3, M:0, Y:0.13, K:0.67. Its decimal value is 3822408.

Hex triplet	3a5348	`#3a5348`
RGB Decimal	58, 83, 72	`rgb(58,83,72)`
RGB Percent	22.7, 32.5, 28.2	`rgb(22.7%,32.5%,28.2%)`
CMYK	30, 0, 13, 67
HSL	153.6°, 17.7, 27.6	`hsl(153.6,17.7%,27.6%)`
HSV (or HSB)	153.6°, 30.1, 32.5
Web Safe	336633	`#336633`

CIE-LAB	33.036, -12.191, 3.399
XYZ	6.008, 7.554, 7.272
xyY	0.288, 0.363, 7.554
CIE-LCH	33.036, 12.656, 164.42
CIE-LUV	33.036, -11.84, 5.744
Hunter-Lab	27.484, -9.08, 3.551
Binary	00111010, 01010011, 01001000

#3a5348
```
#3a5348 rgb(58,83,72)
```
#533a45
```
#533a45 rgb(83,58,69)
```

Complementary Color

#3a533c
```
#3a533c rgb(58,83,60)
```
#3a5348
```
#3a5348 rgb(58,83,72)
```
#3a5253
```
#3a5253 rgb(58,82,83)
```

Analogous Color

#533c3a
```
#533c3a rgb(83,60,58)
```
#3a5348
```
#3a5348 rgb(58,83,72)
```
#533a52
```
#533a52 rgb(83,58,82)
```

Split Complementary Color

#53483a
```
#53483a rgb(83,72,58)
```
#3a5348
```
#3a5348 rgb(58,83,72)
```
#483a53
```
#483a53 rgb(72,58,83)
```

Triadic Color

#45533a
```
#45533a rgb(69,83,58)
```
#3a5348
```
#3a5348 rgb(58,83,72)
```
#483a53
```
#483a53 rgb(72,58,83)
```
#533a45
```
#533a45 rgb(83,58,69)
```

Tetradic Color

#1b2621
```
#1b2621 rgb(27,38,33)
```
#25352e
```
#25352e rgb(37,53,46)
```
#30443b
```
#30443b rgb(48,68,59)
```
#3a5348
```
#3a5348 rgb(58,83,72)
```
#446255
```
#446255 rgb(68,98,85)
```
#4f7162
```
#4f7162 rgb(79,113,98)
```
#59806f
```
#59806f rgb(89,128,111)
```

Monochromatic Color

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

#3a5342
```
#3a5342 rgb(58,83,66)
```
#3a5344
```
#3a5344 rgb(58,83,68)
```
#3a5346
```
#3a5346 rgb(58,83,70)
```
#3a5348
```
#3a5348 rgb(58,83,72)
```
#3a534a
```
#3a534a rgb(58,83,74)
```
#3a534c
```
#3a534c rgb(58,83,76)
```
#3a534e
```
#3a534e rgb(58,83,78)
```

Similar Colors

Text with hexadecimal color #3a5348

This text has a font color of #3a5348.

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

#3a5348 background color

This paragraph has a background color of #3a5348.

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

#3a5348 border color

This element has a border color of #3a5348.

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

CSS codes

.text {color:#3a5348;}

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

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

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

#020202
```
#020202 rgb(2,2,2)
```
#0a0e0c
```
#0a0e0c rgb(10,14,12)
```
#121916
```
#121916 rgb(18,25,22)
```
#1a2520
```
#1a2520 rgb(26,37,32)
```
#22302a
```
#22302a rgb(34,48,42)
```
#2a3c34
```
#2a3c34 rgb(42,60,52)
```
#32473e
```
#32473e rgb(50,71,62)
```
#3a5348
```
#3a5348 rgb(58,83,72)
```
#425f52
```
#425f52 rgb(66,95,82)
```
#4a6a5c
```
#4a6a5c rgb(74,106,92)
```
#527666
```
#527666 rgb(82,118,102)
```
#5a8170
```
#5a8170 rgb(90,129,112)
```
#628d7a
```
#628d7a rgb(98,141,122)
```

Shade Color Variation

#6b9884
```
#6b9884 rgb(107,152,132)
```
#77a08e
```
#77a08e rgb(119,160,142)
```
#82a897
```
#82a897 rgb(130,168,151)
```
#8eb0a1
```
#8eb0a1 rgb(142,176,161)
```
#99b8aa
```
#99b8aa rgb(153,184,170)
```
#a5c0b4
```
#a5c0b4 rgb(165,192,180)
```
#b0c8be
```
#b0c8be rgb(176,200,190)
```
#bcd0c7
```
#bcd0c7 rgb(188,208,199)
```
#c7d8d1
```
#c7d8d1 rgb(199,216,209)
```
#d3e0da
```
#d3e0da rgb(211,224,218)
```
#dfe8e4
```
#dfe8e4 rgb(223,232,228)
```
#eaf0ee
```
#eaf0ee rgb(234,240,238)
```
#f6f8f7
```
#f6f8f7 rgb(246,248,247)
```

Tint Color Variation

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

#454847
```
#454847 rgb(69,72,71)
```
#3f4e47
```
#3f4e47 rgb(63,78,71)
```
#3a5348
```
#3a5348 rgb(58,83,72)
```
#355849
```
#355849 rgb(53,88,73)
```
#2f5e49
```
#2f5e49 rgb(47,94,73)
```
#2a634a
```
#2a634a rgb(42,99,74)
```
#24694b
```
#24694b rgb(36,105,75)
```
#1f6e4b
```
#1f6e4b rgb(31,110,75)
```
#19744c
```
#19744c rgb(25,116,76)
```
#14794d
```
#14794d rgb(20,121,77)
```
#0f7e4d
```
#0f7e4d rgb(15,126,77)
```
#09844e
```
#09844e rgb(9,132,78)
```
#04894f
```
#04894f rgb(4,137,79)
```

Tone Color Variation

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

#4a4a4a Achromatopsia 0.005% of the population
#474c4a Atypical Achromatopsia 0.001% of the population

Dichromacy

#5a564e Protanopia 1% of men
#605454 Deuteranopia 1% of men
#475960 Tritanopia 0.001% of the population

Trichromacy

#4e554c Protanomaly 1% of men, 0.01% of women
#52534f Deuteranomaly 6% of men, 0.4% of women
#425757 Tritanomaly 0.01% of the population

#3a5348 hex color

#3a5348 Color Information

#3a5348 Color Conversion

Color Schemes with #3a5348

Alternatives to #3a5348

#3a5348 Preview

Shades and Tints of #3a5348

Tones of #3a5348

Color Blindness Simulator