#504bff hex color

In a RGB color space, hex #504bff is composed of 31.4% red, 29.4% green and 100% blue. Whereas in a CMYK color space, it is composed of 68.6% cyan, 70.6% magenta, 0% yellow and 0% black. It has a hue angle of 241.7 degrees, a saturation of 100% and a lightness of 64.7%. #504bff color hex could be obtained by blending #a096ff with #0000ff. Closest websafe color is: #6633ff.

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

● #504bff color description : Light blue.

The hexadecimal color #504bff has RGB values of R:80, G:75, B:255 and CMYK values of C:0.69, M:0.71, Y:0, K:0. Its decimal value is 5262335.

Hex triplet	504bff	`#504bff`
RGB Decimal	80, 75, 255	`rgb(80,75,255)`
RGB Percent	31.4, 29.4, 100	`rgb(31.4%,29.4%,100%)`
CMYK	69, 71, 0, 0
HSL	241.7°, 100, 64.7	`hsl(241.7,100%,64.7%)`
HSV (or HSB)	241.7°, 70.6, 100
Web Safe	6633ff	`#6633ff`

CIE-LAB	44.17, 56.107, -88.062
XYZ	23.871, 13.956, 96.038
xyY	0.178, 0.104, 13.956
CIE-LCH	44.17, 104.417, 302.502
CIE-LUV	44.17, -8.433, -130.576
Hunter-Lab	37.358, 48.679, -126.268
Binary	01010000, 01001011, 11111111

#504bff
```
#504bff rgb(80,75,255)
```
#faff4b
```
#faff4b rgb(250,255,75)
```

Complementary Color

#4ba0ff
```
#4ba0ff rgb(75,160,255)
```
#504bff
```
#504bff rgb(80,75,255)
```
#aa4bff
```
#aa4bff rgb(170,75,255)
```

Analogous Color

#a0ff4b
```
#a0ff4b rgb(160,255,75)
```
#504bff
```
#504bff rgb(80,75,255)
```
#ffaa4b
```
#ffaa4b rgb(255,170,75)
```

Split Complementary Color

#4bff50
```
#4bff50 rgb(75,255,80)
```
#504bff
```
#504bff rgb(80,75,255)
```
#ff504b
```
#ff504b rgb(255,80,75)
```

Triadic Color

#4bfaff
```
#4bfaff rgb(75,250,255)
```
#504bff
```
#504bff rgb(80,75,255)
```
#ff504b
```
#ff504b rgb(255,80,75)
```
#faff4b
```
#faff4b rgb(250,255,75)
```

Tetradic Color

#0700fe
```
#0700fe rgb(7,0,254)
```
#1e18ff
```
#1e18ff rgb(30,24,255)
```
#3732ff
```
#3732ff rgb(55,50,255)
```
#504bff
```
#504bff rgb(80,75,255)
```
#6965ff
```
#6965ff rgb(105,101,255)
```
#827eff
```
#827eff rgb(130,126,255)
```
#9a98ff
```
#9a98ff rgb(154,152,255)
```

Monochromatic Color

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

#4b73ff
```
#4b73ff rgb(75,115,255)
```
#4b64ff
```
#4b64ff rgb(75,100,255)
```
#4b55ff
```
#4b55ff rgb(75,85,255)
```
#504bff
```
#504bff rgb(80,75,255)
```
#5f4bff
```
#5f4bff rgb(95,75,255)
```
#6e4bff
```
#6e4bff rgb(110,75,255)
```
#7d4bff
```
#7d4bff rgb(125,75,255)
```

Similar Colors

Text with hexadecimal color #504bff

This text has a font color of #504bff.

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

#504bff background color

This paragraph has a background color of #504bff.

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

#504bff border color

This element has a border color of #504bff.

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

CSS codes

.text {color:#504bff;}

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

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

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

#000010
```
#000010 rgb(0,0,16)
```
#010024
```
#010024 rgb(1,0,36)
```
#020037
```
#020037 rgb(2,0,55)
```
#02004b
```
#02004b rgb(2,0,75)
```
#03005f
```
#03005f rgb(3,0,95)
```
#030072
```
#030072 rgb(3,0,114)
```
#040086
```
#040086 rgb(4,0,134)
```
#040099
```
#040099 rgb(4,0,153)
```
#0500ad
```
#0500ad rgb(5,0,173)
```
#0500c1
```
#0500c1 rgb(5,0,193)
```
#0600d4
```
#0600d4 rgb(6,0,212)
```
#0600e8
```
#0600e8 rgb(6,0,232)
```
#0700fc
```
#0700fc rgb(7,0,252)
```

Shade Color Variation

#1710ff
```
#1710ff rgb(23,16,255)
```
#2a24ff
```
#2a24ff rgb(42,36,255)
```
#3d37ff
```
#3d37ff rgb(61,55,255)
```
#504bff
```
#504bff rgb(80,75,255)
```
#635fff
```
#635fff rgb(99,95,255)
```
#7672ff
```
#7672ff rgb(118,114,255)
```
#8986ff
```
#8986ff rgb(137,134,255)
```
#9c99ff
```
#9c99ff rgb(156,153,255)
```
#afadff
```
#afadff rgb(175,173,255)
```
#c2c1ff
```
#c2c1ff rgb(194,193,255)
```
#d5d4ff
```
#d5d4ff rgb(213,212,255)
```
#e9e8ff
```
#e9e8ff rgb(233,232,255)
```
#fcfcff
```
#fcfcff rgb(252,252,255)
```

Tint Color Variation

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

#9e9eac
```
#9e9eac rgb(158,158,172)
```
#9897b3
```
#9897b3 rgb(152,151,179)
```
#9190ba
```
#9190ba rgb(145,144,186)
```
#8b89c1
```
#8b89c1 rgb(139,137,193)
```
#8482c8
```
#8482c8 rgb(132,130,200)
```
#7e7bcf
```
#7e7bcf rgb(126,123,207)
```
#7775d5
```
#7775d5 rgb(119,117,213)
```
#716edc
```
#716edc rgb(113,110,220)
```
#6a67e3
```
#6a67e3 rgb(106,103,227)
```
#6460ea
```
#6460ea rgb(100,96,234)
```
#5d59f1
```
#5d59f1 rgb(93,89,241)
```
#5752f8
```
#5752f8 rgb(87,82,248)
```
#504bff
```
#504bff rgb(80,75,255)
```

Tone Color Variation

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

#616161 Achromatopsia 0.005% of the population
#5e5d81 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006dd4 Protanopia 1% of men
#0073b8 Deuteranopia 1% of men
#007b82 Tritanopia 0.001% of the population

Trichromacy

#1d60e3 Protanomaly 1% of men, 0.01% of women
#1d64d2 Deuteranomaly 6% of men, 0.4% of women
#1d69af Tritanomaly 0.01% of the population

#504bff hex color

#504bff Color Information

#504bff Color Conversion

Color Schemes with #504bff

Alternatives to #504bff

#504bff Preview

Shades and Tints of #504bff

Tones of #504bff

Color Blindness Simulator