#4c5d63 hex color

In a RGB color space, hex #4c5d63 is composed of 29.8% red, 36.5% green and 38.8% blue. Whereas in a CMYK color space, it is composed of 23.2% cyan, 6.1% magenta, 0% yellow and 61.2% black. It has a hue angle of 195.7 degrees, a saturation of 13.1% and a lightness of 34.3%. #4c5d63 color hex could be obtained by blending #98bac6 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 30
- G 36
- B 39
RGB color chart
- C 23
- M 6
- Y 0
- K 61
CMYK color chart

● #4c5d63 color description : Very dark grayish blue.

The hexadecimal color #4c5d63 has RGB values of R:76, G:93, B:99 and CMYK values of C:0.23, M:0.06, Y:0, K:0.61. Its decimal value is 5004643.

Hex triplet	4c5d63	`#4c5d63`
RGB Decimal	76, 93, 99	`rgb(76,93,99)`
RGB Percent	29.8, 36.5, 38.8	`rgb(29.8%,36.5%,38.8%)`
CMYK	23, 6, 0, 61
HSL	195.7°, 13.1, 34.3	`hsl(195.7,13.1%,34.3%)`
HSV (or HSB)	195.7°, 23.2, 38.8
Web Safe	336666	`#336666`

CIE-LAB	38.315, -4.992, -5.595
XYZ	9.146, 10.266, 13.303
xyY	0.28, 0.314, 10.266
CIE-LCH	38.315, 7.498, 228.263
CIE-LUV	38.315, -8.793, -6.624
Hunter-Lab	32.04, -5.115, -2.189
Binary	01001100, 01011101, 01100011

#4c5d63
```
#4c5d63 rgb(76,93,99)
```
#63524c
```
#63524c rgb(99,82,76)
```

Complementary Color

#4c635e
```
#4c635e rgb(76,99,94)
```
#4c5d63
```
#4c5d63 rgb(76,93,99)
```
#4c5263
```
#4c5263 rgb(76,82,99)
```

Analogous Color

#635e4c
```
#635e4c rgb(99,94,76)
```
#4c5d63
```
#4c5d63 rgb(76,93,99)
```
#634c52
```
#634c52 rgb(99,76,82)
```

Split Complementary Color

#5d634c
```
#5d634c rgb(93,99,76)
```
#4c5d63
```
#4c5d63 rgb(76,93,99)
```
#634c5d
```
#634c5d rgb(99,76,93)
```

Triadic Color

#4c6352
```
#4c6352 rgb(76,99,82)
```
#4c5d63
```
#4c5d63 rgb(76,93,99)
```
#634c5d
```
#634c5d rgb(99,76,93)
```
#63524c
```
#63524c rgb(99,82,76)
```

Tetradic Color

#2b3438
```
#2b3438 rgb(43,52,56)
```
#364246
```
#364246 rgb(54,66,70)
```
#414f55
```
#414f55 rgb(65,79,85)
```
#4c5d63
```
#4c5d63 rgb(76,93,99)
```
#576b71
```
#576b71 rgb(87,107,113)
```
#627880
```
#627880 rgb(98,120,128)
```
#6d868e
```
#6d868e rgb(109,134,142)
```

Monochromatic Color

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

#4c6363
```
#4c6363 rgb(76,99,99)
```
#4c6163
```
#4c6163 rgb(76,97,99)
```
#4c5f63
```
#4c5f63 rgb(76,95,99)
```
#4c5d63
```
#4c5d63 rgb(76,93,99)
```
#4c5b63
```
#4c5b63 rgb(76,91,99)
```
#4c5963
```
#4c5963 rgb(76,89,99)
```
#4c5763
```
#4c5763 rgb(76,87,99)
```

Similar Colors

Text with hexadecimal color #4c5d63

This text has a font color of #4c5d63.

<span style="color:#4c5d63;">Text here</span>

#4c5d63 background color

This paragraph has a background color of #4c5d63.

<p style="background-color:#4c5d63;">Content here</p>

#4c5d63 border color

This element has a border color of #4c5d63.

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

CSS codes

.text {color:#4c5d63;}

.background {background-color:#4c5d63;}

.border {border:1px solid #4c5d63;}

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, #080a0a is the darkest color, while #fefefe is the lightest one.

#080a0a
```
#080a0a rgb(8,10,10)
```
#101415
```
#101415 rgb(16,20,21)
```
#191e20
```
#191e20 rgb(25,30,32)
```
#21292c
```
#21292c rgb(33,41,44)
```
#2a3337
```
#2a3337 rgb(42,51,55)
```
#323e42
```
#323e42 rgb(50,62,66)
```
#3b484d
```
#3b484d rgb(59,72,77)
```
#435358
```
#435358 rgb(67,83,88)
```
#4c5d63
```
#4c5d63 rgb(76,93,99)
```
#55676e
```
#55676e rgb(85,103,110)
```
#5d7279
```
#5d7279 rgb(93,114,121)
```
#667c84
```
#667c84 rgb(102,124,132)
```
#6e878f
```
#6e878f rgb(110,135,143)
```

Shade Color Variation

#799098
```
#799098 rgb(121,144,152)
```
#8499a1
```
#8499a1 rgb(132,153,161)
```
#8fa2a9
```
#8fa2a9 rgb(143,162,169)
```
#9aacb2
```
#9aacb2 rgb(154,172,178)
```
#a5b5ba
```
#a5b5ba rgb(165,181,186)
```
#b0bec3
```
#b0bec3 rgb(176,190,195)
```
#bcc7cb
```
#bcc7cb rgb(188,199,203)
```
#c7d0d4
```
#c7d0d4 rgb(199,208,212)
```
#d2dadc
```
#d2dadc rgb(210,218,220)
```
#dde3e5
```
#dde3e5 rgb(221,227,229)
```
#e8eced
```
#e8eced rgb(232,236,237)
```
#f3f5f6
```
#f3f5f6 rgb(243,245,246)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#535a5c
```
#535a5c rgb(83,90,92)
```
#4c5d63
```
#4c5d63 rgb(76,93,99)
```
#45606a
```
#45606a rgb(69,96,106)
```
#3f6370
```
#3f6370 rgb(63,99,112)
```
#386777
```
#386777 rgb(56,103,119)
```
#316a7e
```
#316a7e rgb(49,106,126)
```
#2a6d85
```
#2a6d85 rgb(42,109,133)
```
#24708b
```
#24708b rgb(36,112,139)
```
#1d7492
```
#1d7492 rgb(29,116,146)
```
#167799
```
#167799 rgb(22,119,153)
```
#0f7aa0
```
#0f7aa0 rgb(15,122,160)
```
#097da6
```
#097da6 rgb(9,125,166)
```
#0280ad
```
#0280ad rgb(2,128,173)
```

Tone Color Variation

Below, you can see how #4c5d63 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

#595959 Achromatopsia 0.005% of the population
#565a5b Atypical Achromatopsia 0.001% of the population

Dichromacy

#626269 Protanopia 1% of men
#67606c Deuteranopia 1% of men
#55656c Tritanopia 0.001% of the population

Trichromacy

#5a6067 Protanomaly 1% of men, 0.01% of women
#5d5f69 Deuteranomaly 6% of men, 0.4% of women
#526269 Tritanomaly 0.01% of the population

#4c5d63 hex color

#4c5d63 Color Information

#4c5d63 Color Conversion

Color Schemes with #4c5d63

Alternatives to #4c5d63

#4c5d63 Preview

Shades and Tints of #4c5d63

Tones of #4c5d63

Color Blindness Simulator