#503bf1 hex color

In a RGB color space, hex #503bf1 is composed of 31.4% red, 23.1% green and 94.5% blue. Whereas in a CMYK color space, it is composed of 66.8% cyan, 75.5% magenta, 0% yellow and 5.5% black. It has a hue angle of 246.9 degrees, a saturation of 86.7% and a lightness of 58.8%. #503bf1 color hex could be obtained by blending #a076ff with #0000e3. Closest websafe color is: #6633ff.

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

● #503bf1 color description : Bright blue.

The hexadecimal color #503bf1 has RGB values of R:80, G:59, B:241 and CMYK values of C:0.67, M:0.76, Y:0, K:0.05. Its decimal value is 5258225.

Hex triplet	503bf1	`#503bf1`
RGB Decimal	80, 59, 241	`rgb(80,59,241)`
RGB Percent	31.4, 23.1, 94.5	`rgb(31.4%,23.1%,94.5%)`
CMYK	67, 76, 0, 5
HSL	246.9°, 86.7, 58.8	`hsl(246.9,86.7%,58.8%)`
HSV (or HSB)	246.9°, 75.5, 94.5
Web Safe	6633ff	`#6633ff`

CIE-LAB	39.887, 60.155, -87.275
XYZ	20.746, 11.183, 84.28
xyY	0.179, 0.096, 11.183
CIE-LCH	39.887, 105.998, 304.577
CIE-LUV	39.887, -5.085, -124.594
Hunter-Lab	33.441, 52.215, -126.015
Binary	01010000, 00111011, 11110001

#503bf1
```
#503bf1 rgb(80,59,241)
```
#dcf13b
```
#dcf13b rgb(220,241,59)
```

Complementary Color

#3b81f1
```
#3b81f1 rgb(59,129,241)
```
#503bf1
```
#503bf1 rgb(80,59,241)
```
#ab3bf1
```
#ab3bf1 rgb(171,59,241)
```

Analogous Color

#81f13b
```
#81f13b rgb(129,241,59)
```
#503bf1
```
#503bf1 rgb(80,59,241)
```
#f1ab3b
```
#f1ab3b rgb(241,171,59)
```

Split Complementary Color

#3bf150
```
#3bf150 rgb(59,241,80)
```
#503bf1
```
#503bf1 rgb(80,59,241)
```
#f1503b
```
#f1503b rgb(241,80,59)
```

Triadic Color

#3bdcf1
```
#3bdcf1 rgb(59,220,241)
```
#503bf1
```
#503bf1 rgb(80,59,241)
```
#f1503b
```
#f1503b rgb(241,80,59)
```
#dcf13b
```
#dcf13b rgb(220,241,59)
```

Tetradic Color

#250fd1
```
#250fd1 rgb(37,15,209)
```
#2911e8
```
#2911e8 rgb(41,17,232)
```
#3b23ef
```
#3b23ef rgb(59,35,239)
```
#503bf1
```
#503bf1 rgb(80,59,241)
```
#6553f3
```
#6553f3 rgb(101,83,243)
```
#7b6bf4
```
#7b6bf4 rgb(123,107,244)
```
#9082f6
```
#9082f6 rgb(144,130,246)
```

Monochromatic Color

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

#3b54f1
```
#3b54f1 rgb(59,84,241)
```
#3b44f1
```
#3b44f1 rgb(59,68,241)
```
#413bf1
```
#413bf1 rgb(65,59,241)
```
#503bf1
```
#503bf1 rgb(80,59,241)
```
#5f3bf1
```
#5f3bf1 rgb(95,59,241)
```
#6e3bf1
```
#6e3bf1 rgb(110,59,241)
```
#7e3bf1
```
#7e3bf1 rgb(126,59,241)
```

Similar Colors

Text with hexadecimal color #503bf1

This text has a font color of #503bf1.

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

#503bf1 background color

This paragraph has a background color of #503bf1.

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

#503bf1 border color

This element has a border color of #503bf1.

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

CSS codes

.text {color:#503bf1;}

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

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

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

#010005
```
#010005 rgb(1,0,5)
```
#040218
```
#040218 rgb(4,2,24)
```
#07032a
```
#07032a rgb(7,3,42)
```
#0b043c
```
#0b043c rgb(11,4,60)
```
#0e064f
```
#0e064f rgb(14,6,79)
```
#110761
```
#110761 rgb(17,7,97)
```
#150873
```
#150873 rgb(21,8,115)
```
#180a86
```
#180a86 rgb(24,10,134)
```
#1b0b98
```
#1b0b98 rgb(27,11,152)
```
#1e0caa
```
#1e0caa rgb(30,12,170)
```
#220dbc
```
#220dbc rgb(34,13,188)
```
#250fcf
```
#250fcf rgb(37,15,207)
```
#2810e1
```
#2810e1 rgb(40,16,225)
```

Shade Color Variation

#2f16ee
```
#2f16ee rgb(47,22,238)
```
#4029f0
```
#4029f0 rgb(64,41,240)
```
#503bf1
```
#503bf1 rgb(80,59,241)
```
#604df2
```
#604df2 rgb(96,77,242)
```
#7160f4
```
#7160f4 rgb(113,96,244)
```
#8172f5
```
#8172f5 rgb(129,114,245)
```
#9184f6
```
#9184f6 rgb(145,132,246)
```
#a297f8
```
#a297f8 rgb(162,151,248)
```
#b2a9f9
```
#b2a9f9 rgb(178,169,249)
```
#c2bbfa
```
#c2bbfa rgb(194,187,250)
```
#d3cdfb
```
#d3cdfb rgb(211,205,251)
```
#e3e0fd
```
#e3e0fd rgb(227,224,253)
```
#f3f2fe
```
#f3f2fe rgb(243,242,254)
```

Tint Color Variation

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

#949498
```
#949498 rgb(148,148,152)
```
#8e8ca0
```
#8e8ca0 rgb(142,140,160)
```
#8884a8
```
#8884a8 rgb(136,132,168)
```
#827cb0
```
#827cb0 rgb(130,124,176)
```
#7b74b8
```
#7b74b8 rgb(123,116,184)
```
#756bc1
```
#756bc1 rgb(117,107,193)
```
#6f63c9
```
#6f63c9 rgb(111,99,201)
```
#695bd1
```
#695bd1 rgb(105,91,209)
```
#6353d9
```
#6353d9 rgb(99,83,217)
```
#5c4be1
```
#5c4be1 rgb(92,75,225)
```
#5643e9
```
#5643e9 rgb(86,67,233)
```
#503bf1
```
#503bf1 rgb(80,59,241)
```
#4a33f9
```
#4a33f9 rgb(74,51,249)
```

Tone Color Variation

Below, you can see how #503bf1 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

#565656 Achromatopsia 0.005% of the population
#555175 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0063c1 Protanopia 1% of men
#0069a7 Deuteranopia 1% of men
#007077 Tritanopia 0.001% of the population

Trichromacy

#1d54d2 Protanomaly 1% of men, 0.01% of women
#1d58c2 Deuteranomaly 6% of men, 0.4% of women
#1d5da3 Tritanomaly 0.01% of the population

#503bf1 hex color

#503bf1 Color Information

#503bf1 Color Conversion

Color Schemes with #503bf1

Alternatives to #503bf1

#503bf1 Preview

Shades and Tints of #503bf1

Tones of #503bf1

Color Blindness Simulator