#4c5aa7 hex color

In a RGB color space, hex #4c5aa7 is composed of 29.8% red, 35.3% green and 65.5% blue. Whereas in a CMYK color space, it is composed of 54.5% cyan, 46.1% magenta, 0% yellow and 34.5% black. It has a hue angle of 230.8 degrees, a saturation of 37.4% and a lightness of 47.6%. #4c5aa7 color hex could be obtained by blending #98b4ff with #00004f. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 30
- G 35
- B 65
RGB color chart
- C 54
- M 46
- Y 0
- K 35
CMYK color chart

● #4c5aa7 color description : Dark moderate blue.

The hexadecimal color #4c5aa7 has RGB values of R:76, G:90, B:167 and CMYK values of C:0.54, M:0.46, Y:0, K:0.35. Its decimal value is 5003943.

Hex triplet	4c5aa7	`#4c5aa7`
RGB Decimal	76, 90, 167	`rgb(76,90,167)`
RGB Percent	29.8, 35.3, 65.5	`rgb(29.8%,35.3%,65.5%)`
CMYK	54, 46, 0, 35
HSL	230.8°, 37.4, 47.6	`hsl(230.8,37.4%,47.6%)`
HSV (or HSB)	230.8°, 54.5, 65.5
Web Safe	336699	`#336699`

CIE-LAB	40.635, 17.467, -43.271
XYZ	13.61, 11.638, 38.086
xyY	0.215, 0.184, 11.638
CIE-LCH	40.635, 46.663, 291.983
CIE-LUV	40.635, -9.422, -64.452
Hunter-Lab	34.115, 11.512, -42.312
Binary	01001100, 01011010, 10100111

#4c5aa7
```
#4c5aa7 rgb(76,90,167)
```
#a7994c
```
#a7994c rgb(167,153,76)
```

Complementary Color

#4c88a7
```
#4c88a7 rgb(76,136,167)
```
#4c5aa7
```
#4c5aa7 rgb(76,90,167)
```
#6c4ca7
```
#6c4ca7 rgb(108,76,167)
```

Analogous Color

#88a74c
```
#88a74c rgb(136,167,76)
```
#4c5aa7
```
#4c5aa7 rgb(76,90,167)
```
#a76c4c
```
#a76c4c rgb(167,108,76)
```

Split Complementary Color

#5aa74c
```
#5aa74c rgb(90,167,76)
```
#4c5aa7
```
#4c5aa7 rgb(76,90,167)
```
#a74c5a
```
#a74c5a rgb(167,76,90)
```

Triadic Color

#4ca799
```
#4ca799 rgb(76,167,153)
```
#4c5aa7
```
#4c5aa7 rgb(76,90,167)
```
#a74c5a
```
#a74c5a rgb(167,76,90)
```
#a7994c
```
#a7994c rgb(167,153,76)
```

Tetradic Color

#343e72
```
#343e72 rgb(52,62,114)
```
#3c4784
```
#3c4784 rgb(60,71,132)
```
#445195
```
#445195 rgb(68,81,149)
```
#4c5aa7
```
#4c5aa7 rgb(76,90,167)
```
#5967b3
```
#5967b3 rgb(89,103,179)
```
#6b77bb
```
#6b77bb rgb(107,119,187)
```
#7c87c3
```
#7c87c3 rgb(124,135,195)
```

Monochromatic Color

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

#4c71a7
```
#4c71a7 rgb(76,113,167)
```
#4c69a7
```
#4c69a7 rgb(76,105,167)
```
#4c62a7
```
#4c62a7 rgb(76,98,167)
```
#4c5aa7
```
#4c5aa7 rgb(76,90,167)
```
#4c52a7
```
#4c52a7 rgb(76,82,167)
```
#4d4ca7
```
#4d4ca7 rgb(77,76,167)
```
#554ca7
```
#554ca7 rgb(85,76,167)
```

Similar Colors

Text with hexadecimal color #4c5aa7

This text has a font color of #4c5aa7.

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

#4c5aa7 background color

This paragraph has a background color of #4c5aa7.

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

#4c5aa7 border color

This element has a border color of #4c5aa7.

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

CSS codes

.text {color:#4c5aa7;}

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

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

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

#020305
```
#020305 rgb(2,3,5)
```
#090a13
```
#090a13 rgb(9,10,19)
```
#0f1120
```
#0f1120 rgb(15,17,32)
```
#15192e
```
#15192e rgb(21,25,46)
```
#1b203b
```
#1b203b rgb(27,32,59)
```
#212749
```
#212749 rgb(33,39,73)
```
#272e56
```
#272e56 rgb(39,46,86)
```
#2d3664
```
#2d3664 rgb(45,54,100)
```
#333d71
```
#333d71 rgb(51,61,113)
```
#3a447f
```
#3a447f rgb(58,68,127)
```
#404b8c
```
#404b8c rgb(64,75,140)
```
#46539a
```
#46539a rgb(70,83,154)
```
#4c5aa7
```
#4c5aa7 rgb(76,90,167)
```

Shade Color Variation

#5563b2
```
#5563b2 rgb(85,99,178)
```
#6270b8
```
#6270b8 rgb(98,112,184)
```
#707cbe
```
#707cbe rgb(112,124,190)
```
#7d88c4
```
#7d88c4 rgb(125,136,196)
```
#8b95ca
```
#8b95ca rgb(139,149,202)
```
#98a1d0
```
#98a1d0 rgb(152,161,208)
```
#a6add6
```
#a6add6 rgb(166,173,214)
```
#b3badd
```
#b3badd rgb(179,186,221)
```
#c1c6e3
```
#c1c6e3 rgb(193,198,227)
```
#ced2e9
```
#ced2e9 rgb(206,210,233)
```
#dcdfef
```
#dcdfef rgb(220,223,239)
```
#e9ebf5
```
#e9ebf5 rgb(233,235,245)
```
#f7f7fb
```
#f7f7fb rgb(247,247,251)
```

Tint Color Variation

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

#717482
```
#717482 rgb(113,116,130)
```
#686d8b
```
#686d8b rgb(104,109,139)
```
#5f6794
```
#5f6794 rgb(95,103,148)
```
#55609e
```
#55609e rgb(85,96,158)
```
#4c5aa7
```
#4c5aa7 rgb(76,90,167)
```
#4354b0
```
#4354b0 rgb(67,84,176)
```
#394dba
```
#394dba rgb(57,77,186)
```
#3047c3
```
#3047c3 rgb(48,71,195)
```
#2740cc
```
#2740cc rgb(39,64,204)
```
#1d3ad6
```
#1d3ad6 rgb(29,58,214)
```
#1433df
```
#1433df rgb(20,51,223)
```
#0b2de8
```
#0b2de8 rgb(11,45,232)
```
#0126f2
```
#0126f2 rgb(1,38,242)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#5b5e6d Atypical Achromatopsia 0.001% of the population

Dichromacy

#4365ae Protanopia 1% of men
#3269a8 Deuteranopia 1% of men
#3d6f77 Tritanopia 0.001% of the population

Trichromacy

#4661ab Protanomaly 1% of men, 0.01% of women
#3b63a8 Deuteranomaly 6% of men, 0.4% of women
#426788 Tritanomaly 0.01% of the population

#4c5aa7 hex color

#4c5aa7 Color Information

#4c5aa7 Color Conversion

Color Schemes with #4c5aa7

Alternatives to #4c5aa7

#4c5aa7 Preview

Shades and Tints of #4c5aa7

Tones of #4c5aa7

Color Blindness Simulator