#4c5ab3 hex color

In a RGB color space, hex #4c5ab3 is composed of 29.8% red, 35.3% green and 70.2% blue. Whereas in a CMYK color space, it is composed of 57.5% cyan, 49.7% magenta, 0% yellow and 29.8% black. It has a hue angle of 231.8 degrees, a saturation of 40.4% and a lightness of 50%. #4c5ab3 color hex could be obtained by blending #98b4ff with #000067. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 30
- G 35
- B 70
RGB color chart
- C 58
- M 50
- Y 0
- K 30
CMYK color chart

● #4c5ab3 color description : Moderate blue.

The hexadecimal color #4c5ab3 has RGB values of R:76, G:90, B:179 and CMYK values of C:0.58, M:0.5, Y:0, K:0.3. Its decimal value is 5003955.

Hex triplet	4c5ab3	`#4c5ab3`
RGB Decimal	76, 90, 179	`rgb(76,90,179)`
RGB Percent	29.8, 35.3, 70.2	`rgb(29.8%,35.3%,70.2%)`
CMYK	58, 50, 0, 30
HSL	231.8°, 40.4, 50	`hsl(231.8,40.4%,50%)`
HSV (or HSB)	231.8°, 57.5, 70.2
Web Safe	3366cc	`#3366cc`

CIE-LAB	41.379, 21.5, -49.161
XYZ	14.772, 12.103, 44.203
xyY	0.208, 0.17, 12.103
CIE-LCH	41.379, 53.657, 293.621
CIE-LUV	41.379, -9.792, -73.792
Hunter-Lab	34.789, 14.911, -50.981
Binary	01001100, 01011010, 10110011

#4c5ab3
```
#4c5ab3 rgb(76,90,179)
```
#b3a54c
```
#b3a54c rgb(179,165,76)
```

Complementary Color

#4c8eb3
```
#4c8eb3 rgb(76,142,179)
```
#4c5ab3
```
#4c5ab3 rgb(76,90,179)
```
#724cb3
```
#724cb3 rgb(114,76,179)
```

Analogous Color

#8eb34c
```
#8eb34c rgb(142,179,76)
```
#4c5ab3
```
#4c5ab3 rgb(76,90,179)
```
#b3724c
```
#b3724c rgb(179,114,76)
```

Split Complementary Color

#5ab34c
```
#5ab34c rgb(90,179,76)
```
#4c5ab3
```
#4c5ab3 rgb(76,90,179)
```
#b34c5a
```
#b34c5a rgb(179,76,90)
```

Triadic Color

#4cb3a5
```
#4cb3a5 rgb(76,179,165)
```
#4c5ab3
```
#4c5ab3 rgb(76,90,179)
```
#b34c5a
```
#b34c5a rgb(179,76,90)
```
#b3a54c
```
#b3a54c rgb(179,165,76)
```

Tetradic Color

#353f7d
```
#353f7d rgb(53,63,125)
```
#3d488f
```
#3d488f rgb(61,72,143)
```
#4451a1
```
#4451a1 rgb(68,81,161)
```
#4c5ab3
```
#4c5ab3 rgb(76,90,179)
```
#5e6bbb
```
#5e6bbb rgb(94,107,187)
```
#707bc2
```
#707bc2 rgb(112,123,194)
```
#828cca
```
#828cca rgb(130,140,202)
```

Monochromatic Color

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

#4c74b3
```
#4c74b3 rgb(76,116,179)
```
#4c6bb3
```
#4c6bb3 rgb(76,107,179)
```
#4c63b3
```
#4c63b3 rgb(76,99,179)
```
#4c5ab3
```
#4c5ab3 rgb(76,90,179)
```
#4c51b3
```
#4c51b3 rgb(76,81,179)
```
#4f4cb3
```
#4f4cb3 rgb(79,76,179)
```
#584cb3
```
#584cb3 rgb(88,76,179)
```

Similar Colors

Text with hexadecimal color #4c5ab3

This text has a font color of #4c5ab3.

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

#4c5ab3 background color

This paragraph has a background color of #4c5ab3.

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

#4c5ab3 border color

This element has a border color of #4c5ab3.

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

CSS codes

.text {color:#4c5ab3;}

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

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

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, #06070e is the darkest color, while #ffffff is the lightest one.

#06070e
```
#06070e rgb(6,7,14)
```
#0c0e1c
```
#0c0e1c rgb(12,14,28)
```
#121529
```
#121529 rgb(18,21,41)
```
#171c37
```
#171c37 rgb(23,28,55)
```
#1d2345
```
#1d2345 rgb(29,35,69)
```
#232a53
```
#232a53 rgb(35,42,83)
```
#293060
```
#293060 rgb(41,48,96)
```
#2f376e
```
#2f376e rgb(47,55,110)
```
#353e7c
```
#353e7c rgb(53,62,124)
```
#3a458a
```
#3a458a rgb(58,69,138)
```
#404c97
```
#404c97 rgb(64,76,151)
```
#4653a5
```
#4653a5 rgb(70,83,165)
```
#4c5ab3
```
#4c5ab3 rgb(76,90,179)
```

Shade Color Variation

#5a67b9
```
#5a67b9 rgb(90,103,185)
```
#6873bf
```
#6873bf rgb(104,115,191)
```
#7580c5
```
#7580c5 rgb(117,128,197)
```
#838dca
```
#838dca rgb(131,141,202)
```
#9199d0
```
#9199d0 rgb(145,153,208)
```
#9fa6d6
```
#9fa6d6 rgb(159,166,214)
```
#acb3dc
```
#acb3dc rgb(172,179,220)
```
#bac0e2
```
#bac0e2 rgb(186,192,226)
```
#c8cce8
```
#c8cce8 rgb(200,204,232)
```
#d6d9ed
```
#d6d9ed rgb(214,217,237)
```
#e3e6f3
```
#e3e6f3 rgb(227,230,243)
```
#f1f2f9
```
#f1f2f9 rgb(241,242,249)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7d7e82 is the less saturated color, while #0728f8 is the most saturated one.

#7d7e82
```
#7d7e82 rgb(125,126,130)
```
#73778c
```
#73778c rgb(115,119,140)
```
#696f96
```
#696f96 rgb(105,111,150)
```
#60689f
```
#60689f rgb(96,104,159)
```
#5661a9
```
#5661a9 rgb(86,97,169)
```
#4c5ab3
```
#4c5ab3 rgb(76,90,179)
```
#4253bd
```
#4253bd rgb(66,83,189)
```
#384cc7
```
#384cc7 rgb(56,76,199)
```
#2f45d0
```
#2f45d0 rgb(47,69,208)
```
#253dda
```
#253dda rgb(37,61,218)
```
#1b36e4
```
#1b36e4 rgb(27,54,228)
```
#112fee
```
#112fee rgb(17,47,238)
```
#0728f8
```
#0728f8 rgb(7,40,248)
```

Tone Color Variation

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

#606060 Achromatopsia 0.005% of the population
#5c5f71 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3767ba Protanopia 1% of men
#0d6bb3 Deuteranopia 1% of men
#35727a Tritanopia 0.001% of the population

Trichromacy

#3f62b8 Protanomaly 1% of men, 0.01% of women
#2365b3 Deuteranomaly 6% of men, 0.4% of women
#3d698e Tritanomaly 0.01% of the population

#4c5ab3 hex color

#4c5ab3 Color Information

#4c5ab3 Color Conversion

Color Schemes with #4c5ab3

Alternatives to #4c5ab3

#4c5ab3 Preview

Shades and Tints of #4c5ab3

Tones of #4c5ab3

Color Blindness Simulator