#4c5164 hex color

In a RGB color space, hex #4c5164 is composed of 29.8% red, 31.8% green and 39.2% blue. Whereas in a CMYK color space, it is composed of 24% cyan, 19% magenta, 0% yellow and 60.8% black. It has a hue angle of 227.5 degrees, a saturation of 13.6% and a lightness of 34.5%. #4c5164 color hex could be obtained by blending #98a2c8 with #000000. Closest websafe color is: #336666.

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

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

The hexadecimal color #4c5164 has RGB values of R:76, G:81, B:100 and CMYK values of C:0.24, M:0.19, Y:0, K:0.61. Its decimal value is 5001572.

Hex triplet	4c5164	`#4c5164`
RGB Decimal	76, 81, 100	`rgb(76,81,100)`
RGB Percent	29.8, 31.8, 39.2	`rgb(29.8%,31.8%,39.2%)`
CMYK	24, 19, 0, 61
HSL	227.5°, 13.6, 34.5	`hsl(227.5,13.6%,34.5%)`
HSV (or HSB)	227.5°, 24, 39.2
Web Safe	336666	`#336666`

CIE-LAB	34.684, 2.672, -11.68
XYZ	8.223, 8.341, 13.233
xyY	0.276, 0.28, 8.341
CIE-LCH	34.684, 11.982, 282.887
CIE-LUV	34.684, -3.501, -15.554
Hunter-Lab	28.881, 0.278, -6.948
Binary	01001100, 01010001, 01100100

#4c5164
```
#4c5164 rgb(76,81,100)
```
#645f4c
```
#645f4c rgb(100,95,76)
```

Complementary Color

#4c5d64
```
#4c5d64 rgb(76,93,100)
```
#4c5164
```
#4c5164 rgb(76,81,100)
```
#534c64
```
#534c64 rgb(83,76,100)
```

Analogous Color

#5d644c
```
#5d644c rgb(93,100,76)
```
#4c5164
```
#4c5164 rgb(76,81,100)
```
#64534c
```
#64534c rgb(100,83,76)
```

Split Complementary Color

#51644c
```
#51644c rgb(81,100,76)
```
#4c5164
```
#4c5164 rgb(76,81,100)
```
#644c51
```
#644c51 rgb(100,76,81)
```

Triadic Color

#4c645f
```
#4c645f rgb(76,100,95)
```
#4c5164
```
#4c5164 rgb(76,81,100)
```
#644c51
```
#644c51 rgb(100,76,81)
```
#645f4c
```
#645f4c rgb(100,95,76)
```

Tetradic Color

#2b2e39
```
#2b2e39 rgb(43,46,57)
```
#363a47
```
#363a47 rgb(54,58,71)
```
#414556
```
#414556 rgb(65,69,86)
```
#4c5164
```
#4c5164 rgb(76,81,100)
```
#575d72
```
#575d72 rgb(87,93,114)
```
#626881
```
#626881 rgb(98,104,129)
```
#6d748f
```
#6d748f rgb(109,116,143)
```

Monochromatic Color

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

#4c5764
```
#4c5764 rgb(76,87,100)
```
#4c5564
```
#4c5564 rgb(76,85,100)
```
#4c5364
```
#4c5364 rgb(76,83,100)
```
#4c5164
```
#4c5164 rgb(76,81,100)
```
#4c4f64
```
#4c4f64 rgb(76,79,100)
```
#4c4d64
```
#4c4d64 rgb(76,77,100)
```
#4d4c64
```
#4d4c64 rgb(77,76,100)
```

Similar Colors

Text with hexadecimal color #4c5164

This text has a font color of #4c5164.

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

#4c5164 background color

This paragraph has a background color of #4c5164.

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

#4c5164 border color

This element has a border color of #4c5164.

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

CSS codes

.text {color:#4c5164;}

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

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

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

#08090b
```
#08090b rgb(8,9,11)
```
#111216
```
#111216 rgb(17,18,22)
```
#191b21
```
#191b21 rgb(25,27,33)
```
#22242c
```
#22242c rgb(34,36,44)
```
#2a2d37
```
#2a2d37 rgb(42,45,55)
```
#333643
```
#333643 rgb(51,54,67)
```
#3b3f4e
```
#3b3f4e rgb(59,63,78)
```
#444859
```
#444859 rgb(68,72,89)
```
#4c5164
```
#4c5164 rgb(76,81,100)
```
#545a6f
```
#545a6f rgb(84,90,111)
```
#5d637a
```
#5d637a rgb(93,99,122)
```
#656c85
```
#656c85 rgb(101,108,133)
```
#6e7591
```
#6e7591 rgb(110,117,145)
```

Shade Color Variation

#798099
```
#798099 rgb(121,128,153)
```
#848aa2
```
#848aa2 rgb(132,138,162)
```
#8f95aa
```
#8f95aa rgb(143,149,170)
```
#9a9fb3
```
#9a9fb3 rgb(154,159,179)
```
#a6aabb
```
#a6aabb rgb(166,170,187)
```
#b1b5c3
```
#b1b5c3 rgb(177,181,195)
```
#bcbfcc
```
#bcbfcc rgb(188,191,204)
```
#c7cad4
```
#c7cad4 rgb(199,202,212)
```
#d2d4dd
```
#d2d4dd rgb(210,212,221)
```
#dddfe5
```
#dddfe5 rgb(221,223,229)
```
#e8eaee
```
#e8eaee rgb(232,234,238)
```
#f4f4f6
```
#f4f4f6 rgb(244,244,246)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #53555d is the less saturated color, while #0226ae is the most saturated one.

#53555d
```
#53555d rgb(83,85,93)
```
#4c5164
```
#4c5164 rgb(76,81,100)
```
#454d6b
```
#454d6b rgb(69,77,107)
```
#3e4972
```
#3e4972 rgb(62,73,114)
```
#384578
```
#384578 rgb(56,69,120)
```
#31417f
```
#31417f rgb(49,65,127)
```
#2a3d86
```
#2a3d86 rgb(42,61,134)
```
#23398d
```
#23398d rgb(35,57,141)
```
#1d3593
```
#1d3593 rgb(29,53,147)
```
#16319a
```
#16319a rgb(22,49,154)
```
#0f2da1
```
#0f2da1 rgb(15,45,161)
```
#082aa8
```
#082aa8 rgb(8,42,168)
```
#0226ae
```
#0226ae rgb(2,38,174)
```

Tone Color Variation

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

#525252 Achromatopsia 0.005% of the population
#515256 Atypical Achromatopsia 0.001% of the population

Dichromacy

#56596b Protanopia 1% of men
#59586c Deuteranopia 1% of men
#535b62 Tritanopia 0.001% of the population

Trichromacy

#525669 Protanomaly 1% of men, 0.01% of women
#545569 Deuteranomaly 6% of men, 0.4% of women
#505763 Tritanomaly 0.01% of the population

#4c5164 hex color

#4c5164 Color Information

#4c5164 Color Conversion

Color Schemes with #4c5164

Alternatives to #4c5164

#4c5164 Preview

Shades and Tints of #4c5164

Tones of #4c5164

Color Blindness Simulator