#4c5e80 hex color

In a RGB color space, hex #4c5e80 is composed of 29.8% red, 36.9% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 40.6% cyan, 26.6% magenta, 0% yellow and 49.8% black. It has a hue angle of 219.2 degrees, a saturation of 25.5% and a lightness of 40%. #4c5e80 color hex could be obtained by blending #98bcff with #000001. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 30
- G 37
- B 50
RGB color chart
- C 41
- M 27
- Y 0
- K 50
CMYK color chart

● #4c5e80 color description : Mostly desaturated dark blue.

The hexadecimal color #4c5e80 has RGB values of R:76, G:94, B:128 and CMYK values of C:0.41, M:0.27, Y:0, K:0.5. Its decimal value is 5004928.

Hex triplet	4c5e80	`#4c5e80`
RGB Decimal	76, 94, 128	`rgb(76,94,128)`
RGB Percent	29.8, 36.9, 50.2	`rgb(29.8%,36.9%,50.2%)`
CMYK	41, 27, 0, 50
HSL	219.2°, 25.5, 40	`hsl(219.2,25.5%,40%)`
HSV (or HSB)	219.2°, 40.6, 50.2
Web Safe	336699	`#336699`

CIE-LAB	39.748, 2.468, -21.224
XYZ	10.879, 11.1, 21.99
xyY	0.247, 0.252, 11.1
CIE-LCH	39.748, 21.367, 276.632
CIE-LUV	39.748, -9.831, -29.875
Hunter-Lab	33.317, -0.02, -15.812
Binary	01001100, 01011110, 10000000

#4c5e80
```
#4c5e80 rgb(76,94,128)
```
#806e4c
```
#806e4c rgb(128,110,76)
```

Complementary Color

#4c7880
```
#4c7880 rgb(76,120,128)
```
#4c5e80
```
#4c5e80 rgb(76,94,128)
```
#544c80
```
#544c80 rgb(84,76,128)
```

Analogous Color

#78804c
```
#78804c rgb(120,128,76)
```
#4c5e80
```
#4c5e80 rgb(76,94,128)
```
#80544c
```
#80544c rgb(128,84,76)
```

Split Complementary Color

#5e804c
```
#5e804c rgb(94,128,76)
```
#4c5e80
```
#4c5e80 rgb(76,94,128)
```
#804c5e
```
#804c5e rgb(128,76,94)
```

Triadic Color

#4c806e
```
#4c806e rgb(76,128,110)
```
#4c5e80
```
#4c5e80 rgb(76,94,128)
```
#804c5e
```
#804c5e rgb(128,76,94)
```
#806e4c
```
#806e4c rgb(128,110,76)
```

Tetradic Color

#303b50
```
#303b50 rgb(48,59,80)
```
#394760
```
#394760 rgb(57,71,96)
```
#435270
```
#435270 rgb(67,82,112)
```
#4c5e80
```
#4c5e80 rgb(76,94,128)
```
#566a90
```
#566a90 rgb(86,106,144)
```
#5f76a0
```
#5f76a0 rgb(95,118,160)
```
#6f83aa
```
#6f83aa rgb(111,131,170)
```

Monochromatic Color

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

#4c6b80
```
#4c6b80 rgb(76,107,128)
```
#4c6780
```
#4c6780 rgb(76,103,128)
```
#4c6280
```
#4c6280 rgb(76,98,128)
```
#4c5e80
```
#4c5e80 rgb(76,94,128)
```
#4c5a80
```
#4c5a80 rgb(76,90,128)
```
#4c5580
```
#4c5580 rgb(76,85,128)
```
#4c5180
```
#4c5180 rgb(76,81,128)
```

Similar Colors

Text with hexadecimal color #4c5e80

This text has a font color of #4c5e80.

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

#4c5e80 background color

This paragraph has a background color of #4c5e80.

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

#4c5e80 border color

This element has a border color of #4c5e80.

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

CSS codes

.text {color:#4c5e80;}

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

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

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, #030405 is the darkest color, while #f8f9fb is the lightest one.

#030405
```
#030405 rgb(3,4,5)
```
#0a0d11
```
#0a0d11 rgb(10,13,17)
```
#12161e
```
#12161e rgb(18,22,30)
```
#191f2a
```
#191f2a rgb(25,31,42)
```
#202836
```
#202836 rgb(32,40,54)
```
#273142
```
#273142 rgb(39,49,66)
```
#2f3a4f
```
#2f3a4f rgb(47,58,79)
```
#36435b
```
#36435b rgb(54,67,91)
```
#3d4c67
```
#3d4c67 rgb(61,76,103)
```
#455574
```
#455574 rgb(69,85,116)
```
#4c5e80
```
#4c5e80 rgb(76,94,128)
```
#53678c
```
#53678c rgb(83,103,140)
```
#5b7099
```
#5b7099 rgb(91,112,153)
```

Shade Color Variation

#647aa3
```
#647aa3 rgb(100,122,163)
```
#7084aa
```
#7084aa rgb(112,132,170)
```
#7d8fb2
```
#7d8fb2 rgb(125,143,178)
```
#8999b9
```
#8999b9 rgb(137,153,185)
```
#95a4c0
```
#95a4c0 rgb(149,164,192)
```
#a1afc7
```
#a1afc7 rgb(161,175,199)
```
#aeb9cf
```
#aeb9cf rgb(174,185,207)
```
#bac4d6
```
#bac4d6 rgb(186,196,214)
```
#c6cedd
```
#c6cedd rgb(198,206,221)
```
#d3d9e5
```
#d3d9e5 rgb(211,217,229)
```
#dfe4ec
```
#dfe4ec rgb(223,228,236)
```
#ebeef3
```
#ebeef3 rgb(235,238,243)
```
#f8f9fb
```
#f8f9fb rgb(248,249,251)
```

Tint Color Variation

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

#646568
```
#646568 rgb(100,101,104)
```
#5c6370
```
#5c6370 rgb(92,99,112)
```
#546078
```
#546078 rgb(84,96,120)
```
#4c5e80
```
#4c5e80 rgb(76,94,128)
```
#445c88
```
#445c88 rgb(68,92,136)
```
#3c5990
```
#3c5990 rgb(60,89,144)
```
#345798
```
#345798 rgb(52,87,152)
```
#2d549f
```
#2d549f rgb(45,84,159)
```
#2552a7
```
#2552a7 rgb(37,82,167)
```
#1d50af
```
#1d50af rgb(29,80,175)
```
#154db7
```
#154db7 rgb(21,77,183)
```
#0d4bbf
```
#0d4bbf rgb(13,75,191)
```
#0548c7
```
#0548c7 rgb(5,72,199)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#595c63 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5c6485 Protanopia 1% of men
#5b6487 Deuteranopia 1% of men
#4e6a72 Tritanopia 0.001% of the population

Trichromacy

#566283 Protanomaly 1% of men, 0.01% of women
#556284 Deuteranomaly 6% of men, 0.4% of women
#4d6577 Tritanomaly 0.01% of the population

#4c5e80 hex color

#4c5e80 Color Information

#4c5e80 Color Conversion

Color Schemes with #4c5e80

Alternatives to #4c5e80

#4c5e80 Preview

Shades and Tints of #4c5e80

Tones of #4c5e80

Color Blindness Simulator