#4c5a63 hex color

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

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

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

The hexadecimal color #4c5a63 has RGB values of R:76, G:90, B:99 and CMYK values of C:0.23, M:0.09, Y:0, K:0.61. Its decimal value is 5003875.

Hex triplet	4c5a63	`#4c5a63`
RGB Decimal	76, 90, 99	`rgb(76,90,99)`
RGB Percent	29.8, 35.3, 38.8	`rgb(29.8%,35.3%,38.8%)`
CMYK	23, 9, 0, 61
HSL	203.5°, 13.1, 34.3	`hsl(203.5,13.1%,34.3%)`
HSV (or HSB)	203.5°, 23.2, 38.8
Web Safe	336666	`#336666`

CIE-LAB	37.389, -3.175, -6.978
XYZ	8.888, 9.749, 13.217
xyY	0.279, 0.306, 9.749
CIE-LCH	37.389, 7.666, 245.533
CIE-LUV	37.389, -7.442, -8.68
Hunter-Lab	31.224, -3.83, -3.241
Binary	01001100, 01011010, 01100011

#4c5a63
```
#4c5a63 rgb(76,90,99)
```
#63554c
```
#63554c rgb(99,85,76)
```

Complementary Color

#4c6361
```
#4c6361 rgb(76,99,97)
```
#4c5a63
```
#4c5a63 rgb(76,90,99)
```
#4c4f63
```
#4c4f63 rgb(76,79,99)
```

Analogous Color

#63614c
```
#63614c rgb(99,97,76)
```
#4c5a63
```
#4c5a63 rgb(76,90,99)
```
#634c4f
```
#634c4f rgb(99,76,79)
```

Split Complementary Color

#5a634c
```
#5a634c rgb(90,99,76)
```
#4c5a63
```
#4c5a63 rgb(76,90,99)
```
#634c5a
```
#634c5a rgb(99,76,90)
```

Triadic Color

#4c6355
```
#4c6355 rgb(76,99,85)
```
#4c5a63
```
#4c5a63 rgb(76,90,99)
```
#634c5a
```
#634c5a rgb(99,76,90)
```
#63554c
```
#63554c rgb(99,85,76)
```

Tetradic Color

#2b3338
```
#2b3338 rgb(43,51,56)
```
#364046
```
#364046 rgb(54,64,70)
```
#414d55
```
#414d55 rgb(65,77,85)
```
#4c5a63
```
#4c5a63 rgb(76,90,99)
```
#576771
```
#576771 rgb(87,103,113)
```
#627480
```
#627480 rgb(98,116,128)
```
#6d818e
```
#6d818e rgb(109,129,142)
```

Monochromatic Color

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

#4c6063
```
#4c6063 rgb(76,96,99)
```
#4c5e63
```
#4c5e63 rgb(76,94,99)
```
#4c5c63
```
#4c5c63 rgb(76,92,99)
```
#4c5a63
```
#4c5a63 rgb(76,90,99)
```
#4c5863
```
#4c5863 rgb(76,88,99)
```
#4c5663
```
#4c5663 rgb(76,86,99)
```
#4c5463
```
#4c5463 rgb(76,84,99)
```

Similar Colors

Text with hexadecimal color #4c5a63

This text has a font color of #4c5a63.

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

#4c5a63 background color

This paragraph has a background color of #4c5a63.

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

#4c5a63 border color

This element has a border color of #4c5a63.

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

CSS codes

.text {color:#4c5a63;}

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

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

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

#08090a
```
#08090a rgb(8,9,10)
```
#101315
```
#101315 rgb(16,19,21)
```
#191d20
```
#191d20 rgb(25,29,32)
```
#21282c
```
#21282c rgb(33,40,44)
```
#2a3237
```
#2a3237 rgb(42,50,55)
```
#323c42
```
#323c42 rgb(50,60,66)
```
#3b464d
```
#3b464d rgb(59,70,77)
```
#435058
```
#435058 rgb(67,80,88)
```
#4c5a63
```
#4c5a63 rgb(76,90,99)
```
#55646e
```
#55646e rgb(85,100,110)
```
#5d6e79
```
#5d6e79 rgb(93,110,121)
```
#667884
```
#667884 rgb(102,120,132)
```
#6e828f
```
#6e828f rgb(110,130,143)
```

Shade Color Variation

#798c98
```
#798c98 rgb(121,140,152)
```
#8495a1
```
#8495a1 rgb(132,149,161)
```
#8f9fa9
```
#8f9fa9 rgb(143,159,169)
```
#9aa9b2
```
#9aa9b2 rgb(154,169,178)
```
#a5b2ba
```
#a5b2ba rgb(165,178,186)
```
#b0bcc3
```
#b0bcc3 rgb(176,188,195)
```
#bcc5cb
```
#bcc5cb rgb(188,197,203)
```
#c7cfd4
```
#c7cfd4 rgb(199,207,212)
```
#d2d8dc
```
#d2d8dc rgb(210,216,220)
```
#dde2e5
```
#dde2e5 rgb(221,226,229)
```
#e8ebed
```
#e8ebed rgb(232,235,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, #53595c is the less saturated color, while #026aad is the most saturated one.

#53595c
```
#53595c rgb(83,89,92)
```
#4c5a63
```
#4c5a63 rgb(76,90,99)
```
#455b6a
```
#455b6a rgb(69,91,106)
```
#3f5d70
```
#3f5d70 rgb(63,93,112)
```
#385e77
```
#385e77 rgb(56,94,119)
```
#31607e
```
#31607e rgb(49,96,126)
```
#2a6185
```
#2a6185 rgb(42,97,133)
```
#24638b
```
#24638b rgb(36,99,139)
```
#1d6492
```
#1d6492 rgb(29,100,146)
```
#166699
```
#166699 rgb(22,102,153)
```
#0f67a0
```
#0f67a0 rgb(15,103,160)
```
#0969a6
```
#0969a6 rgb(9,105,166)
```
#026aad
```
#026aad rgb(2,106,173)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#555859 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5f6069 Protanopia 1% of men
#635e6c Deuteranopia 1% of men
#556269 Tritanopia 0.001% of the population

Trichromacy

#585d67 Protanomaly 1% of men, 0.01% of women
#5b5c69 Deuteranomaly 6% of men, 0.4% of women
#515f67 Tritanomaly 0.01% of the population

#4c5a63 hex color

#4c5a63 Color Information

#4c5a63 Color Conversion

Color Schemes with #4c5a63

Alternatives to #4c5a63

#4c5a63 Preview

Shades and Tints of #4c5a63

Tones of #4c5a63

Color Blindness Simulator