#3a545e hex color

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

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

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

The hexadecimal color #3a545e has RGB values of R:58, G:84, B:94 and CMYK values of C:0.38, M:0.11, Y:0, K:0.63. Its decimal value is 3822686.

Hex triplet	3a545e	`#3a545e`
RGB Decimal	58, 84, 94	`rgb(58,84,94)`
RGB Percent	22.7, 32.9, 36.9	`rgb(22.7%,32.9%,36.9%)`
CMYK	38, 11, 0, 63
HSL	196.7°, 23.7, 29.8	`hsl(196.7,23.7%,29.8%)`
HSV (or HSB)	196.7°, 38.3, 36.9
Web Safe	336666	`#336666`

CIE-LAB	34.083, -6.94, -8.942
XYZ	6.935, 8.048, 11.777
xyY	0.259, 0.301, 8.048
CIE-LCH	34.083, 11.319, 232.185
CIE-LUV	34.083, -12.246, -10.603
Hunter-Lab	28.369, -6.01, -4.755
Binary	00111010, 01010100, 01011110

#3a545e
```
#3a545e rgb(58,84,94)
```
#5e443a
```
#5e443a rgb(94,68,58)
```

Complementary Color

#3a5e56
```
#3a5e56 rgb(58,94,86)
```
#3a545e
```
#3a545e rgb(58,84,94)
```
#3a425e
```
#3a425e rgb(58,66,94)
```

Analogous Color

#5e563a
```
#5e563a rgb(94,86,58)
```
#3a545e
```
#3a545e rgb(58,84,94)
```
#5e3a42
```
#5e3a42 rgb(94,58,66)
```

Split Complementary Color

#545e3a
```
#545e3a rgb(84,94,58)
```
#3a545e
```
#3a545e rgb(58,84,94)
```
#5e3a54
```
#5e3a54 rgb(94,58,84)
```

Triadic Color

#3a5e44
```
#3a5e44 rgb(58,94,68)
```
#3a545e
```
#3a545e rgb(58,84,94)
```
#5e3a54
```
#5e3a54 rgb(94,58,84)
```
#5e443a
```
#5e443a rgb(94,68,58)
```

Tetradic Color

#1d2a2f
```
#1d2a2f rgb(29,42,47)
```
#27383e
```
#27383e rgb(39,56,62)
```
#30464e
```
#30464e rgb(48,70,78)
```
#3a545e
```
#3a545e rgb(58,84,94)
```
#44626e
```
#44626e rgb(68,98,110)
```
#4d707e
```
#4d707e rgb(77,112,126)
```
#577e8d
```
#577e8d rgb(87,126,141)
```

Monochromatic Color

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

#3a5d5e
```
#3a5d5e rgb(58,93,94)
```
#3a5a5e
```
#3a5a5e rgb(58,90,94)
```
#3a575e
```
#3a575e rgb(58,87,94)
```
#3a545e
```
#3a545e rgb(58,84,94)
```
#3a515e
```
#3a515e rgb(58,81,94)
```
#3a4e5e
```
#3a4e5e rgb(58,78,94)
```
#3a4b5e
```
#3a4b5e rgb(58,75,94)
```

Similar Colors

Text with hexadecimal color #3a545e

This text has a font color of #3a545e.

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

#3a545e background color

This paragraph has a background color of #3a545e.

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

#3a545e border color

This element has a border color of #3a545e.

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

CSS codes

.text {color:#3a545e;}

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

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

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)
```
#151e21
```
#151e21 rgb(21,30,33)
```
#1c292d
```
#1c292d rgb(28,41,45)
```
#24333a
```
#24333a rgb(36,51,58)
```
#2b3e46
```
#2b3e46 rgb(43,62,70)
```
#334952
```
#334952 rgb(51,73,82)
```
#3a545e
```
#3a545e rgb(58,84,94)
```
#415f6a
```
#415f6a rgb(65,95,106)
```
#496a76
```
#496a76 rgb(73,106,118)
```
#507582
```
#507582 rgb(80,117,130)
```
#587f8f
```
#587f8f rgb(88,127,143)
```
#5f8a9b
```
#5f8a9b rgb(95,138,155)
```

Shade Color Variation

#6a93a3
```
#6a93a3 rgb(106,147,163)
```
#779cab
```
#779cab rgb(119,156,171)
```
#83a5b2
```
#83a5b2 rgb(131,165,178)
```
#8faeba
```
#8faeba rgb(143,174,186)
```
#9bb7c1
```
#9bb7c1 rgb(155,183,193)
```
#a7bfc9
```
#a7bfc9 rgb(167,191,201)
```
#b3c8d0
```
#b3c8d0 rgb(179,200,208)
```
#bfd1d8
```
#bfd1d8 rgb(191,209,216)
```
#cbdadf
```
#cbdadf rgb(203,218,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 #056b93 is the most saturated one.

#4c4c4c
```
#4c4c4c rgb(76,76,76)
```
#464f52
```
#464f52 rgb(70,79,82)
```
#405158
```
#405158 rgb(64,81,88)
```
#3a545e
```
#3a545e rgb(58,84,94)
```
#345764
```
#345764 rgb(52,87,100)
```
#2e596a
```
#2e596a rgb(46,89,106)
```
#285c70
```
#285c70 rgb(40,92,112)
```
#235e75
```
#235e75 rgb(35,94,117)
```
#1d617b
```
#1d617b rgb(29,97,123)
```
#176481
```
#176481 rgb(23,100,129)
```
#116687
```
#116687 rgb(17,102,135)
```
#0b698d
```
#0b698d rgb(11,105,141)
```
#056b93
```
#056b93 rgb(5,107,147)
```

Tone Color Variation

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

#4d4d4d Achromatopsia 0.005% of the population
#494e50 Atypical Achromatopsia 0.001% of the population

Dichromacy

#575863 Protanopia 1% of men
#595768 Deuteranopia 1% of men
#435d64 Tritanopia 0.001% of the population

Trichromacy

#4c5661 Protanomaly 1% of men, 0.01% of women
#4e5664 Deuteranomaly 6% of men, 0.4% of women
#405961 Tritanomaly 0.01% of the population

#3a545e hex color

#3a545e Color Information

#3a545e Color Conversion

Color Schemes with #3a545e

Alternatives to #3a545e

#3a545e Preview

Shades and Tints of #3a545e

Tones of #3a545e

Color Blindness Simulator