#3a525e hex color

In a RGB color space, hex #3a525e is composed of 22.7% red, 32.2% green and 36.9% blue. Whereas in a CMYK color space, it is composed of 38.3% cyan, 12.8% magenta, 0% yellow and 63.1% black. It has a hue angle of 200 degrees, a saturation of 23.7% and a lightness of 29.8%. #3a525e color hex could be obtained by blending #74a4bc with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 23
- G 32
- B 37
RGB color chart
- C 38
- M 13
- Y 0
- K 63
CMYK color chart

● #3a525e color description : Very dark desaturated blue.

The hexadecimal color #3a525e has RGB values of R:58, G:82, B:94 and CMYK values of C:0.38, M:0.13, Y:0, K:0.63. Its decimal value is 3822174.

Hex triplet	3a525e	`#3a525e`
RGB Decimal	58, 82, 94	`rgb(58,82,94)`
RGB Percent	22.7, 32.2, 36.9	`rgb(22.7%,32.2%,36.9%)`
CMYK	38, 13, 0, 63
HSL	200°, 23.7, 29.8	`hsl(200,23.7%,29.8%)`
HSV (or HSB)	200°, 38.3, 36.9
Web Safe	336666	`#336666`

CIE-LAB	33.44, -5.716, -9.913
XYZ	6.782, 7.742, 11.726
xyY	0.258, 0.295, 7.742
CIE-LCH	33.44, 11.443, 240.031
CIE-LUV	33.44, -11.406, -11.993
Hunter-Lab	27.824, -5.184, -5.509
Binary	00111010, 01010010, 01011110

#3a525e
```
#3a525e rgb(58,82,94)
```
#5e463a
```
#5e463a rgb(94,70,58)
```

Complementary Color

#3a5e58
```
#3a5e58 rgb(58,94,88)
```
#3a525e
```
#3a525e rgb(58,82,94)
```
#3a405e
```
#3a405e rgb(58,64,94)
```

Analogous Color

#5e583a
```
#5e583a rgb(94,88,58)
```
#3a525e
```
#3a525e rgb(58,82,94)
```
#5e3a40
```
#5e3a40 rgb(94,58,64)
```

Split Complementary Color

#525e3a
```
#525e3a rgb(82,94,58)
```
#3a525e
```
#3a525e rgb(58,82,94)
```
#5e3a52
```
#5e3a52 rgb(94,58,82)
```

Triadic Color

#3a5e46
```
#3a5e46 rgb(58,94,70)
```
#3a525e
```
#3a525e rgb(58,82,94)
```
#5e3a52
```
#5e3a52 rgb(94,58,82)
```
#5e463a
```
#5e463a rgb(94,70,58)
```

Tetradic Color

#1d292f
```
#1d292f rgb(29,41,47)
```
#27363e
```
#27363e rgb(39,54,62)
```
#30444e
```
#30444e rgb(48,68,78)
```
#3a525e
```
#3a525e rgb(58,82,94)
```
#44606e
```
#44606e rgb(68,96,110)
```
#4d6e7e
```
#4d6e7e rgb(77,110,126)
```
#577b8d
```
#577b8d rgb(87,123,141)
```

Monochromatic Color

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

#3a5b5e
```
#3a5b5e rgb(58,91,94)
```
#3a585e
```
#3a585e rgb(58,88,94)
```
#3a555e
```
#3a555e rgb(58,85,94)
```
#3a525e
```
#3a525e rgb(58,82,94)
```
#3a4f5e
```
#3a4f5e rgb(58,79,94)
```
#3a4c5e
```
#3a4c5e rgb(58,76,94)
```
#3a495e
```
#3a495e rgb(58,73,94)
```

Similar Colors

Text with hexadecimal color #3a525e

This text has a font color of #3a525e.

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

#3a525e background color

This paragraph has a background color of #3a525e.

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

#3a525e border color

This element has a border color of #3a525e.

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

CSS codes

.text {color:#3a525e;}

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

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

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

#060809
```
#060809 rgb(6,8,9)
```
#0d1315
```
#0d1315 rgb(13,19,21)
```
#151d21
```
#151d21 rgb(21,29,33)
```
#1c282d
```
#1c282d rgb(28,40,45)
```
#24323a
```
#24323a rgb(36,50,58)
```
#2b3d46
```
#2b3d46 rgb(43,61,70)
```
#334752
```
#334752 rgb(51,71,82)
```
#3a525e
```
#3a525e rgb(58,82,94)
```
#415d6a
```
#415d6a rgb(65,93,106)
```
#496776
```
#496776 rgb(73,103,118)
```
#507282
```
#507282 rgb(80,114,130)
```
#587c8f
```
#587c8f rgb(88,124,143)
```
#5f879b
```
#5f879b rgb(95,135,155)
```

Shade Color Variation

#6a90a3
```
#6a90a3 rgb(106,144,163)
```
#7799ab
```
#7799ab rgb(119,153,171)
```
#83a2b2
```
#83a2b2 rgb(131,162,178)
```
#8fabba
```
#8fabba rgb(143,171,186)
```
#9bb4c1
```
#9bb4c1 rgb(155,180,193)
```
#a7bdc9
```
#a7bdc9 rgb(167,189,201)
```
#b3c7d0
```
#b3c7d0 rgb(179,199,208)
```
#bfd0d8
```
#bfd0d8 rgb(191,208,216)
```
#cbd9df
```
#cbd9df rgb(203,217,223)
```
#d8e2e7
```
#d8e2e7 rgb(216,226,231)
```
#e4ebee
```
#e4ebee rgb(228,235,238)
```
#f0f4f6
```
#f0f4f6 rgb(240,244,246)
```
#fcfdfd
```
#fcfdfd rgb(252,253,253)
```

Tint Color Variation

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

#4c4c4c
```
#4c4c4c rgb(76,76,76)
```
#464e52
```
#464e52 rgb(70,78,82)
```
#405058
```
#405058 rgb(64,80,88)
```
#3a525e
```
#3a525e rgb(58,82,94)
```
#345464
```
#345464 rgb(52,84,100)
```
#2e566a
```
#2e566a rgb(46,86,106)
```
#285870
```
#285870 rgb(40,88,112)
```
#235a75
```
#235a75 rgb(35,90,117)
```
#1d5c7b
```
#1d5c7b rgb(29,92,123)
```
#175e81
```
#175e81 rgb(23,94,129)
```
#116087
```
#116087 rgb(17,96,135)
```
#0b628d
```
#0b628d rgb(11,98,141)
```
#056493
```
#056493 rgb(5,100,147)
```

Tone Color Variation

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

#4c4c4c Achromatopsia 0.005% of the population
#484d50 Atypical Achromatopsia 0.001% of the population

Dichromacy

#555764 Protanopia 1% of men
#575668 Deuteranopia 1% of men
#435b62 Tritanopia 0.001% of the population

Trichromacy

#4b5561 Protanomaly 1% of men, 0.01% of women
#4c5464 Deuteranomaly 6% of men, 0.4% of women
#3f5860 Tritanomaly 0.01% of the population

#3a525e hex color

#3a525e Color Information

#3a525e Color Conversion

Color Schemes with #3a525e

Alternatives to #3a525e

#3a525e Preview

Shades and Tints of #3a525e

Tones of #3a525e

Color Blindness Simulator