#3a4d53 hex color

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

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

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

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

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

CIE-LAB	31.42, -5.759, -5.963
XYZ	5.96, 6.832, 9.188
xyY	0.271, 0.311, 6.832
CIE-LCH	31.42, 8.29, 226.001
CIE-LUV	31.42, -9.211, -6.631
Hunter-Lab	26.137, -5.039, -2.545
Binary	00111010, 01001101, 01010011

#3a4d53
```
#3a4d53 rgb(58,77,83)
```
#53403a
```
#53403a rgb(83,64,58)
```

Complementary Color

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

Analogous Color

#534d3a
```
#534d3a rgb(83,77,58)
```
#3a4d53
```
#3a4d53 rgb(58,77,83)
```
#533a41
```
#533a41 rgb(83,58,65)
```

Split Complementary Color

#4d533a
```
#4d533a rgb(77,83,58)
```
#3a4d53
```
#3a4d53 rgb(58,77,83)
```
#533a4d
```
#533a4d rgb(83,58,77)
```

Triadic Color

#3a5340
```
#3a5340 rgb(58,83,64)
```
#3a4d53
```
#3a4d53 rgb(58,77,83)
```
#533a4d
```
#533a4d rgb(83,58,77)
```
#53403a
```
#53403a rgb(83,64,58)
```

Tetradic Color

#1b2326
```
#1b2326 rgb(27,35,38)
```
#253135
```
#253135 rgb(37,49,53)
```
#303f44
```
#303f44 rgb(48,63,68)
```
#3a4d53
```
#3a4d53 rgb(58,77,83)
```
#445b62
```
#445b62 rgb(68,91,98)
```
#4f6971
```
#4f6971 rgb(79,105,113)
```
#597780
```
#597780 rgb(89,119,128)
```

Monochromatic Color

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

#3a5353
```
#3a5353 rgb(58,83,83)
```
#3a5153
```
#3a5153 rgb(58,81,83)
```
#3a4f53
```
#3a4f53 rgb(58,79,83)
```
#3a4d53
```
#3a4d53 rgb(58,77,83)
```
#3a4b53
```
#3a4b53 rgb(58,75,83)
```
#3a4953
```
#3a4953 rgb(58,73,83)
```
#3a4753
```
#3a4753 rgb(58,71,83)
```

Similar Colors

Text with hexadecimal color #3a4d53

This text has a font color of #3a4d53.

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

#3a4d53 background color

This paragraph has a background color of #3a4d53.

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

#3a4d53 border color

This element has a border color of #3a4d53.

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

CSS codes

.text {color:#3a4d53;}

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

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

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)
```
#0a0d0e
```
#0a0d0e rgb(10,13,14)
```
#121719
```
#121719 rgb(18,23,25)
```
#1a2225
```
#1a2225 rgb(26,34,37)
```
#222d30
```
#222d30 rgb(34,45,48)
```
#2a383c
```
#2a383c rgb(42,56,60)
```
#324247
```
#324247 rgb(50,66,71)
```
#3a4d53
```
#3a4d53 rgb(58,77,83)
```
#42585f
```
#42585f rgb(66,88,95)
```
#4a626a
```
#4a626a rgb(74,98,106)
```
#526d76
```
#526d76 rgb(82,109,118)
```
#5a7881
```
#5a7881 rgb(90,120,129)
```
#62838d
```
#62838d rgb(98,131,141)
```

Shade Color Variation

#6b8d98
```
#6b8d98 rgb(107,141,152)
```
#7796a0
```
#7796a0 rgb(119,150,160)
```
#829fa8
```
#829fa8 rgb(130,159,168)
```
#8ea8b0
```
#8ea8b0 rgb(142,168,176)
```
#99b1b8
```
#99b1b8 rgb(153,177,184)
```
#a5b9c0
```
#a5b9c0 rgb(165,185,192)
```
#b0c2c8
```
#b0c2c8 rgb(176,194,200)
```
#bccbd0
```
#bccbd0 rgb(188,203,208)
```
#c7d4d8
```
#c7d4d8 rgb(199,212,216)
```
#d3dde0
```
#d3dde0 rgb(211,221,224)
```
#dfe6e8
```
#dfe6e8 rgb(223,230,232)
```
#eaeff0
```
#eaeff0 rgb(234,239,240)
```
#f6f8f8
```
#f6f8f8 rgb(246,248,248)
```

Tint Color Variation

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

#454748
```
#454748 rgb(69,71,72)
```
#3f4a4e
```
#3f4a4e rgb(63,74,78)
```
#3a4d53
```
#3a4d53 rgb(58,77,83)
```
#355058
```
#355058 rgb(53,80,88)
```
#2f535e
```
#2f535e rgb(47,83,94)
```
#2a5563
```
#2a5563 rgb(42,85,99)
```
#245869
```
#245869 rgb(36,88,105)
```
#1f5b6e
```
#1f5b6e rgb(31,91,110)
```
#195e74
```
#195e74 rgb(25,94,116)
```
#146179
```
#146179 rgb(20,97,121)
```
#0f647e
```
#0f647e rgb(15,100,126)
```
#096684
```
#096684 rgb(9,102,132)
```
#046989
```
#046989 rgb(4,105,137)
```

Tone Color Variation

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

#484848 Achromatopsia 0.005% of the population
#45494a Atypical Achromatopsia 0.001% of the population

Dichromacy

#525259 Protanopia 1% of men
#55515d Deuteranopia 1% of men
#44565c Tritanopia 0.001% of the population

Trichromacy

#495057 Protanomaly 1% of men, 0.01% of women
#4b4f59 Deuteranomaly 6% of men, 0.4% of women
#405259 Tritanomaly 0.01% of the population

#3a4d53 hex color

#3a4d53 Color Information

#3a4d53 Color Conversion

Color Schemes with #3a4d53

Alternatives to #3a4d53

#3a4d53 Preview

Shades and Tints of #3a4d53

Tones of #3a4d53

Color Blindness Simulator