#4c486a hex color

In a RGB color space, hex #4c486a is composed of 29.8% red, 28.2% green and 41.6% blue. Whereas in a CMYK color space, it is composed of 28.3% cyan, 32.1% magenta, 0% yellow and 58.4% black. It has a hue angle of 247.1 degrees, a saturation of 19.1% and a lightness of 34.9%. #4c486a color hex could be obtained by blending #9890d4 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 30
- G 28
- B 42
RGB color chart
- C 28
- M 32
- Y 0
- K 58
CMYK color chart

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

The hexadecimal color #4c486a has RGB values of R:76, G:72, B:106 and CMYK values of C:0.28, M:0.32, Y:0, K:0.58. Its decimal value is 4999274.

Hex triplet	4c486a	`#4c486a`
RGB Decimal	76, 72, 106	`rgb(76,72,106)`
RGB Percent	29.8, 28.2, 41.6	`rgb(29.8%,28.2%,41.6%)`
CMYK	28, 32, 0, 58
HSL	247.1°, 19.1, 34.9	`hsl(247.1,19.1%,34.9%)`
HSV (or HSB)	247.1°, 32.1, 41.6
Web Safe	333366	`#333366`

CIE-LAB	32.284, 10.074, -19.144
XYZ	7.899, 7.212, 14.611
xyY	0.266, 0.243, 7.212
CIE-LCH	32.284, 21.633, 297.755
CIE-LUV	32.284, -0.106, -26.206
Hunter-Lab	26.855, 5.507, -13.459
Binary	01001100, 01001000, 01101010

#4c486a
```
#4c486a rgb(76,72,106)
```
#666a48
```
#666a48 rgb(102,106,72)
```

Complementary Color

#48556a
```
#48556a rgb(72,85,106)
```
#4c486a
```
#4c486a rgb(76,72,106)
```
#5d486a
```
#5d486a rgb(93,72,106)
```

Analogous Color

#556a48
```
#556a48 rgb(85,106,72)
```
#4c486a
```
#4c486a rgb(76,72,106)
```
#6a5d48
```
#6a5d48 rgb(106,93,72)
```

Split Complementary Color

#486a4c
```
#486a4c rgb(72,106,76)
```
#4c486a
```
#4c486a rgb(76,72,106)
```
#6a4c48
```
#6a4c48 rgb(106,76,72)
```

Triadic Color

#48666a
```
#48666a rgb(72,102,106)
```
#4c486a
```
#4c486a rgb(76,72,106)
```
#6a4c48
```
#6a4c48 rgb(106,76,72)
```
#666a48
```
#666a48 rgb(102,106,72)
```

Tetradic Color

#2b293c
```
#2b293c rgb(43,41,60)
```
#36334c
```
#36334c rgb(54,51,76)
```
#413e5b
```
#413e5b rgb(65,62,91)
```
#4c486a
```
#4c486a rgb(76,72,106)
```
#575279
```
#575279 rgb(87,82,121)
```
#625d88
```
#625d88 rgb(98,93,136)
```
#6d6798
```
#6d6798 rgb(109,103,152)
```

Monochromatic Color

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

#484d6a
```
#484d6a rgb(72,77,106)
```
#484a6a
```
#484a6a rgb(72,74,106)
```
#49486a
```
#49486a rgb(73,72,106)
```
#4c486a
```
#4c486a rgb(76,72,106)
```
#4f486a
```
#4f486a rgb(79,72,106)
```
#52486a
```
#52486a rgb(82,72,106)
```
#55486a
```
#55486a rgb(85,72,106)
```

Similar Colors

Text with hexadecimal color #4c486a

This text has a font color of #4c486a.

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

#4c486a background color

This paragraph has a background color of #4c486a.

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

#4c486a border color

This element has a border color of #4c486a.

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

CSS codes

.text {color:#4c486a;}

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

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

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

#010101
```
#010101 rgb(1,1,1)
```
#09090d
```
#09090d rgb(9,9,13)
```
#111018
```
#111018 rgb(17,16,24)
```
#1a1824
```
#1a1824 rgb(26,24,36)
```
#222030
```
#222030 rgb(34,32,48)
```
#2a283b
```
#2a283b rgb(42,40,59)
```
#333047
```
#333047 rgb(51,48,71)
```
#3b3853
```
#3b3853 rgb(59,56,83)
```
#44405e
```
#44405e rgb(68,64,94)
```
#4c486a
```
#4c486a rgb(76,72,106)
```
#545076
```
#545076 rgb(84,80,118)
```
#5d5881
```
#5d5881 rgb(93,88,129)
```
#65608d
```
#65608d rgb(101,96,141)
```

Shade Color Variation

#6e6898
```
#6e6898 rgb(110,104,152)
```
#7974a0
```
#7974a0 rgb(121,116,160)
```
#847fa8
```
#847fa8 rgb(132,127,168)
```
#8f8bb0
```
#8f8bb0 rgb(143,139,176)
```
#9b97b8
```
#9b97b8 rgb(155,151,184)
```
#a6a2c0
```
#a6a2c0 rgb(166,162,192)
```
#b1aec8
```
#b1aec8 rgb(177,174,200)
```
#bcbad0
```
#bcbad0 rgb(188,186,208)
```
#c8c5d8
```
#c8c5d8 rgb(200,197,216)
```
#d3d1e0
```
#d3d1e0 rgb(211,209,224)
```
#dedde8
```
#dedde8 rgb(222,221,232)
```
#e9e9f0
```
#e9e9f0 rgb(233,233,240)
```
#f5f4f8
```
#f5f4f8 rgb(245,244,248)
```

Tint Color Variation

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

#56565c
```
#56565c rgb(86,86,92)
```
#514f63
```
#514f63 rgb(81,79,99)
```
#4c486a
```
#4c486a rgb(76,72,106)
```
#474171
```
#474171 rgb(71,65,113)
```
#423a78
```
#423a78 rgb(66,58,120)
```
#3c337f
```
#3c337f rgb(60,51,127)
```
#372d85
```
#372d85 rgb(55,45,133)
```
#32268c
```
#32268c rgb(50,38,140)
```
#2d1f93
```
#2d1f93 rgb(45,31,147)
```
#27189a
```
#27189a rgb(39,24,154)
```
#2211a1
```
#2211a1 rgb(34,17,161)
```
#1d0aa8
```
#1d0aa8 rgb(29,10,168)
```
#1804ae
```
#1804ae rgb(24,4,174)
```

Tone Color Variation

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

#4d4d4d Achromatopsia 0.005% of the population
#4d4c53 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4a5473 Protanopia 1% of men
#4c5470 Deuteranopia 1% of men
#50555c Tritanopia 0.001% of the population

Trichromacy

#4b4f70 Protanomaly 1% of men, 0.01% of women
#4c4f6e Deuteranomaly 6% of men, 0.4% of women
#4e5061 Tritanomaly 0.01% of the population

#4c486a hex color

#4c486a Color Information

#4c486a Color Conversion

Color Schemes with #4c486a

Alternatives to #4c486a

#4c486a Preview

Shades and Tints of #4c486a

Tones of #4c486a

Color Blindness Simulator