#4c5c96 hex color

In a RGB color space, hex #4c5c96 is composed of 29.8% red, 36.1% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 49.3% cyan, 38.7% magenta, 0% yellow and 41.2% black. It has a hue angle of 227 degrees, a saturation of 32.7% and a lightness of 44.3%. #4c5c96 color hex could be obtained by blending #98b8ff with #00002d. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 30
- G 36
- B 59
RGB color chart
- C 49
- M 39
- Y 0
- K 41
CMYK color chart

● #4c5c96 color description : Dark moderate blue.

The hexadecimal color #4c5c96 has RGB values of R:76, G:92, B:150 and CMYK values of C:0.49, M:0.39, Y:0, K:0.41. Its decimal value is 5004438.

Hex triplet	4c5c96	`#4c5c96`
RGB Decimal	76, 92, 150	`rgb(76,92,150)`
RGB Percent	29.8, 36.1, 58.8	`rgb(29.8%,36.1%,58.8%)`
CMYK	49, 39, 0, 41
HSL	227°, 32.7, 44.3	`hsl(227,32.7%,44.3%)`
HSV (or HSB)	227°, 49.3, 58.8
Web Safe	336699	`#336699`

CIE-LAB	40.234, 10.599, -33.767
XYZ	12.312, 11.392, 30.403
xyY	0.228, 0.211, 11.392
CIE-LCH	40.234, 35.392, 287.426
CIE-LUV	40.234, -9.611, -49.525
Hunter-Lab	33.753, 6.042, -29.779
Binary	01001100, 01011100, 10010110

#4c5c96
```
#4c5c96 rgb(76,92,150)
```
#96864c
```
#96864c rgb(150,134,76)
```

Complementary Color

#4c8196
```
#4c8196 rgb(76,129,150)
```
#4c5c96
```
#4c5c96 rgb(76,92,150)
```
#614c96
```
#614c96 rgb(97,76,150)
```

Analogous Color

#81964c
```
#81964c rgb(129,150,76)
```
#4c5c96
```
#4c5c96 rgb(76,92,150)
```
#96614c
```
#96614c rgb(150,97,76)
```

Split Complementary Color

#5c964c
```
#5c964c rgb(92,150,76)
```
#4c5c96
```
#4c5c96 rgb(76,92,150)
```
#964c5c
```
#964c5c rgb(150,76,92)
```

Triadic Color

#4c9686
```
#4c9686 rgb(76,150,134)
```
#4c5c96
```
#4c5c96 rgb(76,92,150)
```
#964c5c
```
#964c5c rgb(150,76,92)
```
#96864c
```
#96864c rgb(150,134,76)
```

Tetradic Color

#323d63
```
#323d63 rgb(50,61,99)
```
#3b4774
```
#3b4774 rgb(59,71,116)
```
#435285
```
#435285 rgb(67,82,133)
```
#4c5c96
```
#4c5c96 rgb(76,92,150)
```
#5566a7
```
#5566a7 rgb(85,102,167)
```
#6475b1
```
#6475b1 rgb(100,117,177)
```
#7584b9
```
#7584b9 rgb(117,132,185)
```

Monochromatic Color

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

#4c6f96
```
#4c6f96 rgb(76,111,150)
```
#4c6896
```
#4c6896 rgb(76,104,150)
```
#4c6296
```
#4c6296 rgb(76,98,150)
```
#4c5c96
```
#4c5c96 rgb(76,92,150)
```
#4c5696
```
#4c5696 rgb(76,86,150)
```
#4c5096
```
#4c5096 rgb(76,80,150)
```
#4e4c96
```
#4e4c96 rgb(78,76,150)
```

Similar Colors

Text with hexadecimal color #4c5c96

This text has a font color of #4c5c96.

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

#4c5c96 background color

This paragraph has a background color of #4c5c96.

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

#4c5c96 border color

This element has a border color of #4c5c96.

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

CSS codes

.text {color:#4c5c96;}

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

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

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

#030407
```
#030407 rgb(3,4,7)
```
#0a0c14
```
#0a0c14 rgb(10,12,20)
```
#111421
```
#111421 rgb(17,20,33)
```
#171c2e
```
#171c2e rgb(23,28,46)
```
#1e243b
```
#1e243b rgb(30,36,59)
```
#242c48
```
#242c48 rgb(36,44,72)
```
#2b3455
```
#2b3455 rgb(43,52,85)
```
#323c62
```
#323c62 rgb(50,60,98)
```
#38446f
```
#38446f rgb(56,68,111)
```
#3f4c7c
```
#3f4c7c rgb(63,76,124)
```
#455489
```
#455489 rgb(69,84,137)
```
#4c5c96
```
#4c5c96 rgb(76,92,150)
```
#5364a3
```
#5364a3 rgb(83,100,163)
```

Shade Color Variation

#5d6ead
```
#5d6ead rgb(93,110,173)
```
#6a7ab3
```
#6a7ab3 rgb(106,122,179)
```
#7785ba
```
#7785ba rgb(119,133,186)
```
#8491c0
```
#8491c0 rgb(132,145,192)
```
#919cc7
```
#919cc7 rgb(145,156,199)
```
#9ea8ce
```
#9ea8ce rgb(158,168,206)
```
#abb4d4
```
#abb4d4 rgb(171,180,212)
```
#b8bfdb
```
#b8bfdb rgb(184,191,219)
```
#c5cbe1
```
#c5cbe1 rgb(197,203,225)
```
#d2d7e8
```
#d2d7e8 rgb(210,215,232)
```
#dfe2ef
```
#dfe2ef rgb(223,226,239)
```
#eceef5
```
#eceef5 rgb(236,238,245)
```
#f9f9fc
```
#f9f9fc rgb(249,249,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6f7073 is the less saturated color, while #0635dc is the most saturated one.

#6f7073
```
#6f7073 rgb(111,112,115)
```
#666b7c
```
#666b7c rgb(102,107,124)
```
#5d6685
```
#5d6685 rgb(93,102,133)
```
#55618d
```
#55618d rgb(85,97,141)
```
#4c5c96
```
#4c5c96 rgb(76,92,150)
```
#43579f
```
#43579f rgb(67,87,159)
```
#3b52a7
```
#3b52a7 rgb(59,82,167)
```
#324db0
```
#324db0 rgb(50,77,176)
```
#2948b9
```
#2948b9 rgb(41,72,185)
```
#2143c1
```
#2143c1 rgb(33,67,193)
```
#183eca
```
#183eca rgb(24,62,202)
```
#0f39d3
```
#0f39d3 rgb(15,57,211)
```
#0635dc
```
#0635dc rgb(6,53,220)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#5a5e69 Atypical Achromatopsia 0.001% of the population

Dichromacy

#50659c Protanopia 1% of men
#49679a Deuteranopia 1% of men
#466d74 Tritanopia 0.001% of the population

Trichromacy

#4f6199 Protanomaly 1% of men, 0.01% of women
#4a6398 Deuteranomaly 6% of men, 0.4% of women
#486680 Tritanomaly 0.01% of the population

#4c5c96 hex color

#4c5c96 Color Information

#4c5c96 Color Conversion

Color Schemes with #4c5c96

Alternatives to #4c5c96

#4c5c96 Preview

Shades and Tints of #4c5c96

Tones of #4c5c96

Color Blindness Simulator