#504dff hex color

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

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

● #504dff color description : Light blue.

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

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

CIE-LAB	44.564, 55.017, -87.414
XYZ	24.009, 14.232, 96.084
xyY	0.179, 0.106, 14.232
CIE-LCH	44.564, 103.287, 302.185
CIE-LUV	44.564, -8.791, -130.177
Hunter-Lab	37.725, 47.579, -124.601
Binary	01010000, 01001101, 11111111

#504dff
```
#504dff rgb(80,77,255)
```
#fcff4d
```
#fcff4d rgb(252,255,77)
```

Complementary Color

#4da3ff
```
#4da3ff rgb(77,163,255)
```
#504dff
```
#504dff rgb(80,77,255)
```
#a94dff
```
#a94dff rgb(169,77,255)
```

Analogous Color

#a3ff4d
```
#a3ff4d rgb(163,255,77)
```
#504dff
```
#504dff rgb(80,77,255)
```
#ffa94d
```
#ffa94d rgb(255,169,77)
```

Split Complementary Color

#4dff50
```
#4dff50 rgb(77,255,80)
```
#504dff
```
#504dff rgb(80,77,255)
```
#ff504d
```
#ff504d rgb(255,80,77)
```

Triadic Color

#4dfcff
```
#4dfcff rgb(77,252,255)
```
#504dff
```
#504dff rgb(80,77,255)
```
#ff504d
```
#ff504d rgb(255,80,77)
```
#fcff4d
```
#fcff4d rgb(252,255,77)
```

Tetradic Color

#0500ff
```
#0500ff rgb(5,0,255)
```
#1e1aff
```
#1e1aff rgb(30,26,255)
```
#3734ff
```
#3734ff rgb(55,52,255)
```
#504dff
```
#504dff rgb(80,77,255)
```
#6967ff
```
#6967ff rgb(105,103,255)
```
#8280ff
```
#8280ff rgb(130,128,255)
```
#9b9aff
```
#9b9aff rgb(155,154,255)
```

Monochromatic Color

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

#4d77ff
```
#4d77ff rgb(77,119,255)
```
#4d68ff
```
#4d68ff rgb(77,104,255)
```
#4d59ff
```
#4d59ff rgb(77,89,255)
```
#504dff
```
#504dff rgb(80,77,255)
```
#5f4dff
```
#5f4dff rgb(95,77,255)
```
#6e4dff
```
#6e4dff rgb(110,77,255)
```
#7d4dff
```
#7d4dff rgb(125,77,255)
```

Similar Colors

Text with hexadecimal color #504dff

This text has a font color of #504dff.

<span style="color:#504dff;">Text here</span>

#504dff background color

This paragraph has a background color of #504dff.

<p style="background-color:#504dff;">Content here</p>

#504dff border color

This element has a border color of #504dff.

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

CSS codes

.text {color:#504dff;}

.background {background-color:#504dff;}

.border {border:1px solid #504dff;}

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)
```
#010026
```
#010026 rgb(1,0,38)
```
#010039
```
#010039 rgb(1,0,57)
```
#01004d
```
#01004d rgb(1,0,77)
```
#020061
```
#020061 rgb(2,0,97)
```
#020074
```
#020074 rgb(2,0,116)
```
#020088
```
#020088 rgb(2,0,136)
```
#03009b
```
#03009b rgb(3,0,155)
```
#0300af
```
#0300af rgb(3,0,175)
```
#0300c3
```
#0300c3 rgb(3,0,195)
```
#0400d6
```
#0400d6 rgb(4,0,214)
```
#0400ea
```
#0400ea rgb(4,0,234)
```
#0400fe
```
#0400fe rgb(4,0,254)
```

Shade Color Variation

#1612ff
```
#1612ff rgb(22,18,255)
```
#2926ff
```
#2926ff rgb(41,38,255)
```
#3d39ff
```
#3d39ff rgb(61,57,255)
```
#504dff
```
#504dff rgb(80,77,255)
```
#6361ff
```
#6361ff rgb(99,97,255)
```
#7774ff
```
#7774ff rgb(119,116,255)
```
#8a88ff
```
#8a88ff rgb(138,136,255)
```
#9d9bff
```
#9d9bff rgb(157,155,255)
```
#b0afff
```
#b0afff rgb(176,175,255)
```
#c4c3ff
```
#c4c3ff rgb(196,195,255)
```
#d7d6ff
```
#d7d6ff rgb(215,214,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 #504dff is the most saturated one.

#9f9fad
```
#9f9fad rgb(159,159,173)
```
#9998b4
```
#9998b4 rgb(153,152,180)
```
#9291bb
```
#9291bb rgb(146,145,187)
```
#8c8bc1
```
#8c8bc1 rgb(140,139,193)
```
#8584c8
```
#8584c8 rgb(133,132,200)
```
#7e7dcf
```
#7e7dcf rgb(126,125,207)
```
#7876d6
```
#7876d6 rgb(120,118,214)
```
#716fdd
```
#716fdd rgb(113,111,221)
```
#6a68e4
```
#6a68e4 rgb(106,104,228)
```
#6462ea
```
#6462ea rgb(100,98,234)
```
#5d5bf1
```
#5d5bf1 rgb(93,91,241)
```
#5754f8
```
#5754f8 rgb(87,84,248)
```
#504dff
```
#504dff rgb(80,77,255)
```

Tone Color Variation

Below, you can see how #504dff 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

#626262 Achromatopsia 0.005% of the population
#5e5e81 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006dd5 Protanopia 1% of men
#0074b9 Deuteranopia 1% of men
#007c83 Tritanopia 0.001% of the population

Trichromacy

#1d61e4 Protanomaly 1% of men, 0.01% of women
#1d65d3 Deuteranomaly 6% of men, 0.4% of women
#1d6bb0 Tritanomaly 0.01% of the population

#504dff hex color

#504dff Color Information

#504dff Color Conversion

Color Schemes with #504dff

Alternatives to #504dff

#504dff Preview

Shades and Tints of #504dff

Tones of #504dff

Color Blindness Simulator