#3a534d hex color

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

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

● #3a534d color description : Very dark grayish cyan.

The hexadecimal color #3a534d has RGB values of R:58, G:83, B:77 and CMYK values of C:0.3, M:0, Y:0.07, K:0.67. Its decimal value is 3822413.

Hex triplet	3a534d	`#3a534d`
RGB Decimal	58, 83, 77	`rgb(58,83,77)`
RGB Percent	22.7, 32.5, 30.2	`rgb(22.7%,32.5%,30.2%)`
CMYK	30, 0, 7, 67
HSL	165.6°, 17.7, 27.6	`hsl(165.6,17.7%,27.6%)`
HSV (or HSB)	165.6°, 30.1, 32.5
Web Safe	336666	`#336666`

CIE-LAB	33.182, -10.963, 0.453
XYZ	6.177, 7.622, 8.166
xyY	0.281, 0.347, 7.622
CIE-LCH	33.182, 10.972, 177.634
CIE-LUV	33.182, -11.833, 2.039
Hunter-Lab	27.607, -8.372, 1.787
Binary	00111010, 01010011, 01001101

#3a534d
```
#3a534d rgb(58,83,77)
```
#533a40
```
#533a40 rgb(83,58,64)
```

Complementary Color

#3a5341
```
#3a5341 rgb(58,83,65)
```
#3a534d
```
#3a534d rgb(58,83,77)
```
#3a4d53
```
#3a4d53 rgb(58,77,83)
```

Analogous Color

#53413a
```
#53413a rgb(83,65,58)
```
#3a534d
```
#3a534d rgb(58,83,77)
```
#533a4d
```
#533a4d rgb(83,58,77)
```

Split Complementary Color

#534d3a
```
#534d3a rgb(83,77,58)
```
#3a534d
```
#3a534d rgb(58,83,77)
```
#4d3a53
```
#4d3a53 rgb(77,58,83)
```

Triadic Color

#40533a
```
#40533a rgb(64,83,58)
```
#3a534d
```
#3a534d rgb(58,83,77)
```
#4d3a53
```
#4d3a53 rgb(77,58,83)
```
#533a40
```
#533a40 rgb(83,58,64)
```

Tetradic Color

#1b2623
```
#1b2623 rgb(27,38,35)
```
#253531
```
#253531 rgb(37,53,49)
```
#30443f
```
#30443f rgb(48,68,63)
```
#3a534d
```
#3a534d rgb(58,83,77)
```
#44625b
```
#44625b rgb(68,98,91)
```
#4f7169
```
#4f7169 rgb(79,113,105)
```
#598077
```
#598077 rgb(89,128,119)
```

Monochromatic Color

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

#3a5347
```
#3a5347 rgb(58,83,71)
```
#3a5349
```
#3a5349 rgb(58,83,73)
```
#3a534b
```
#3a534b rgb(58,83,75)
```
#3a534d
```
#3a534d rgb(58,83,77)
```
#3a534f
```
#3a534f rgb(58,83,79)
```
#3a5351
```
#3a5351 rgb(58,83,81)
```
#3a5353
```
#3a5353 rgb(58,83,83)
```

Similar Colors

Text with hexadecimal color #3a534d

This text has a font color of #3a534d.

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

#3a534d background color

This paragraph has a background color of #3a534d.

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

#3a534d border color

This element has a border color of #3a534d.

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

CSS codes

.text {color:#3a534d;}

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

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

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 #f6f8f8 is the lightest one.

#020202
```
#020202 rgb(2,2,2)
```
#0a0e0d
```
#0a0e0d rgb(10,14,13)
```
#121917
```
#121917 rgb(18,25,23)
```
#1a2522
```
#1a2522 rgb(26,37,34)
```
#22302d
```
#22302d rgb(34,48,45)
```
#2a3c38
```
#2a3c38 rgb(42,60,56)
```
#324742
```
#324742 rgb(50,71,66)
```
#3a534d
```
#3a534d rgb(58,83,77)
```
#425f58
```
#425f58 rgb(66,95,88)
```
#4a6a62
```
#4a6a62 rgb(74,106,98)
```
#52766d
```
#52766d rgb(82,118,109)
```
#5a8178
```
#5a8178 rgb(90,129,120)
```
#628d83
```
#628d83 rgb(98,141,131)
```

Shade Color Variation

#6b988d
```
#6b988d rgb(107,152,141)
```
#77a096
```
#77a096 rgb(119,160,150)
```
#82a89f
```
#82a89f rgb(130,168,159)
```
#8eb0a8
```
#8eb0a8 rgb(142,176,168)
```
#99b8b1
```
#99b8b1 rgb(153,184,177)
```
#a5c0b9
```
#a5c0b9 rgb(165,192,185)
```
#b0c8c2
```
#b0c8c2 rgb(176,200,194)
```
#bcd0cb
```
#bcd0cb rgb(188,208,203)
```
#c7d8d4
```
#c7d8d4 rgb(199,216,212)
```
#d3e0dd
```
#d3e0dd rgb(211,224,221)
```
#dfe8e6
```
#dfe8e6 rgb(223,232,230)
```
#eaf0ef
```
#eaf0ef rgb(234,240,239)
```
#f6f8f8
```
#f6f8f8 rgb(246,248,248)
```

Tint Color Variation

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

#454847
```
#454847 rgb(69,72,71)
```
#3f4e4a
```
#3f4e4a rgb(63,78,74)
```
#3a534d
```
#3a534d rgb(58,83,77)
```
#355850
```
#355850 rgb(53,88,80)
```
#2f5e53
```
#2f5e53 rgb(47,94,83)
```
#2a6355
```
#2a6355 rgb(42,99,85)
```
#246958
```
#246958 rgb(36,105,88)
```
#1f6e5b
```
#1f6e5b rgb(31,110,91)
```
#19745e
```
#19745e rgb(25,116,94)
```
#147961
```
#147961 rgb(20,121,97)
```
#0f7e64
```
#0f7e64 rgb(15,126,100)
```
#098466
```
#098466 rgb(9,132,102)
```
#048969
```
#048969 rgb(4,137,105)
```

Tone Color Variation

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

#595653 Protanopia 1% of men
#5e5458 Deuteranopia 1% of men
#475a60 Tritanopia 0.001% of the population

Trichromacy

#4e5551 Protanomaly 1% of men, 0.01% of women
#515454 Deuteranomaly 6% of men, 0.4% of women
#425759 Tritanomaly 0.01% of the population

#3a534d hex color

#3a534d Color Information

#3a534d Color Conversion

Color Schemes with #3a534d

Alternatives to #3a534d

#3a534d Preview

Shades and Tints of #3a534d

Tones of #3a534d

Color Blindness Simulator