#4c5063 hex color

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

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

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

The hexadecimal color #4c5063 has RGB values of R:76, G:80, B:99 and CMYK values of C:0.23, M:0.19, Y:0, K:0.61. Its decimal value is 5001315.

Hex triplet	4c5063	`#4c5063`
RGB Decimal	76, 80, 99	`rgb(76,80,99)`
RGB Percent	29.8, 31.4, 38.8	`rgb(29.8%,31.4%,38.8%)`
CMYK	23, 19, 0, 61
HSL	229.6°, 13.1, 34.3	`hsl(229.6,13.1%,34.3%)`
HSV (or HSB)	229.6°, 23.2, 38.8
Web Safe	336666	`#336666`

CIE-LAB	34.344, 3.04, -11.568
XYZ	8.101, 8.175, 12.955
xyY	0.277, 0.28, 8.175
CIE-LCH	34.344, 11.961, 284.725
CIE-LUV	34.344, -3.02, -15.404
Hunter-Lab	28.591, 0.54, -6.851
Binary	01001100, 01010000, 01100011

#4c5063
```
#4c5063 rgb(76,80,99)
```
#635f4c
```
#635f4c rgb(99,95,76)
```

Complementary Color

#4c5c63
```
#4c5c63 rgb(76,92,99)
```
#4c5063
```
#4c5063 rgb(76,80,99)
```
#544c63
```
#544c63 rgb(84,76,99)
```

Analogous Color

#5c634c
```
#5c634c rgb(92,99,76)
```
#4c5063
```
#4c5063 rgb(76,80,99)
```
#63544c
```
#63544c rgb(99,84,76)
```

Split Complementary Color

#50634c
```
#50634c rgb(80,99,76)
```
#4c5063
```
#4c5063 rgb(76,80,99)
```
#634c50
```
#634c50 rgb(99,76,80)
```

Triadic Color

#4c635f
```
#4c635f rgb(76,99,95)
```
#4c5063
```
#4c5063 rgb(76,80,99)
```
#634c50
```
#634c50 rgb(99,76,80)
```
#635f4c
```
#635f4c rgb(99,95,76)
```

Tetradic Color

#2b2d38
```
#2b2d38 rgb(43,45,56)
```
#363946
```
#363946 rgb(54,57,70)
```
#414455
```
#414455 rgb(65,68,85)
```
#4c5063
```
#4c5063 rgb(76,80,99)
```
#575c71
```
#575c71 rgb(87,92,113)
```
#626780
```
#626780 rgb(98,103,128)
```
#6d738e
```
#6d738e rgb(109,115,142)
```

Monochromatic Color

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

#4c5663
```
#4c5663 rgb(76,86,99)
```
#4c5463
```
#4c5463 rgb(76,84,99)
```
#4c5263
```
#4c5263 rgb(76,82,99)
```
#4c5063
```
#4c5063 rgb(76,80,99)
```
#4c4e63
```
#4c4e63 rgb(76,78,99)
```
#4c4c63
```
#4c4c63 rgb(76,76,99)
```
#4e4c63
```
#4e4c63 rgb(78,76,99)
```

Similar Colors

Text with hexadecimal color #4c5063

This text has a font color of #4c5063.

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

#4c5063 background color

This paragraph has a background color of #4c5063.

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

#4c5063 border color

This element has a border color of #4c5063.

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

CSS codes

.text {color:#4c5063;}

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

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

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

#08080a
```
#08080a rgb(8,8,10)
```
#101115
```
#101115 rgb(16,17,21)
```
#191a20
```
#191a20 rgb(25,26,32)
```
#21232c
```
#21232c rgb(33,35,44)
```
#2a2c37
```
#2a2c37 rgb(42,44,55)
```
#323542
```
#323542 rgb(50,53,66)
```
#3b3e4d
```
#3b3e4d rgb(59,62,77)
```
#434758
```
#434758 rgb(67,71,88)
```
#4c5063
```
#4c5063 rgb(76,80,99)
```
#55596e
```
#55596e rgb(85,89,110)
```
#5d6279
```
#5d6279 rgb(93,98,121)
```
#666b84
```
#666b84 rgb(102,107,132)
```
#6e748f
```
#6e748f rgb(110,116,143)
```

Shade Color Variation

#797e98
```
#797e98 rgb(121,126,152)
```
#8489a1
```
#8489a1 rgb(132,137,161)
```
#8f94a9
```
#8f94a9 rgb(143,148,169)
```
#9a9eb2
```
#9a9eb2 rgb(154,158,178)
```
#a5a9ba
```
#a5a9ba rgb(165,169,186)
```
#b0b4c3
```
#b0b4c3 rgb(176,180,195)
```
#bcbecb
```
#bcbecb rgb(188,190,203)
```
#c7c9d4
```
#c7c9d4 rgb(199,201,212)
```
#d2d4dc
```
#d2d4dc rgb(210,212,220)
```
#dddee5
```
#dddee5 rgb(221,222,229)
```
#e8e9ed
```
#e8e9ed rgb(232,233,237)
```
#f3f4f6
```
#f3f4f6 rgb(243,244,246)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#53545c
```
#53545c rgb(83,84,92)
```
#4c5063
```
#4c5063 rgb(76,80,99)
```
#454c6a
```
#454c6a rgb(69,76,106)
```
#3f4770
```
#3f4770 rgb(63,71,112)
```
#384377
```
#384377 rgb(56,67,119)
```
#313e7e
```
#313e7e rgb(49,62,126)
```
#2a3a85
```
#2a3a85 rgb(42,58,133)
```
#24368b
```
#24368b rgb(36,54,139)
```
#1d3192
```
#1d3192 rgb(29,49,146)
```
#162d99
```
#162d99 rgb(22,45,153)
```
#0f28a0
```
#0f28a0 rgb(15,40,160)
```
#0924a6
```
#0924a6 rgb(9,36,166)
```
#0220ad
```
#0220ad rgb(2,32,173)
```

Tone Color Variation

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

#515151 Achromatopsia 0.005% of the population
#505155 Atypical Achromatopsia 0.001% of the population

Dichromacy

#55596b Protanopia 1% of men
#58586b Deuteranopia 1% of men
#535a61 Tritanopia 0.001% of the population

Trichromacy

#525568 Protanomaly 1% of men, 0.01% of women
#545568 Deuteranomaly 6% of men, 0.4% of women
#505661 Tritanomaly 0.01% of the population

#4c5063 hex color

#4c5063 Color Information

#4c5063 Color Conversion

Color Schemes with #4c5063

Alternatives to #4c5063

#4c5063 Preview

Shades and Tints of #4c5063

Tones of #4c5063

Color Blindness Simulator