#3a524d hex color

In a RGB color space, hex #3a524d is composed of 22.7% red, 32.2% green and 30.2% blue. Whereas in a CMYK color space, it is composed of 29.3% cyan, 0% magenta, 6.1% yellow and 67.8% black. It has a hue angle of 167.5 degrees, a saturation of 17.1% and a lightness of 27.5%. #3a524d color hex could be obtained by blending #74a49a with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 23
- G 32
- B 30
RGB color chart
- C 29
- M 0
- Y 6
- K 68
CMYK color chart

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

The hexadecimal color #3a524d has RGB values of R:58, G:82, B:77 and CMYK values of C:0.29, M:0, Y:0.06, K:0.68. Its decimal value is 3822157.

Hex triplet	3a524d	`#3a524d`
RGB Decimal	58, 82, 77	`rgb(58,82,77)`
RGB Percent	22.7, 32.2, 30.2	`rgb(22.7%,32.2%,30.2%)`
CMYK	29, 0, 6, 68
HSL	167.5°, 17.1, 27.5	`hsl(167.5,17.1%,27.5%)`
HSV (or HSB)	167.5°, 29.3, 32.2
Web Safe	336666	`#336666`

CIE-LAB	32.853, -10.372, -0.027
XYZ	6.101, 7.47, 8.141
xyY	0.281, 0.344, 7.47
CIE-LCH	32.853, 10.372, 180.149
CIE-LUV	32.853, -11.385, 1.368
Hunter-Lab	27.331, -7.98, 1.471
Binary	00111010, 01010010, 01001101

#3a524d
```
#3a524d rgb(58,82,77)
```
#523a3f
```
#523a3f rgb(82,58,63)
```

Complementary Color

#3a5241
```
#3a5241 rgb(58,82,65)
```
#3a524d
```
#3a524d rgb(58,82,77)
```
#3a4b52
```
#3a4b52 rgb(58,75,82)
```

Analogous Color

#52413a
```
#52413a rgb(82,65,58)
```
#3a524d
```
#3a524d rgb(58,82,77)
```
#523a4b
```
#523a4b rgb(82,58,75)
```

Split Complementary Color

#524d3a
```
#524d3a rgb(82,77,58)
```
#3a524d
```
#3a524d rgb(58,82,77)
```
#4d3a52
```
#4d3a52 rgb(77,58,82)
```

Triadic Color

#3f523a
```
#3f523a rgb(63,82,58)
```
#3a524d
```
#3a524d rgb(58,82,77)
```
#4d3a52
```
#4d3a52 rgb(77,58,82)
```
#523a3f
```
#523a3f rgb(82,58,63)
```

Tetradic Color

#1a2523
```
#1a2523 rgb(26,37,35)
```
#253431
```
#253431 rgb(37,52,49)
```
#2f433f
```
#2f433f rgb(47,67,63)
```
#3a524d
```
#3a524d rgb(58,82,77)
```
#45615b
```
#45615b rgb(69,97,91)
```
#4f7069
```
#4f7069 rgb(79,112,105)
```
#5a7f77
```
#5a7f77 rgb(90,127,119)
```

Monochromatic Color

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

#3a5247
```
#3a5247 rgb(58,82,71)
```
#3a5249
```
#3a5249 rgb(58,82,73)
```
#3a524b
```
#3a524b rgb(58,82,75)
```
#3a524d
```
#3a524d rgb(58,82,77)
```
#3a524f
```
#3a524f rgb(58,82,79)
```
#3a5251
```
#3a5251 rgb(58,82,81)
```
#3a5152
```
#3a5152 rgb(58,81,82)
```

Similar Colors

Text with hexadecimal color #3a524d

This text has a font color of #3a524d.

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

#3a524d background color

This paragraph has a background color of #3a524d.

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

#3a524d border color

This element has a border color of #3a524d.

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

CSS codes

.text {color:#3a524d;}

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

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

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

#010201
```
#010201 rgb(1,2,1)
```
#090d0c
```
#090d0c rgb(9,13,12)
```
#111917
```
#111917 rgb(17,25,23)
```
#192422
```
#192422 rgb(25,36,34)
```
#22302d
```
#22302d rgb(34,48,45)
```
#2a3b37
```
#2a3b37 rgb(42,59,55)
```
#324742
```
#324742 rgb(50,71,66)
```
#3a524d
```
#3a524d rgb(58,82,77)
```
#425d58
```
#425d58 rgb(66,93,88)
```
#4a6963
```
#4a6963 rgb(74,105,99)
```
#52746d
```
#52746d rgb(82,116,109)
```
#5b8078
```
#5b8078 rgb(91,128,120)
```
#638b83
```
#638b83 rgb(99,139,131)
```

Shade Color Variation

#6b968d
```
#6b968d rgb(107,150,141)
```
#779f96
```
#779f96 rgb(119,159,150)
```
#82a79f
```
#82a79f rgb(130,167,159)
```
#8eafa8
```
#8eafa8 rgb(142,175,168)
```
#99b7b1
```
#99b7b1 rgb(153,183,177)
```
#a5bfba
```
#a5bfba rgb(165,191,186)
```
#b0c7c2
```
#b0c7c2 rgb(176,199,194)
```
#bccfcb
```
#bccfcb rgb(188,207,203)
```
#c7d7d4
```
#c7d7d4 rgb(199,215,212)
```
#d3e0dd
```
#d3e0dd rgb(211,224,221)
```
#dee8e6
```
#dee8e6 rgb(222,232,230)
```
#eaf0ef
```
#eaf0ef rgb(234,240,239)
```
#f5f8f7
```
#f5f8f7 rgb(245,248,247)
```

Tint Color Variation

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

#454747
```
#454747 rgb(69,71,71)
```
#3f4d4a
```
#3f4d4a rgb(63,77,74)
```
#3a524d
```
#3a524d rgb(58,82,77)
```
#355750
```
#355750 rgb(53,87,80)
```
#2f5d53
```
#2f5d53 rgb(47,93,83)
```
#2a6256
```
#2a6256 rgb(42,98,86)
```
#24685a
```
#24685a rgb(36,104,90)
```
#1f6d5d
```
#1f6d5d rgb(31,109,93)
```
#1a7260
```
#1a7260 rgb(26,114,96)
```
#147863
```
#147863 rgb(20,120,99)
```
#0f7d66
```
#0f7d66 rgb(15,125,102)
```
#0a8269
```
#0a8269 rgb(10,130,105)
```
#04886c
```
#04886c rgb(4,136,108)
```

Tone Color Variation

Below, you can see how #3a524d 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
#474c4b Atypical Achromatopsia 0.001% of the population

Dichromacy

#585653 Protanopia 1% of men
#5d5458 Deuteranopia 1% of men
#46595f Tritanopia 0.001% of the population

Trichromacy

#4d5451 Protanomaly 1% of men, 0.01% of women
#505354 Deuteranomaly 6% of men, 0.4% of women
#425659 Tritanomaly 0.01% of the population

#3a524d hex color

#3a524d Color Information

#3a524d Color Conversion

Color Schemes with #3a524d

Alternatives to #3a524d

#3a524d Preview

Shades and Tints of #3a524d

Tones of #3a524d

Color Blindness Simulator