#503afd hex color

In a RGB color space, hex #503afd is composed of 31.4% red, 22.7% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 68.4% cyan, 77.1% magenta, 0% yellow and 0.8% black. It has a hue angle of 246.8 degrees, a saturation of 98% and a lightness of 61%. #503afd color hex could be obtained by blending #a074ff with #0000fb. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 31
- G 23
- B 99
RGB color chart
- C 68
- M 77
- Y 0
- K 1
CMYK color chart

● #503afd color description : Bright blue.

The hexadecimal color #503afd has RGB values of R:80, G:58, B:253 and CMYK values of C:0.68, M:0.77, Y:0, K:0.01. Its decimal value is 5257981.

Hex triplet	503afd	`#503afd`
RGB Decimal	80, 58, 253	`rgb(80,58,253)`
RGB Percent	31.4, 22.7, 99.2	`rgb(31.4%,22.7%,99.2%)`
CMYK	68, 77, 0, 1
HSL	246.8°, 98, 61	`hsl(246.8,98%,61%)`
HSV (or HSB)	246.8°, 77.1, 99.2
Web Safe	6633ff	`#6633ff`

CIE-LAB	40.932, 64.123, -92.29
XYZ	22.548, 11.822, 94.017
xyY	0.176, 0.092, 11.822
CIE-LCH	40.932, 112.38, 304.792
CIE-LUV	40.932, -5.692, -131.73
Hunter-Lab	34.384, 56.883, -138.051
Binary	01010000, 00111010, 11111101

#503afd
```
#503afd rgb(80,58,253)
```
#e7fd3a
```
#e7fd3a rgb(231,253,58)
```

Complementary Color

#3a86fd
```
#3a86fd rgb(58,134,253)
```
#503afd
```
#503afd rgb(80,58,253)
```
#b23afd
```
#b23afd rgb(178,58,253)
```

Analogous Color

#86fd3a
```
#86fd3a rgb(134,253,58)
```
#503afd
```
#503afd rgb(80,58,253)
```
#fdb23a
```
#fdb23a rgb(253,178,58)
```

Split Complementary Color

#3afd50
```
#3afd50 rgb(58,253,80)
```
#503afd
```
#503afd rgb(80,58,253)
```
#fd503a
```
#fd503a rgb(253,80,58)
```

Triadic Color

#3ae7fd
```
#3ae7fd rgb(58,231,253)
```
#503afd
```
#503afd rgb(80,58,253)
```
#fd503a
```
#fd503a rgb(253,80,58)
```
#e7fd3a
```
#e7fd3a rgb(231,253,58)
```

Tetradic Color

#1c02e8
```
#1c02e8 rgb(28,2,232)
```
#2308fc
```
#2308fc rgb(35,8,252)
```
#3a21fd
```
#3a21fd rgb(58,33,253)
```
#503afd
```
#503afd rgb(80,58,253)
```
#6653fd
```
#6653fd rgb(102,83,253)
```
#7d6cfe
```
#7d6cfe rgb(125,108,254)
```
#9386fe
```
#9386fe rgb(147,134,254)
```

Monochromatic Color

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

#3a55fd
```
#3a55fd rgb(58,85,253)
```
#3a44fd
```
#3a44fd rgb(58,68,253)
```
#403afd
```
#403afd rgb(64,58,253)
```
#503afd
```
#503afd rgb(80,58,253)
```
#603afd
```
#603afd rgb(96,58,253)
```
#713afd
```
#713afd rgb(113,58,253)
```
#813afd
```
#813afd rgb(129,58,253)
```

Similar Colors

Text with hexadecimal color #503afd

This text has a font color of #503afd.

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

#503afd background color

This paragraph has a background color of #503afd.

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

#503afd border color

This element has a border color of #503afd.

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

CSS codes

.text {color:#503afd;}

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

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

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

#020011
```
#020011 rgb(2,0,17)
```
#040024
```
#040024 rgb(4,0,36)
```
#070137
```
#070137 rgb(7,1,55)
```
#09014b
```
#09014b rgb(9,1,75)
```
#0b015e
```
#0b015e rgb(11,1,94)
```
#0e0172
```
#0e0172 rgb(14,1,114)
```
#100185
```
#100185 rgb(16,1,133)
```
#130299
```
#130299 rgb(19,2,153)
```
#1502ac
```
#1502ac rgb(21,2,172)
```
#1702bf
```
#1702bf rgb(23,2,191)
```
#1a02d3
```
#1a02d3 rgb(26,2,211)
```
#1c02e6
```
#1c02e6 rgb(28,2,230)
```
#1e03fa
```
#1e03fa rgb(30,3,250)
```

Shade Color Variation

#2e13fd
```
#2e13fd rgb(46,19,253)
```
#3f27fd
```
#3f27fd rgb(63,39,253)
```
#503afd
```
#503afd rgb(80,58,253)
```
#614dfd
```
#614dfd rgb(97,77,253)
```
#7261fd
```
#7261fd rgb(114,97,253)
```
#8474fe
```
#8474fe rgb(132,116,254)
```
#9588fe
```
#9588fe rgb(149,136,254)
```
#a69bfe
```
#a69bfe rgb(166,155,254)
```
#b7affe
```
#b7affe rgb(183,175,254)
```
#c9c2fe
```
#c9c2fe rgb(201,194,254)
```
#dad5ff
```
#dad5ff rgb(218,213,255)
```
#ebe9ff
```
#ebe9ff rgb(235,233,255)
```
#fcfcff
```
#fcfcff rgb(252,252,255)
```

Tint Color Variation

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

#9796a1
```
#9796a1 rgb(151,150,161)
```
#918ea9
```
#918ea9 rgb(145,142,169)
```
#8b87b0
```
#8b87b0 rgb(139,135,176)
```
#857fb8
```
#857fb8 rgb(133,127,184)
```
#7f77c0
```
#7f77c0 rgb(127,119,192)
```
#7970c7
```
#7970c7 rgb(121,112,199)
```
#7468cf
```
#7468cf rgb(116,104,207)
```
#6e60d7
```
#6e60d7 rgb(110,96,215)
```
#6859de
```
#6859de rgb(104,89,222)
```
#6251e6
```
#6251e6 rgb(98,81,230)
```
#5c49ee
```
#5c49ee rgb(92,73,238)
```
#5642f5
```
#5642f5 rgb(86,66,245)
```
#503afd
```
#503afd rgb(80,58,253)
```

Tone Color Variation

Below, you can see how #503afd 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
#565178 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0065c5 Protanopia 1% of men
#006bab Deuteranopia 1% of men
#007379 Tritanopia 0.001% of the population

Trichromacy

#1d55d9 Protanomaly 1% of men, 0.01% of women
#1d59c9 Deuteranomaly 6% of men, 0.4% of women
#1d5ea9 Tritanomaly 0.01% of the population

#503afd hex color

#503afd Color Information

#503afd Color Conversion

Color Schemes with #503afd

Alternatives to #503afd

#503afd Preview

Shades and Tints of #503afd

Tones of #503afd

Color Blindness Simulator