colorhexa.com

#4c4180 hex color

In a RGB color space, hex #4c4180 is composed of 29.8% red, 25.5% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 40.6% cyan, 49.2% magenta, 0% yellow and 49.8% black. It has a hue angle of 250.5 degrees, a saturation of 32.6% and a lightness of 37.8%. #4c4180 color hex could be obtained by blending #9882ff with #000001. Closest websafe color is: #333399.

- R 30
- G 25
- B 50
RGB color chart
- C 41
- M 49
- Y 0
- K 50
CMYK color chart

● #4c4180 color description : Dark moderate blue.

The hexadecimal color #4c4180 has RGB values of R:76, G:65, B:128 and CMYK values of C:0.41, M:0.49, Y:0, K:0.5. Its decimal value is 4997504.

Hex triplet	4c4180	`#4c4180`
RGB Decimal	76, 65, 128	`rgb(76,65,128)`
RGB Percent	29.8, 25.5, 50.2	`rgb(29.8%,25.5%,50.2%)`
CMYK	41, 49, 0, 50
HSL	250.5°, 32.6, 37.8	`hsl(250.5,32.6%,37.8%)`
HSV (or HSB)	250.5°, 49.2, 50.2
Web Safe	333399	`#333399`

CIE-LAB	31.522, 21.072, -34.142
XYZ	8.766, 6.875, 21.286
xyY	0.237, 0.186, 6.875
CIE-LCH	31.522, 40.121, 301.683
CIE-LUV	31.522, 0.685, -47.643
Hunter-Lab	26.221, 13.79, -29.776
Binary	01001100, 01000001, 10000000

#4c4180
```
#4c4180 rgb(76,65,128)
```
#758041
```
#758041 rgb(117,128,65)
```

Complementary Color

#415680
```
#415680 rgb(65,86,128)
```
#4c4180
```
#4c4180 rgb(76,65,128)
```
#6c4180
```
#6c4180 rgb(108,65,128)
```

Analogous Color

#568041
```
#568041 rgb(86,128,65)
```
#4c4180
```
#4c4180 rgb(76,65,128)
```
#806c41
```
#806c41 rgb(128,108,65)
```

Split Complementary Color

#41804c
```
#41804c rgb(65,128,76)
```
#4c4180
```
#4c4180 rgb(76,65,128)
```
#804c41
```
#804c41 rgb(128,76,65)
```

Triadic Color

#417580
```
#417580 rgb(65,117,128)
```
#4c4180
```
#4c4180 rgb(76,65,128)
```
#804c41
```
#804c41 rgb(128,76,65)
```
#758041
```
#758041 rgb(117,128,65)
```

Tetradic Color

#2e274d
```
#2e274d rgb(46,39,77)
```
#38305e
```
#38305e rgb(56,48,94)
```
#42386f
```
#42386f rgb(66,56,111)
```
#4c4180
```
#4c4180 rgb(76,65,128)
```
#564a91
```
#564a91 rgb(86,74,145)
```
#6052a2
```
#6052a2 rgb(96,82,162)
```
#6d5fae
```
#6d5fae rgb(109,95,174)
```

Monochromatic Color

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

#414680
```
#414680 rgb(65,70,128)
```
#424180
```
#424180 rgb(66,65,128)
```
#474180
```
#474180 rgb(71,65,128)
```
#4c4180
```
#4c4180 rgb(76,65,128)
```
#514180
```
#514180 rgb(81,65,128)
```
#574180
```
#574180 rgb(87,65,128)
```
#5c4180
```
#5c4180 rgb(92,65,128)
```

Similar Colors

Text with hexadecimal color #4c4180

This text has a font color of #4c4180.

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

#4c4180 background color

This paragraph has a background color of #4c4180.

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

#4c4180 border color

This element has a border color of #4c4180.

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

CSS codes

.text {color:#4c4180;}

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

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

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

#06060b
```
#06060b rgb(6,6,11)
```
#0e0c18
```
#0e0c18 rgb(14,12,24)
```
#161325
```
#161325 rgb(22,19,37)
```
#1e1932
```
#1e1932 rgb(30,25,50)
```
#25203f
```
#25203f rgb(37,32,63)
```
#2d274c
```
#2d274c rgb(45,39,76)
```
#352d59
```
#352d59 rgb(53,45,89)
```
#3d3466
```
#3d3466 rgb(61,52,102)
```
#443a73
```
#443a73 rgb(68,58,115)
```
#4c4180
```
#4c4180 rgb(76,65,128)
```
#54488d
```
#54488d rgb(84,72,141)
```
#5b4e9a
```
#5b4e9a rgb(91,78,154)
```
#6355a7
```
#6355a7 rgb(99,85,167)
```

Shade Color Variation

#6e61af
```
#6e61af rgb(110,97,175)
```
#7a6eb5
```
#7a6eb5 rgb(122,110,181)
```
#867bbc
```
#867bbc rgb(134,123,188)
```
#9288c2
```
#9288c2 rgb(146,136,194)
```
#9e95c9
```
#9e95c9 rgb(158,149,201)
```
#aaa2d0
```
#aaa2d0 rgb(170,162,208)
```
#b6afd6
```
#b6afd6 rgb(182,175,214)
```
#c2bcdd
```
#c2bcdd rgb(194,188,221)
```
#cec9e4
```
#cec9e4 rgb(206,201,228)
```
#d9d6ea
```
#d9d6ea rgb(217,214,234)
```
#e5e3f1
```
#e5e3f1 rgb(229,227,241)
```
#f1f0f7
```
#f1f0f7 rgb(241,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, #5f5f62 is the less saturated color, while #2506bb is the most saturated one.

#5f5f62
```
#5f5f62 rgb(95,95,98)
```
#5a576a
```
#5a576a rgb(90,87,106)
```
#565071
```
#565071 rgb(86,80,113)
```
#514879
```
#514879 rgb(81,72,121)
```
#4c4180
```
#4c4180 rgb(76,65,128)
```
#473a87
```
#473a87 rgb(71,58,135)
```
#42328f
```
#42328f rgb(66,50,143)
```
#3e2b96
```
#3e2b96 rgb(62,43,150)
```
#39239e
```
#39239e rgb(57,35,158)
```
#341ca5
```
#341ca5 rgb(52,28,165)
```
#2f14ad
```
#2f14ad rgb(47,20,173)
```
#2a0db4
```
#2a0db4 rgb(42,13,180)
```
#2506bb
```
#2506bb rgb(37,6,187)
```

Tone Color Variation

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

#4b4b4b Achromatopsia 0.005% of the population
#4b4956 Atypical Achromatopsia 0.001% of the population

Dichromacy

#35518c Protanopia 1% of men
#325483 Deuteranopia 1% of men
#48555b Tritanopia 0.001% of the population

Trichromacy

#3d4b87 Protanomaly 1% of men, 0.01% of women
#3b4d81 Deuteranomaly 6% of men, 0.4% of women
#494e68 Tritanomaly 0.01% of the population