#503bf7 hex color

In a RGB color space, hex #503bf7 is composed of 31.4% red, 23.1% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 67.6% cyan, 76.1% magenta, 0% yellow and 3.1% black. It has a hue angle of 246.7 degrees, a saturation of 92.2% and a lightness of 60%. #503bf7 color hex could be obtained by blending #a076ff with #0000ef. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 31
- G 23
- B 97
RGB color chart
- C 68
- M 76
- Y 0
- K 3
CMYK color chart

● #503bf7 color description : Bright blue.

The hexadecimal color #503bf7 has RGB values of R:80, G:59, B:247 and CMYK values of C:0.68, M:0.76, Y:0, K:0.03. Its decimal value is 5258231.

Hex triplet	503bf7	`#503bf7`
RGB Decimal	80, 59, 247	`rgb(80,59,247)`
RGB Percent	31.4, 23.1, 96.9	`rgb(31.4%,23.1%,96.9%)`
CMYK	68, 76, 0, 3
HSL	246.7°, 92.2, 60	`hsl(246.7,92.2%,60%)`
HSV (or HSB)	246.7°, 76.1, 96.9
Web Safe	6633ff	`#6633ff`

CIE-LAB	40.488, 61.91, -89.661
XYZ	21.657, 11.548, 89.078
xyY	0.177, 0.094, 11.548
CIE-LCH	40.488, 108.959, 304.625
CIE-LUV	40.488, -5.46, -128.13
Hunter-Lab	33.982, 54.294, -131.632
Binary	01010000, 00111011, 11110111

#503bf7
```
#503bf7 rgb(80,59,247)
```
#e2f73b
```
#e2f73b rgb(226,247,59)
```

Complementary Color

#3b84f7
```
#3b84f7 rgb(59,132,247)
```
#503bf7
```
#503bf7 rgb(80,59,247)
```
#ae3bf7
```
#ae3bf7 rgb(174,59,247)
```

Analogous Color

#84f73b
```
#84f73b rgb(132,247,59)
```
#503bf7
```
#503bf7 rgb(80,59,247)
```
#f7ae3b
```
#f7ae3b rgb(247,174,59)
```

Split Complementary Color

#3bf750
```
#3bf750 rgb(59,247,80)
```
#503bf7
```
#503bf7 rgb(80,59,247)
```
#f7503b
```
#f7503b rgb(247,80,59)
```

Triadic Color

#3be2f7
```
#3be2f7 rgb(59,226,247)
```
#503bf7
```
#503bf7 rgb(80,59,247)
```
#f7503b
```
#f7503b rgb(247,80,59)
```
#e2f73b
```
#e2f73b rgb(226,247,59)
```

Tetradic Color

#2109dd
```
#2109dd rgb(33,9,221)
```
#240af5
```
#240af5 rgb(36,10,245)
```
#3a23f6
```
#3a23f6 rgb(58,35,246)
```
#503bf7
```
#503bf7 rgb(80,59,247)
```
#6654f8
```
#6654f8 rgb(102,84,248)
```
#7c6cf9
```
#7c6cf9 rgb(124,108,249)
```
#9285fa
```
#9285fa rgb(146,133,250)
```

Monochromatic Color

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

#3b55f7
```
#3b55f7 rgb(59,85,247)
```
#3b45f7
```
#3b45f7 rgb(59,69,247)
```
#403bf7
```
#403bf7 rgb(64,59,247)
```
#503bf7
```
#503bf7 rgb(80,59,247)
```
#603bf7
```
#603bf7 rgb(96,59,247)
```
#6f3bf7
```
#6f3bf7 rgb(111,59,247)
```
#7f3bf7
```
#7f3bf7 rgb(127,59,247)
```

Similar Colors

Text with hexadecimal color #503bf7

This text has a font color of #503bf7.

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

#503bf7 background color

This paragraph has a background color of #503bf7.

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

#503bf7 border color

This element has a border color of #503bf7.

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

CSS codes

.text {color:#503bf7;}

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

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

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, #02000b is the darkest color, while #f8f7ff is the lightest one.

#02000b
```
#02000b rgb(2,0,11)
```
#04011e
```
#04011e rgb(4,1,30)
```
#070231
```
#070231 rgb(7,2,49)
```
#0a0344
```
#0a0344 rgb(10,3,68)
```
#0d0457
```
#0d0457 rgb(13,4,87)
```
#10046a
```
#10046a rgb(16,4,106)
```
#12057c
```
#12057c rgb(18,5,124)
```
#15068f
```
#15068f rgb(21,6,143)
```
#1807a2
```
#1807a2 rgb(24,7,162)
```
#1b07b5
```
#1b07b5 rgb(27,7,181)
```
#1e08c8
```
#1e08c8 rgb(30,8,200)
```
#2009db
```
#2009db rgb(32,9,219)
```
#230aed
```
#230aed rgb(35,10,237)
```

Shade Color Variation

#2e15f5
```
#2e15f5 rgb(46,21,245)
```
#3f28f6
```
#3f28f6 rgb(63,40,246)
```
#503bf7
```
#503bf7 rgb(80,59,247)
```
#614ef8
```
#614ef8 rgb(97,78,248)
```
#7261f9
```
#7261f9 rgb(114,97,249)
```
#8274f9
```
#8274f9 rgb(130,116,249)
```
#9386fa
```
#9386fa rgb(147,134,250)
```
#a499fb
```
#a499fb rgb(164,153,251)
```
#b5acfc
```
#b5acfc rgb(181,172,252)
```
#c6bffc
```
#c6bffc rgb(198,191,252)
```
#d7d2fd
```
#d7d2fd rgb(215,210,253)
```
#e7e5fe
```
#e7e5fe rgb(231,229,254)
```
#f8f7ff
```
#f8f7ff rgb(248,247,255)
```

Tint Color Variation

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

#9391a1
```
#9391a1 rgb(147,145,161)
```
#8d89a9
```
#8d89a9 rgb(141,137,169)
```
#8782b0
```
#8782b0 rgb(135,130,176)
```
#817ab8
```
#817ab8 rgb(129,122,184)
```
#7b72c0
```
#7b72c0 rgb(123,114,192)
```
#756ac8
```
#756ac8 rgb(117,106,200)
```
#6e62d0
```
#6e62d0 rgb(110,98,208)
```
#685ad8
```
#685ad8 rgb(104,90,216)
```
#6253df
```
#6253df rgb(98,83,223)
```
#5c4be7
```
#5c4be7 rgb(92,75,231)
```
#5643ef
```
#5643ef rgb(86,67,239)
```
#503bf7
```
#503bf7 rgb(80,59,247)
```
#4a33ff
```
#4a33ff rgb(74,51,255)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#565177 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0064c3 Protanopia 1% of men
#006aa9 Deuteranopia 1% of men
#007178 Tritanopia 0.001% of the population

Trichromacy

#1d55d6 Protanomaly 1% of men, 0.01% of women
#1d59c5 Deuteranomaly 6% of men, 0.4% of women
#1d5da6 Tritanomaly 0.01% of the population

#503bf7 hex color

#503bf7 Color Information

#503bf7 Color Conversion

Color Schemes with #503bf7

Alternatives to #503bf7

#503bf7 Preview

Shades and Tints of #503bf7

Tones of #503bf7

Color Blindness Simulator