colorhexa.com

#4c4f88 hex color

In a RGB color space, hex #4c4f88 is composed of 29.8% red, 31% green and 53.3% blue. Whereas in a CMYK color space, it is composed of 44.1% cyan, 41.9% magenta, 0% yellow and 46.7% black. It has a hue angle of 237 degrees, a saturation of 28.3% and a lightness of 41.6%. #4c4f88 color hex could be obtained by blending #989eff with #000011. Closest websafe color is: #336699.

- R 30
- G 31
- B 53
RGB color chart
- C 44
- M 42
- Y 0
- K 47
CMYK color chart

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

The hexadecimal color #4c4f88 has RGB values of R:76, G:79, B:136 and CMYK values of C:0.44, M:0.42, Y:0, K:0.47. Its decimal value is 5001096.

Hex triplet	4c4f88	`#4c4f88`
RGB Decimal	76, 79, 136	`rgb(76,79,136)`
RGB Percent	29.8, 31, 53.3	`rgb(29.8%,31%,53.3%)`
CMYK	44, 42, 0, 47
HSL	237°, 28.3, 41.6	`hsl(237,28.3%,41.6%)`
HSV (or HSB)	237°, 44.1, 53.3
Web Safe	336699	`#336699`

CIE-LAB	35.802, 14.472, -32.285
XYZ	10.22, 8.906, 24.472
xyY	0.234, 0.204, 8.906
CIE-LCH	35.802, 35.38, 294.145
CIE-LUV	35.802, -4.493, -46.24
Hunter-Lab	29.843, 8.903, -27.73
Binary	01001100, 01001111, 10001000

#4c4f88
```
#4c4f88 rgb(76,79,136)
```
#88854c
```
#88854c rgb(136,133,76)
```

Complementary Color

#4c6d88
```
#4c6d88 rgb(76,109,136)
```
#4c4f88
```
#4c4f88 rgb(76,79,136)
```
#674c88
```
#674c88 rgb(103,76,136)
```

Analogous Color

#6d884c
```
#6d884c rgb(109,136,76)
```
#4c4f88
```
#4c4f88 rgb(76,79,136)
```
#88674c
```
#88674c rgb(136,103,76)
```

Split Complementary Color

#4f884c
```
#4f884c rgb(79,136,76)
```
#4c4f88
```
#4c4f88 rgb(76,79,136)
```
#884c4f
```
#884c4f rgb(136,76,79)
```

Triadic Color

#4c8885
```
#4c8885 rgb(76,136,133)
```
#4c4f88
```
#4c4f88 rgb(76,79,136)
```
#884c4f
```
#884c4f rgb(136,76,79)
```
#88854c
```
#88854c rgb(136,133,76)
```

Tetradic Color

#313257
```
#313257 rgb(49,50,87)
```
#3a3c67
```
#3a3c67 rgb(58,60,103)
```
#434578
```
#434578 rgb(67,69,120)
```
#4c4f88
```
#4c4f88 rgb(76,79,136)
```
#555998
```
#555998 rgb(85,89,152)
```
#6164a6
```
#6164a6 rgb(97,100,166)
```
#7174b0
```
#7174b0 rgb(113,116,176)
```

Monochromatic Color

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

#4c5e88
```
#4c5e88 rgb(76,94,136)
```
#4c5988
```
#4c5988 rgb(76,89,136)
```
#4c5488
```
#4c5488 rgb(76,84,136)
```
#4c4f88
```
#4c4f88 rgb(76,79,136)
```
#4e4c88
```
#4e4c88 rgb(78,76,136)
```
#534c88
```
#534c88 rgb(83,76,136)
```
#584c88
```
#584c88 rgb(88,76,136)
```

Similar Colors

Text with hexadecimal color #4c4f88

This text has a font color of #4c4f88.

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

#4c4f88 background color

This paragraph has a background color of #4c4f88.

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

#4c4f88 border color

This element has a border color of #4c4f88.

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

CSS codes

.text {color:#4c4f88;}

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

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

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, #06060a is the darkest color, while #fdfdfe is the lightest one.

#06060a
```
#06060a rgb(6,6,10)
```
#0d0d17
```
#0d0d17 rgb(13,13,23)
```
#141523
```
#141523 rgb(20,21,35)
```
#1b1c30
```
#1b1c30 rgb(27,28,48)
```
#22233c
```
#22233c rgb(34,35,60)
```
#292a49
```
#292a49 rgb(41,42,73)
```
#303256
```
#303256 rgb(48,50,86)
```
#373962
```
#373962 rgb(55,57,98)
```
#3e406f
```
#3e406f rgb(62,64,111)
```
#45487b
```
#45487b rgb(69,72,123)
```
#4c4f88
```
#4c4f88 rgb(76,79,136)
```
#535695
```
#535695 rgb(83,86,149)
```
#5a5ea1
```
#5a5ea1 rgb(90,94,161)
```

Shade Color Variation

#6669a9
```
#6669a9 rgb(102,105,169)
```
#7275b0
```
#7275b0 rgb(114,117,176)
```
#7f82b7
```
#7f82b7 rgb(127,130,183)
```
#8b8ebe
```
#8b8ebe rgb(139,142,190)
```
#989ac5
```
#989ac5 rgb(152,154,197)
```
#a4a6cc
```
#a4a6cc rgb(164,166,204)
```
#b1b3d3
```
#b1b3d3 rgb(177,179,211)
```
#bebfda
```
#bebfda rgb(190,191,218)
```
#cacbe2
```
#cacbe2 rgb(202,203,226)
```
#d7d8e9
```
#d7d8e9 rgb(215,216,233)
```
#e3e4f0
```
#e3e4f0 rgb(227,228,240)
```
#f0f0f7
```
#f0f0f7 rgb(240,240,247)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

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

#646570
```
#646570 rgb(100,101,112)
```
#5c5e78
```
#5c5e78 rgb(92,94,120)
```
#545680
```
#545680 rgb(84,86,128)
```
#4c4f88
```
#4c4f88 rgb(76,79,136)
```
#444890
```
#444890 rgb(68,72,144)
```
#3c4098
```
#3c4098 rgb(60,64,152)
```
#3439a0
```
#3439a0 rgb(52,57,160)
```
#2b32a9
```
#2b32a9 rgb(43,50,169)
```
#232ab1
```
#232ab1 rgb(35,42,177)
```
#1b23b9
```
#1b23b9 rgb(27,35,185)
```
#131cc1
```
#131cc1 rgb(19,28,193)
```
#0b14c9
```
#0b14c9 rgb(11,20,201)
```
#030dd1
```
#030dd1 rgb(3,13,209)
```

Tone Color Variation

Below, you can see how #4c4f88 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
#53545f Atypical Achromatopsia 0.001% of the population

Dichromacy

#465b90 Protanopia 1% of men
#415d8c Deuteranopia 1% of men
#486067 Tritanopia 0.001% of the population

Trichromacy

#48568d Protanomaly 1% of men, 0.01% of women
#45588a Deuteranomaly 6% of men, 0.4% of women
#495a73 Tritanomaly 0.01% of the population