#4c5f76 hex color

In a RGB color space, hex #4c5f76 is composed of 29.8% red, 37.3% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 35.6% cyan, 19.5% magenta, 0% yellow and 53.7% black. It has a hue angle of 212.9 degrees, a saturation of 21.6% and a lightness of 38%. #4c5f76 color hex could be obtained by blending #98beec with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 30
- G 37
- B 46
RGB color chart
- C 36
- M 19
- Y 0
- K 54
CMYK color chart

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

The hexadecimal color #4c5f76 has RGB values of R:76, G:95, B:118 and CMYK values of C:0.36, M:0.19, Y:0, K:0.54. Its decimal value is 5005174.

Hex triplet	4c5f76	`#4c5f76`
RGB Decimal	76, 95, 118	`rgb(76,95,118)`
RGB Percent	29.8, 37.3, 46.3	`rgb(29.8%,37.3%,46.3%)`
CMYK	36, 19, 0, 54
HSL	212.9°, 21.6, 38	`hsl(212.9,21.6%,38%)`
HSV (or HSB)	212.9°, 35.6, 46.3
Web Safe	336666	`#336666`

CIE-LAB	39.629, -1.075, -15.304
XYZ	10.342, 11.029, 18.722
xyY	0.258, 0.275, 11.029
CIE-LCH	39.629, 15.341, 265.982
CIE-LUV	39.629, -10.036, -20.807
Hunter-Lab	33.209, -2.528, -10.179
Binary	01001100, 01011111, 01110110

#4c5f76
```
#4c5f76 rgb(76,95,118)
```
#76634c
```
#76634c rgb(118,99,76)
```

Complementary Color

#4c7476
```
#4c7476 rgb(76,116,118)
```
#4c5f76
```
#4c5f76 rgb(76,95,118)
```
#4e4c76
```
#4e4c76 rgb(78,76,118)
```

Analogous Color

#74764c
```
#74764c rgb(116,118,76)
```
#4c5f76
```
#4c5f76 rgb(76,95,118)
```
#764e4c
```
#764e4c rgb(118,78,76)
```

Split Complementary Color

#5f764c
```
#5f764c rgb(95,118,76)
```
#4c5f76
```
#4c5f76 rgb(76,95,118)
```
#764c5f
```
#764c5f rgb(118,76,95)
```

Triadic Color

#4c7663
```
#4c7663 rgb(76,118,99)
```
#4c5f76
```
#4c5f76 rgb(76,95,118)
```
#764c5f
```
#764c5f rgb(118,76,95)
```
#76634c
```
#76634c rgb(118,99,76)
```

Tetradic Color

#2e3a47
```
#2e3a47 rgb(46,58,71)
```
#384657
```
#384657 rgb(56,70,87)
```
#425366
```
#425366 rgb(66,83,102)
```
#4c5f76
```
#4c5f76 rgb(76,95,118)
```
#566b86
```
#566b86 rgb(86,107,134)
```
#607895
```
#607895 rgb(96,120,149)
```
#6d85a1
```
#6d85a1 rgb(109,133,161)
```

Monochromatic Color

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

#4c6a76
```
#4c6a76 rgb(76,106,118)
```
#4c6676
```
#4c6676 rgb(76,102,118)
```
#4c6376
```
#4c6376 rgb(76,99,118)
```
#4c5f76
```
#4c5f76 rgb(76,95,118)
```
#4c5c76
```
#4c5c76 rgb(76,92,118)
```
#4c5876
```
#4c5876 rgb(76,88,118)
```
#4c5576
```
#4c5576 rgb(76,85,118)
```

Similar Colors

Text with hexadecimal color #4c5f76

This text has a font color of #4c5f76.

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

#4c5f76 background color

This paragraph has a background color of #4c5f76.

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

#4c5f76 border color

This element has a border color of #4c5f76.

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

CSS codes

.text {color:#4c5f76;}

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

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

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

#07090b
```
#07090b rgb(7,9,11)
```
#0f1217
```
#0f1217 rgb(15,18,23)
```
#161c22
```
#161c22 rgb(22,28,34)
```
#1e252e
```
#1e252e rgb(30,37,46)
```
#262f3a
```
#262f3a rgb(38,47,58)
```
#2d3946
```
#2d3946 rgb(45,57,70)
```
#354252
```
#354252 rgb(53,66,82)
```
#3d4c5e
```
#3d4c5e rgb(61,76,94)
```
#44556a
```
#44556a rgb(68,85,106)
```
#4c5f76
```
#4c5f76 rgb(76,95,118)
```
#546982
```
#546982 rgb(84,105,130)
```
#5b728e
```
#5b728e rgb(91,114,142)
```
#637c9a
```
#637c9a rgb(99,124,154)
```

Shade Color Variation

#6f86a2
```
#6f86a2 rgb(111,134,162)
```
#7a90aa
```
#7a90aa rgb(122,144,170)
```
#869ab1
```
#869ab1 rgb(134,154,177)
```
#92a4b9
```
#92a4b9 rgb(146,164,185)
```
#9eaec1
```
#9eaec1 rgb(158,174,193)
```
#aab8c8
```
#aab8c8 rgb(170,184,200)
```
#b6c2d0
```
#b6c2d0 rgb(182,194,208)
```
#c2ccd8
```
#c2ccd8 rgb(194,204,216)
```
#ced6df
```
#ced6df rgb(206,214,223)
```
#dae0e7
```
#dae0e7 rgb(218,224,231)
```
#e6eaef
```
#e6eaef rgb(230,234,239)
```
#f2f4f6
```
#f2f4f6 rgb(242,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, #5b6067 is the less saturated color, while #0158c1 is the most saturated one.

#5b6067
```
#5b6067 rgb(91,96,103)
```
#53606f
```
#53606f rgb(83,96,111)
```
#4c5f76
```
#4c5f76 rgb(76,95,118)
```
#455e7d
```
#455e7d rgb(69,94,125)
```
#3d5e85
```
#3d5e85 rgb(61,94,133)
```
#365d8c
```
#365d8c rgb(54,93,140)
```
#2e5c94
```
#2e5c94 rgb(46,92,148)
```
#275b9b
```
#275b9b rgb(39,91,155)
```
#1f5ba3
```
#1f5ba3 rgb(31,91,163)
```
#185aaa
```
#185aaa rgb(24,90,170)
```
#1059b2
```
#1059b2 rgb(16,89,178)
```
#0959b9
```
#0959b9 rgb(9,89,185)
```
#0158c1
```
#0158c1 rgb(1,88,193)
```

Tone Color Variation

Below, you can see how #4c5f76 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
#595d61 Atypical Achromatopsia 0.001% of the population

Dichromacy

#60647b Protanopia 1% of men
#61647e Deuteranopia 1% of men
#516971 Tritanopia 0.001% of the population

Trichromacy

#586279 Protanomaly 1% of men, 0.01% of women
#59627b Deuteranomaly 6% of men, 0.4% of women
#4f6572 Tritanomaly 0.01% of the population

#4c5f76 hex color

#4c5f76 Color Information

#4c5f76 Color Conversion

Color Schemes with #4c5f76

Alternatives to #4c5f76

#4c5f76 Preview

Shades and Tints of #4c5f76

Tones of #4c5f76

Color Blindness Simulator