#3a534a hex color

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

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

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

The hexadecimal color #3a534a has RGB values of R:58, G:83, B:74 and CMYK values of C:0.3, M:0, Y:0.11, K:0.67. Its decimal value is 3822410.

Hex triplet	3a534a	`#3a534a`
RGB Decimal	58, 83, 74	`rgb(58,83,74)`
RGB Percent	22.7, 32.5, 29	`rgb(22.7%,32.5%,29%)`
CMYK	30, 0, 11, 67
HSL	158.4°, 17.7, 27.6	`hsl(158.4,17.7%,27.6%)`
HSV (or HSB)	158.4°, 30.1, 32.5
Web Safe	336633	`#336633`

CIE-LAB	33.093, -11.708, 2.219
XYZ	6.074, 7.58, 7.621
xyY	0.285, 0.356, 7.58
CIE-LCH	33.093, 11.916, 169.267
CIE-LUV	33.093, -11.837, 4.277
Hunter-Lab	27.532, -8.803, 2.86
Binary	00111010, 01010011, 01001010

#3a534a
```
#3a534a rgb(58,83,74)
```
#533a43
```
#533a43 rgb(83,58,67)
```

Complementary Color

#3a533e
```
#3a533e rgb(58,83,62)
```
#3a534a
```
#3a534a rgb(58,83,74)
```
#3a5053
```
#3a5053 rgb(58,80,83)
```

Analogous Color

#533e3a
```
#533e3a rgb(83,62,58)
```
#3a534a
```
#3a534a rgb(58,83,74)
```
#533a50
```
#533a50 rgb(83,58,80)
```

Split Complementary Color

#534a3a
```
#534a3a rgb(83,74,58)
```
#3a534a
```
#3a534a rgb(58,83,74)
```
#4a3a53
```
#4a3a53 rgb(74,58,83)
```

Triadic Color

#43533a
```
#43533a rgb(67,83,58)
```
#3a534a
```
#3a534a rgb(58,83,74)
```
#4a3a53
```
#4a3a53 rgb(74,58,83)
```
#533a43
```
#533a43 rgb(83,58,67)
```

Tetradic Color

#1b2622
```
#1b2622 rgb(27,38,34)
```
#25352f
```
#25352f rgb(37,53,47)
```
#30443d
```
#30443d rgb(48,68,61)
```
#3a534a
```
#3a534a rgb(58,83,74)
```
#446257
```
#446257 rgb(68,98,87)
```
#4f7165
```
#4f7165 rgb(79,113,101)
```
#598072
```
#598072 rgb(89,128,114)
```

Monochromatic Color

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

#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)
```
#3a5350
```
#3a5350 rgb(58,83,80)
```

Similar Colors

Text with hexadecimal color #3a534a

This text has a font color of #3a534a.

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

#3a534a background color

This paragraph has a background color of #3a534a.

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

#3a534a border color

This element has a border color of #3a534a.

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

CSS codes

.text {color:#3a534a;}

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

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

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)
```
#121917
```
#121917 rgb(18,25,23)
```
#1a2521
```
#1a2521 rgb(26,37,33)
```
#22302b
```
#22302b rgb(34,48,43)
```
#2a3c35
```
#2a3c35 rgb(42,60,53)
```
#324740
```
#324740 rgb(50,71,64)
```
#3a534a
```
#3a534a rgb(58,83,74)
```
#425f54
```
#425f54 rgb(66,95,84)
```
#4a6a5f
```
#4a6a5f rgb(74,106,95)
```
#527669
```
#527669 rgb(82,118,105)
```
#5a8173
```
#5a8173 rgb(90,129,115)
```
#628d7d
```
#628d7d rgb(98,141,125)
```

Shade Color Variation

#6b9888
```
#6b9888 rgb(107,152,136)
```
#77a091
```
#77a091 rgb(119,160,145)
```
#82a89a
```
#82a89a rgb(130,168,154)
```
#8eb0a4
```
#8eb0a4 rgb(142,176,164)
```
#99b8ad
```
#99b8ad rgb(153,184,173)
```
#a5c0b6
```
#a5c0b6 rgb(165,192,182)
```
#b0c8c0
```
#b0c8c0 rgb(176,200,192)
```
#bcd0c9
```
#bcd0c9 rgb(188,208,201)
```
#c7d8d2
```
#c7d8d2 rgb(199,216,210)
```
#d3e0db
```
#d3e0db rgb(211,224,219)
```
#dfe8e5
```
#dfe8e5 rgb(223,232,229)
```
#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 #048959 is the most saturated one.

#454847
```
#454847 rgb(69,72,71)
```
#3f4e48
```
#3f4e48 rgb(63,78,72)
```
#3a534a
```
#3a534a rgb(58,83,74)
```
#35584c
```
#35584c rgb(53,88,76)
```
#2f5e4d
```
#2f5e4d rgb(47,94,77)
```
#2a634f
```
#2a634f rgb(42,99,79)
```
#246950
```
#246950 rgb(36,105,80)
```
#1f6e52
```
#1f6e52 rgb(31,110,82)
```
#197453
```
#197453 rgb(25,116,83)
```
#147955
```
#147955 rgb(20,121,85)
```
#0f7e56
```
#0f7e56 rgb(15,126,86)
```
#098458
```
#098458 rgb(9,132,88)
```
#048959
```
#048959 rgb(4,137,89)
```

Tone Color Variation

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

#5a5650 Protanopia 1% of men
#5f5455 Deuteranopia 1% of men
#475960 Tritanopia 0.001% of the population

Trichromacy

#4e554e Protanomaly 1% of men, 0.01% of women
#515351 Deuteranomaly 6% of men, 0.4% of women
#425758 Tritanomaly 0.01% of the population

#3a534a hex color

#3a534a Color Information

#3a534a Color Conversion

Color Schemes with #3a534a

Alternatives to #3a534a

#3a534a Preview

Shades and Tints of #3a534a

Tones of #3a534a

Color Blindness Simulator