#504bf1 hex color

In a RGB color space, hex #504bf1 is composed of 31.4% red, 29.4% green and 94.5% blue. Whereas in a CMYK color space, it is composed of 66.8% cyan, 68.9% magenta, 0% yellow and 5.5% black. It has a hue angle of 241.8 degrees, a saturation of 85.6% and a lightness of 62%. #504bf1 color hex could be obtained by blending #a096ff with #0000e3. Closest websafe color is: #6633ff.

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

● #504bf1 color description : Soft blue.

The hexadecimal color #504bf1 has RGB values of R:80, G:75, B:241 and CMYK values of C:0.67, M:0.69, Y:0, K:0.05. Its decimal value is 5262321.

Hex triplet	504bf1	`#504bf1`
RGB Decimal	80, 75, 241	`rgb(80,75,241)`
RGB Percent	31.4, 29.4, 94.5	`rgb(31.4%,29.4%,94.5%)`
CMYK	67, 69, 0, 5
HSL	241.8°, 85.6, 62	`hsl(241.8,85.6%,62%)`
HSV (or HSB)	241.8°, 68.9, 94.5
Web Safe	6633ff	`#6633ff`

CIE-LAB	42.895, 51.73, -82.321
XYZ	21.698, 13.087, 84.597
xyY	0.182, 0.11, 13.087
CIE-LCH	42.895, 97.225, 302.145
CIE-LUV	42.895, -7.738, -121.944
Hunter-Lab	36.176, 43.754, -113.323
Binary	01010000, 01001011, 11110001

#504bf1
```
#504bf1 rgb(80,75,241)
```
#ecf14b
```
#ecf14b rgb(236,241,75)
```

Complementary Color

#4b99f1
```
#4b99f1 rgb(75,153,241)
```
#504bf1
```
#504bf1 rgb(80,75,241)
```
#a34bf1
```
#a34bf1 rgb(163,75,241)
```

Analogous Color

#99f14b
```
#99f14b rgb(153,241,75)
```
#504bf1
```
#504bf1 rgb(80,75,241)
```
#f1a34b
```
#f1a34b rgb(241,163,75)
```

Split Complementary Color

#4bf150
```
#4bf150 rgb(75,241,80)
```
#504bf1
```
#504bf1 rgb(80,75,241)
```
#f1504b
```
#f1504b rgb(241,80,75)
```

Triadic Color

#4becf1
```
#4becf1 rgb(75,236,241)
```
#504bf1
```
#504bf1 rgb(80,75,241)
```
#f1504b
```
#f1504b rgb(241,80,75)
```
#ecf14b
```
#ecf14b rgb(236,241,75)
```

Tetradic Color

#1711de
```
#1711de rgb(23,17,222)
```
#221ced
```
#221ced rgb(34,28,237)
```
#3933ef
```
#3933ef rgb(57,51,239)
```
#504bf1
```
#504bf1 rgb(80,75,241)
```
#6763f3
```
#6763f3 rgb(103,99,243)
```
#7e7af5
```
#7e7af5 rgb(126,122,245)
```
#9592f7
```
#9592f7 rgb(149,146,247)
```

Monochromatic Color

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

#4b70f1
```
#4b70f1 rgb(75,112,241)
```
#4b62f1
```
#4b62f1 rgb(75,98,241)
```
#4b54f1
```
#4b54f1 rgb(75,84,241)
```
#504bf1
```
#504bf1 rgb(80,75,241)
```
#5e4bf1
```
#5e4bf1 rgb(94,75,241)
```
#6c4bf1
```
#6c4bf1 rgb(108,75,241)
```
#7a4bf1
```
#7a4bf1 rgb(122,75,241)
```

Similar Colors

Text with hexadecimal color #504bf1

This text has a font color of #504bf1.

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

#504bf1 background color

This paragraph has a background color of #504bf1.

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

#504bf1 border color

This element has a border color of #504bf1.

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

CSS codes

.text {color:#504bf1;}

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

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

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

#000002
```
#000002 rgb(0,0,2)
```
#020214
```
#020214 rgb(2,2,20)
```
#040326
```
#040326 rgb(4,3,38)
```
#060439
```
#060439 rgb(6,4,57)
```
#08064b
```
#08064b rgb(8,6,75)
```
#0a075d
```
#0a075d rgb(10,7,93)
```
#0c096f
```
#0c096f rgb(12,9,111)
```
#0e0a81
```
#0e0a81 rgb(14,10,129)
```
#100b94
```
#100b94 rgb(16,11,148)
```
#120da6
```
#120da6 rgb(18,13,166)
```
#130eb8
```
#130eb8 rgb(19,14,184)
```
#1510ca
```
#1510ca rgb(21,16,202)
```
#1711dc
```
#1711dc rgb(23,17,220)
```

Shade Color Variation

#1b14ed
```
#1b14ed rgb(27,20,237)
```
#2d27ee
```
#2d27ee rgb(45,39,238)
```
#3e39f0
```
#3e39f0 rgb(62,57,240)
```
#504bf1
```
#504bf1 rgb(80,75,241)
```
#625df2
```
#625df2 rgb(98,93,242)
```
#736ff4
```
#736ff4 rgb(115,111,244)
```
#8582f5
```
#8582f5 rgb(133,130,245)
```
#9794f7
```
#9794f7 rgb(151,148,247)
```
#a8a6f8
```
#a8a6f8 rgb(168,166,248)
```
#bab8f9
```
#bab8f9 rgb(186,184,249)
```
#cccafb
```
#cccafb rgb(204,202,251)
```
#deddfc
```
#deddfc rgb(222,221,252)
```
#efeffe
```
#efeffe rgb(239,239,254)
```

Tint Color Variation

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

#9d9d9f
```
#9d9d9f rgb(157,157,159)
```
#9696a6
```
#9696a6 rgb(150,150,166)
```
#8f8eae
```
#8f8eae rgb(143,142,174)
```
#8887b5
```
#8887b5 rgb(136,135,181)
```
#817fbd
```
#817fbd rgb(129,127,189)
```
#7a78c4
```
#7a78c4 rgb(122,120,196)
```
#7370cc
```
#7370cc rgb(115,112,204)
```
#6c69d3
```
#6c69d3 rgb(108,105,211)
```
#6561db
```
#6561db rgb(101,97,219)
```
#5e5ae2
```
#5e5ae2 rgb(94,90,226)
```
#5752ea
```
#5752ea rgb(87,82,234)
```
#504bf1
```
#504bf1 rgb(80,75,241)
```
#4944f8
```
#4944f8 rgb(73,68,248)
```

Tone Color Variation

Below, you can see how #504bf1 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
#5c5b7c Atypical Achromatopsia 0.001% of the population

Dichromacy

#006ace Protanopia 1% of men
#0070b3 Deuteranopia 1% of men
#00787f Tritanopia 0.001% of the population

Trichromacy

#1d5edb Protanomaly 1% of men, 0.01% of women
#1d62ca Deuteranomaly 6% of men, 0.4% of women
#1d67a8 Tritanomaly 0.01% of the population

#504bf1 hex color

#504bf1 Color Information

#504bf1 Color Conversion

Color Schemes with #504bf1

Alternatives to #504bf1

#504bf1 Preview

Shades and Tints of #504bf1

Tones of #504bf1

Color Blindness Simulator