#4d50ff hex color

In a RGB color space, hex #4d50ff is composed of 30.2% red, 31.4% green and 100% blue. Whereas in a CMYK color space, it is composed of 69.8% cyan, 68.6% magenta, 0% yellow and 0% black. It has a hue angle of 239 degrees, a saturation of 100% and a lightness of 65.1%. #4d50ff color hex could be obtained by blending #9aa0ff with #0000ff. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 30
- G 31
- B 100
RGB color chart
- C 70
- M 69
- Y 0
- K 0
CMYK color chart

● #4d50ff color description : Light blue.

The hexadecimal color #4d50ff has RGB values of R:77, G:80, B:255 and CMYK values of C:0.7, M:0.69, Y:0, K:0. Its decimal value is 5067007.

Hex triplet	4d50ff	`#4d50ff`
RGB Decimal	77, 80, 255	`rgb(77,80,255)`
RGB Percent	30.2, 31.4, 100	`rgb(30.2%,31.4%,100%)`
CMYK	70, 69, 0, 0
HSL	239°, 100, 65.1	`hsl(239,100%,65.1%)`
HSV (or HSB)	239°, 69.8, 100
Web Safe	6666ff	`#6666ff`

CIE-LAB	44.989, 53.04, -86.721
XYZ	23.976, 14.534, 96.144
xyY	0.178, 0.108, 14.534
CIE-LCH	44.989, 101.655, 301.45
CIE-LUV	44.989, -9.962, -129.68
Hunter-Lab	38.123, 45.543, -122.839
Binary	01001101, 01010000, 11111111

#4d50ff
```
#4d50ff rgb(77,80,255)
```
#fffc4d
```
#fffc4d rgb(255,252,77)
```

Complementary Color

#4da9ff
```
#4da9ff rgb(77,169,255)
```
#4d50ff
```
#4d50ff rgb(77,80,255)
```
#a34dff
```
#a34dff rgb(163,77,255)
```

Analogous Color

#a9ff4d
```
#a9ff4d rgb(169,255,77)
```
#4d50ff
```
#4d50ff rgb(77,80,255)
```
#ffa34d
```
#ffa34d rgb(255,163,77)
```

Split Complementary Color

#50ff4d
```
#50ff4d rgb(80,255,77)
```
#4d50ff
```
#4d50ff rgb(77,80,255)
```
#ff4d50
```
#ff4d50 rgb(255,77,80)
```

Triadic Color

#4dfffc
```
#4dfffc rgb(77,255,252)
```
#4d50ff
```
#4d50ff rgb(77,80,255)
```
#ff4d50
```
#ff4d50 rgb(255,77,80)
```
#fffc4d
```
#fffc4d rgb(255,252,77)
```

Tetradic Color

#0005ff
```
#0005ff rgb(0,5,255)
```
#1a1eff
```
#1a1eff rgb(26,30,255)
```
#3437ff
```
#3437ff rgb(52,55,255)
```
#4d50ff
```
#4d50ff rgb(77,80,255)
```
#6769ff
```
#6769ff rgb(103,105,255)
```
#8082ff
```
#8082ff rgb(128,130,255)
```
#9a9bff
```
#9a9bff rgb(154,155,255)
```

Monochromatic Color

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

#4d7dff
```
#4d7dff rgb(77,125,255)
```
#4d6eff
```
#4d6eff rgb(77,110,255)
```
#4d5fff
```
#4d5fff rgb(77,95,255)
```
#4d50ff
```
#4d50ff rgb(77,80,255)
```
#594dff
```
#594dff rgb(89,77,255)
```
#684dff
```
#684dff rgb(104,77,255)
```
#774dff
```
#774dff rgb(119,77,255)
```

Similar Colors

Text with hexadecimal color #4d50ff

This text has a font color of #4d50ff.

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

#4d50ff background color

This paragraph has a background color of #4d50ff.

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

#4d50ff border color

This element has a border color of #4d50ff.

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

CSS codes

.text {color:#4d50ff;}

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

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

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

#000012
```
#000012 rgb(0,0,18)
```
#000126
```
#000126 rgb(0,1,38)
```
#000139
```
#000139 rgb(0,1,57)
```
#00014d
```
#00014d rgb(0,1,77)
```
#000261
```
#000261 rgb(0,2,97)
```
#000274
```
#000274 rgb(0,2,116)
```
#000288
```
#000288 rgb(0,2,136)
```
#00039b
```
#00039b rgb(0,3,155)
```
#0003af
```
#0003af rgb(0,3,175)
```
#0003c3
```
#0003c3 rgb(0,3,195)
```
#0004d6
```
#0004d6 rgb(0,4,214)
```
#0004ea
```
#0004ea rgb(0,4,234)
```
#0004fe
```
#0004fe rgb(0,4,254)
```

Shade Color Variation

#1216ff
```
#1216ff rgb(18,22,255)
```
#2629ff
```
#2629ff rgb(38,41,255)
```
#393dff
```
#393dff rgb(57,61,255)
```
#4d50ff
```
#4d50ff rgb(77,80,255)
```
#6163ff
```
#6163ff rgb(97,99,255)
```
#7477ff
```
#7477ff rgb(116,119,255)
```
#888aff
```
#888aff rgb(136,138,255)
```
#9b9dff
```
#9b9dff rgb(155,157,255)
```
#afb0ff
```
#afb0ff rgb(175,176,255)
```
#c3c4ff
```
#c3c4ff rgb(195,196,255)
```
#d6d7ff
```
#d6d7ff rgb(214,215,255)
```
#eaeaff
```
#eaeaff rgb(234,234,255)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9f9fad is the less saturated color, while #4d50ff is the most saturated one.

#9f9fad
```
#9f9fad rgb(159,159,173)
```
#9899b4
```
#9899b4 rgb(152,153,180)
```
#9192bb
```
#9192bb rgb(145,146,187)
```
#8b8cc1
```
#8b8cc1 rgb(139,140,193)
```
#8485c8
```
#8485c8 rgb(132,133,200)
```
#7d7ecf
```
#7d7ecf rgb(125,126,207)
```
#7678d6
```
#7678d6 rgb(118,120,214)
```
#6f71dd
```
#6f71dd rgb(111,113,221)
```
#686ae4
```
#686ae4 rgb(104,106,228)
```
#6264ea
```
#6264ea rgb(98,100,234)
```
#5b5df1
```
#5b5df1 rgb(91,93,241)
```
#5457f8
```
#5457f8 rgb(84,87,248)
```
#4d50ff
```
#4d50ff rgb(77,80,255)
```

Tone Color Variation

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

#636363 Achromatopsia 0.005% of the population
#5f5f82 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006ed7 Protanopia 1% of men
#0075bb Deuteranopia 1% of men
#007d84 Tritanopia 0.001% of the population

Trichromacy

#1c63e6 Protanomaly 1% of men, 0.01% of women
#1c67d4 Deuteranomaly 6% of men, 0.4% of women
#1c6cb1 Tritanomaly 0.01% of the population

#4d50ff hex color

#4d50ff Color Information

#4d50ff Color Conversion

Color Schemes with #4d50ff

Alternatives to #4d50ff

#4d50ff Preview

Shades and Tints of #4d50ff

Tones of #4d50ff

Color Blindness Simulator