#4c50e2 hex color

In a RGB color space, hex #4c50e2 is composed of 29.8% red, 31.4% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 66.4% cyan, 64.6% magenta, 0% yellow and 11.4% black. It has a hue angle of 238.4 degrees, a saturation of 72.1% and a lightness of 59.2%. #4c50e2 color hex could be obtained by blending #98a0ff with #0000c5. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 30
- G 31
- B 89
RGB color chart
- C 66
- M 65
- Y 0
- K 11
CMYK color chart

● #4c50e2 color description : Soft blue.

The hexadecimal color #4c50e2 has RGB values of R:76, G:80, B:226 and CMYK values of C:0.66, M:0.65, Y:0, K:0.11. Its decimal value is 5001442.

Hex triplet	4c50e2	`#4c50e2`
RGB Decimal	76, 80, 226	`rgb(76,80,226)`
RGB Percent	29.8, 31.4, 88.6	`rgb(29.8%,31.4%,88.6%)`
CMYK	66, 65, 0, 11
HSL	238.4°, 72.1, 59.2	`hsl(238.4,72.1%,59.2%)`
HSV (or HSB)	238.4°, 66.4, 88.6
Web Safe	3366cc	`#3366cc`

CIE-LAB	42.405, 43.522, -74.65
XYZ	19.574, 12.764, 73.379
xyY	0.185, 0.121, 12.764
CIE-LCH	42.405, 86.41, 300.243
CIE-LUV	42.405, -8.959, -111.307
Hunter-Lab	35.726, 35.276, -96.769
Binary	01001100, 01010000, 11100010

#4c50e2
```
#4c50e2 rgb(76,80,226)
```
#e2de4c
```
#e2de4c rgb(226,222,76)
```

Complementary Color

#4c9be2
```
#4c9be2 rgb(76,155,226)
```
#4c50e2
```
#4c50e2 rgb(76,80,226)
```
#934ce2
```
#934ce2 rgb(147,76,226)
```

Analogous Color

#9be24c
```
#9be24c rgb(155,226,76)
```
#4c50e2
```
#4c50e2 rgb(76,80,226)
```
#e2934c
```
#e2934c rgb(226,147,76)
```

Split Complementary Color

#50e24c
```
#50e24c rgb(80,226,76)
```
#4c50e2
```
#4c50e2 rgb(76,80,226)
```
#e24c50
```
#e24c50 rgb(226,76,80)
```

Triadic Color

#4ce2de
```
#4ce2de rgb(76,226,222)
```
#4c50e2
```
#4c50e2 rgb(76,80,226)
```
#e24c50
```
#e24c50 rgb(226,76,80)
```
#e2de4c
```
#e2de4c rgb(226,222,76)
```

Tetradic Color

#1f24c2
```
#1f24c2 rgb(31,36,194)
```
#2328d8
```
#2328d8 rgb(35,40,216)
```
#363bde
```
#363bde rgb(54,59,222)
```
#4c50e2
```
#4c50e2 rgb(76,80,226)
```
#6265e6
```
#6265e6 rgb(98,101,230)
```
#787be9
```
#787be9 rgb(120,123,233)
```
#8e90ed
```
#8e90ed rgb(142,144,237)
```

Monochromatic Color

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

#4c76e2
```
#4c76e2 rgb(76,118,226)
```
#4c69e2
```
#4c69e2 rgb(76,105,226)
```
#4c5de2
```
#4c5de2 rgb(76,93,226)
```
#4c50e2
```
#4c50e2 rgb(76,80,226)
```
#554ce2
```
#554ce2 rgb(85,76,226)
```
#614ce2
```
#614ce2 rgb(97,76,226)
```
#6e4ce2
```
#6e4ce2 rgb(110,76,226)
```

Similar Colors

Text with hexadecimal color #4c50e2

This text has a font color of #4c50e2.

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

#4c50e2 background color

This paragraph has a background color of #4c50e2.

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

#4c50e2 border color

This element has a border color of #4c50e2.

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

CSS codes

.text {color:#4c50e2;}

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

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

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

#010107
```
#010107 rgb(1,1,7)
```
#040418
```
#040418 rgb(4,4,24)
```
#070728
```
#070728 rgb(7,7,40)
```
#090b39
```
#090b39 rgb(9,11,57)
```
#0c0e4a
```
#0c0e4a rgb(12,14,74)
```
#0f115b
```
#0f115b rgb(15,17,91)
```
#11146c
```
#11146c rgb(17,20,108)
```
#14177d
```
#14177d rgb(20,23,125)
```
#171a8e
```
#171a8e rgb(23,26,142)
```
#1a1d9f
```
#1a1d9f rgb(26,29,159)
```
#1c20af
```
#1c20af rgb(28,32,175)
```
#1f23c0
```
#1f23c0 rgb(31,35,192)
```
#2227d1
```
#2227d1 rgb(34,39,209)
```

Shade Color Variation

#2a2fdd
```
#2a2fdd rgb(42,47,221)
```
#3b3fdf
```
#3b3fdf rgb(59,63,223)
```
#4c50e2
```
#4c50e2 rgb(76,80,226)
```
#5d61e5
```
#5d61e5 rgb(93,97,229)
```
#6e71e7
```
#6e71e7 rgb(110,113,231)
```
#7f82ea
```
#7f82ea rgb(127,130,234)
```
#9092ed
```
#9092ed rgb(144,146,237)
```
#a0a3f0
```
#a0a3f0 rgb(160,163,240)
```
#b1b3f2
```
#b1b3f2 rgb(177,179,242)
```
#c2c4f5
```
#c2c4f5 rgb(194,196,245)
```
#d3d4f8
```
#d3d4f8 rgb(211,212,248)
```
#e4e5fb
```
#e4e5fb rgb(228,229,251)
```
#f5f5fd
```
#f5f5fd rgb(245,245,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #94949a is the less saturated color, while #3439fa is the most saturated one.

#94949a
```
#94949a rgb(148,148,154)
```
#8c8da2
```
#8c8da2 rgb(140,141,162)
```
#8485aa
```
#8485aa rgb(132,133,170)
```
#7c7db2
```
#7c7db2 rgb(124,125,178)
```
#7476ba
```
#7476ba rgb(116,118,186)
```
#6c6ec2
```
#6c6ec2 rgb(108,110,194)
```
#6467ca
```
#6467ca rgb(100,103,202)
```
#5c5fd2
```
#5c5fd2 rgb(92,95,210)
```
#5458da
```
#5458da rgb(84,88,218)
```
#4c50e2
```
#4c50e2 rgb(76,80,226)
```
#4448ea
```
#4448ea rgb(68,72,234)
```
#3c41f2
```
#3c41f2 rgb(60,65,242)
```
#3439fa
```
#3439fa rgb(52,57,250)
```

Tone Color Variation

Below, you can see how #4c50e2 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
#5b5c79 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0068cc Protanopia 1% of men
#006eb2 Deuteranopia 1% of men
#00767e Tritanopia 0.001% of the population

Trichromacy

#1b5fd4 Protanomaly 1% of men, 0.01% of women
#1b63c3 Deuteranomaly 6% of men, 0.4% of women
#1b68a2 Tritanomaly 0.01% of the population

#4c50e2 hex color

#4c50e2 Color Information

#4c50e2 Color Conversion

Color Schemes with #4c50e2

Alternatives to #4c50e2

#4c50e2 Preview

Shades and Tints of #4c50e2

Tones of #4c50e2

Color Blindness Simulator