#4c546e hex color

In a RGB color space, hex #4c546e is composed of 29.8% red, 32.9% green and 43.1% blue. Whereas in a CMYK color space, it is composed of 30.9% cyan, 23.6% magenta, 0% yellow and 56.9% black. It has a hue angle of 225.9 degrees, a saturation of 18.3% and a lightness of 36.5%. #4c546e color hex could be obtained by blending #98a8dc with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 30
- G 33
- B 43
RGB color chart
- C 31
- M 24
- Y 0
- K 57
CMYK color chart

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

The hexadecimal color #4c546e has RGB values of R:76, G:84, B:110 and CMYK values of C:0.31, M:0.24, Y:0, K:0.57. Its decimal value is 5002350.

Hex triplet	4c546e	`#4c546e`
RGB Decimal	76, 84, 110	`rgb(76,84,110)`
RGB Percent	29.8, 32.9, 43.1	`rgb(29.8%,32.9%,43.1%)`
CMYK	31, 24, 0, 57
HSL	225.9°, 18.3, 36.5	`hsl(225.9,18.3%,36.5%)`
HSV (or HSB)	225.9°, 30.9, 43.1
Web Safe	336666	`#336666`

CIE-LAB	35.99, 3.505, -15.939
XYZ	8.965, 9.003, 16.016
xyY	0.264, 0.265, 9.003
CIE-LCH	35.99, 16.32, 282.404
CIE-LUV	35.99, -5.207, -21.734
Hunter-Lab	30.005, 0.824, -10.646
Binary	01001100, 01010100, 01101110

#4c546e
```
#4c546e rgb(76,84,110)
```
#6e664c
```
#6e664c rgb(110,102,76)
```

Complementary Color

#4c656e
```
#4c656e rgb(76,101,110)
```
#4c546e
```
#4c546e rgb(76,84,110)
```
#554c6e
```
#554c6e rgb(85,76,110)
```

Analogous Color

#656e4c
```
#656e4c rgb(101,110,76)
```
#4c546e
```
#4c546e rgb(76,84,110)
```
#6e554c
```
#6e554c rgb(110,85,76)
```

Split Complementary Color

#546e4c
```
#546e4c rgb(84,110,76)
```
#4c546e
```
#4c546e rgb(76,84,110)
```
#6e4c54
```
#6e4c54 rgb(110,76,84)
```

Triadic Color

#4c6e66
```
#4c6e66 rgb(76,110,102)
```
#4c546e
```
#4c546e rgb(76,84,110)
```
#6e4c54
```
#6e4c54 rgb(110,76,84)
```
#6e664c
```
#6e664c rgb(110,102,76)
```

Tetradic Color

#2d3141
```
#2d3141 rgb(45,49,65)
```
#373d50
```
#373d50 rgb(55,61,80)
```
#42485f
```
#42485f rgb(66,72,95)
```
#4c546e
```
#4c546e rgb(76,84,110)
```
#56607d
```
#56607d rgb(86,96,125)
```
#616b8c
```
#616b8c rgb(97,107,140)
```
#6d779a
```
#6d779a rgb(109,119,154)
```

Monochromatic Color

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

#4c5d6e
```
#4c5d6e rgb(76,93,110)
```
#4c5a6e
```
#4c5a6e rgb(76,90,110)
```
#4c576e
```
#4c576e rgb(76,87,110)
```
#4c546e
```
#4c546e rgb(76,84,110)
```
#4c516e
```
#4c516e rgb(76,81,110)
```
#4c4e6e
```
#4c4e6e rgb(76,78,110)
```
#4d4c6e
```
#4d4c6e rgb(77,76,110)
```

Similar Colors

Text with hexadecimal color #4c546e

This text has a font color of #4c546e.

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

#4c546e background color

This paragraph has a background color of #4c546e.

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

#4c546e border color

This element has a border color of #4c546e.

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

CSS codes

.text {color:#4c546e;}

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

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

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

#040406
```
#040406 rgb(4,4,6)
```
#0c0d11
```
#0c0d11 rgb(12,13,17)
```
#14161d
```
#14161d rgb(20,22,29)
```
#1c1f28
```
#1c1f28 rgb(28,31,40)
```
#242834
```
#242834 rgb(36,40,52)
```
#2c3140
```
#2c3140 rgb(44,49,64)
```
#34394b
```
#34394b rgb(52,57,75)
```
#3c4257
```
#3c4257 rgb(60,66,87)
```
#444b62
```
#444b62 rgb(68,75,98)
```
#4c546e
```
#4c546e rgb(76,84,110)
```
#545d7a
```
#545d7a rgb(84,93,122)
```
#5c6685
```
#5c6685 rgb(92,102,133)
```
#646f91
```
#646f91 rgb(100,111,145)
```

Shade Color Variation

#6e789b
```
#6e789b rgb(110,120,155)
```
#7983a3
```
#7983a3 rgb(121,131,163)
```
#858eab
```
#858eab rgb(133,142,171)
```
#9199b3
```
#9199b3 rgb(145,153,179)
```
#9ca3bb
```
#9ca3bb rgb(156,163,187)
```
#a8aec3
```
#a8aec3 rgb(168,174,195)
```
#b3b9cb
```
#b3b9cb rgb(179,185,203)
```
#bfc4d3
```
#bfc4d3 rgb(191,196,211)
```
#cbcedb
```
#cbcedb rgb(203,206,219)
```
#d6d9e3
```
#d6d9e3 rgb(214,217,227)
```
#e2e4eb
```
#e2e4eb rgb(226,228,235)
```
#edeff3
```
#edeff3 rgb(237,239,243)
```
#f9f9fb
```
#f9f9fb rgb(249,249,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5a5c60 is the less saturated color, while #042eb6 is the most saturated one.

#5a5c60
```
#5a5c60 rgb(90,92,96)
```
#535867
```
#535867 rgb(83,88,103)
```
#4c546e
```
#4c546e rgb(76,84,110)
```
#455075
```
#455075 rgb(69,80,117)
```
#3e4c7c
```
#3e4c7c rgb(62,76,124)
```
#374983
```
#374983 rgb(55,73,131)
```
#2f458b
```
#2f458b rgb(47,69,139)
```
#284192
```
#284192 rgb(40,65,146)
```
#213d99
```
#213d99 rgb(33,61,153)
```
#1a39a0
```
#1a39a0 rgb(26,57,160)
```
#1336a7
```
#1336a7 rgb(19,54,167)
```
#0c32ae
```
#0c32ae rgb(12,50,174)
```
#042eb6
```
#042eb6 rgb(4,46,182)
```

Tone Color Variation

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

#555555 Achromatopsia 0.005% of the population
#53555a Atypical Achromatopsia 0.001% of the population

Dichromacy

#565c75 Protanopia 1% of men
#585c75 Deuteranopia 1% of men
#515f66 Tritanopia 0.001% of the population

Trichromacy

#525972 Protanomaly 1% of men, 0.01% of women
#535973 Deuteranomaly 6% of men, 0.4% of women
#4f5b69 Tritanomaly 0.01% of the population

#4c546e hex color

#4c546e Color Information

#4c546e Color Conversion

Color Schemes with #4c546e

Alternatives to #4c546e

#4c546e Preview

Shades and Tints of #4c546e

Tones of #4c546e

Color Blindness Simulator