#503bdc hex color

In a RGB color space, hex #503bdc is composed of 31.4% red, 23.1% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 63.6% cyan, 73.2% magenta, 0% yellow and 13.7% black. It has a hue angle of 247.8 degrees, a saturation of 69.7% and a lightness of 54.7%. #503bdc color hex could be obtained by blending #a076ff with #0000b9. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 31
- G 23
- B 86
RGB color chart
- C 64
- M 73
- Y 0
- K 14
CMYK color chart

● #503bdc color description : Bright blue.

The hexadecimal color #503bdc has RGB values of R:80, G:59, B:220 and CMYK values of C:0.64, M:0.73, Y:0, K:0.14. Its decimal value is 5258204.

Hex triplet	503bdc	`#503bdc`
RGB Decimal	80, 59, 220	`rgb(80,59,220)`
RGB Percent	31.4, 23.1, 86.3	`rgb(31.4%,23.1%,86.3%)`
CMYK	64, 73, 0, 14
HSL	247.8°, 69.7, 54.7	`hsl(247.8,69.7%,54.7%)`
HSV (or HSB)	247.8°, 73.2, 86.3
Web Safe	6633cc	`#6633cc`

CIE-LAB	37.842, 53.921, -78.706
XYZ	17.788, 10, 68.699
xyY	0.184, 0.104, 10
CIE-LCH	37.842, 95.405, 304.415
CIE-LUV	37.842, -3.707, -111.978
Hunter-Lab	31.623, 45.068, -106.669
Binary	01010000, 00111011, 11011100

#503bdc
```
#503bdc rgb(80,59,220)
```
#c7dc3b
```
#c7dc3b rgb(199,220,59)
```

Complementary Color

#3b77dc
```
#3b77dc rgb(59,119,220)
```
#503bdc
```
#503bdc rgb(80,59,220)
```
#a13bdc
```
#a13bdc rgb(161,59,220)
```

Analogous Color

#77dc3b
```
#77dc3b rgb(119,220,59)
```
#503bdc
```
#503bdc rgb(80,59,220)
```
#dca13b
```
#dca13b rgb(220,161,59)
```

Split Complementary Color

#3bdc50
```
#3bdc50 rgb(59,220,80)
```
#503bdc
```
#503bdc rgb(80,59,220)
```
#dc503b
```
#dc503b rgb(220,80,59)
```

Triadic Color

#3bc7dc
```
#3bc7dc rgb(59,199,220)
```
#503bdc
```
#503bdc rgb(80,59,220)
```
#dc503b
```
#dc503b rgb(220,80,59)
```
#c7dc3b
```
#c7dc3b rgb(199,220,59)
```

Tetradic Color

#311fac
```
#311fac rgb(49,31,172)
```
#3723c1
```
#3723c1 rgb(55,35,193)
```
#3d26d7
```
#3d26d7 rgb(61,38,215)
```
#503bdc
```
#503bdc rgb(80,59,220)
```
#6351e0
```
#6351e0 rgb(99,81,224)
```
#7766e4
```
#7766e4 rgb(119,102,228)
```
#8a7ce8
```
#8a7ce8 rgb(138,124,232)
```

Monochromatic Color

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

#3b4edc
```
#3b4edc rgb(59,78,220)
```
#3b41dc
```
#3b41dc rgb(59,65,220)
```
#433bdc
```
#433bdc rgb(67,59,220)
```
#503bdc
```
#503bdc rgb(80,59,220)
```
#5d3bdc
```
#5d3bdc rgb(93,59,220)
```
#6b3bdc
```
#6b3bdc rgb(107,59,220)
```
#783bdc
```
#783bdc rgb(120,59,220)
```

Similar Colors

Text with hexadecimal color #503bdc

This text has a font color of #503bdc.

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

#503bdc background color

This paragraph has a background color of #503bdc.

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

#503bdc border color

This element has a border color of #503bdc.

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

CSS codes

.text {color:#503bdc;}

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

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

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

#010104
```
#010104 rgb(1,1,4)
```
#060414
```
#060414 rgb(6,4,20)
```
#0b0725
```
#0b0725 rgb(11,7,37)
```
#0f0a36
```
#0f0a36 rgb(15,10,54)
```
#140d46
```
#140d46 rgb(20,13,70)
```
#191057
```
#191057 rgb(25,16,87)
```
#1e1268
```
#1e1268 rgb(30,18,104)
```
#221578
```
#221578 rgb(34,21,120)
```
#271889
```
#271889 rgb(39,24,137)
```
#2c1b9a
```
#2c1b9a rgb(44,27,154)
```
#311eaa
```
#311eaa rgb(49,30,170)
```
#3521bb
```
#3521bb rgb(53,33,187)
```
#3a24cb
```
#3a24cb rgb(58,36,203)
```

Shade Color Variation

#412ad9
```
#412ad9 rgb(65,42,217)
```
#503bdc
```
#503bdc rgb(80,59,220)
```
#5f4cdf
```
#5f4cdf rgb(95,76,223)
```
#6e5ce2
```
#6e5ce2 rgb(110,92,226)
```
#7d6de5
```
#7d6de5 rgb(125,109,229)
```
#8b7ee8
```
#8b7ee8 rgb(139,126,232)
```
#9a8eeb
```
#9a8eeb rgb(154,142,235)
```
#a99fee
```
#a99fee rgb(169,159,238)
```
#b8b0f1
```
#b8b0f1 rgb(184,176,241)
```
#c7c0f4
```
#c7c0f4 rgb(199,192,244)
```
#d6d1f7
```
#d6d1f7 rgb(214,209,247)
```
#e5e1fa
```
#e5e1fa rgb(229,225,250)
```
#f3f2fd
```
#f3f2fd rgb(243,242,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8b8b8c is the less saturated color, while #3c20f7 is the most saturated one.

#8b8b8c
```
#8b8b8c rgb(139,139,140)
```
#858295
```
#858295 rgb(133,130,149)
```
#7e799e
```
#7e799e rgb(126,121,158)
```
#7770a7
```
#7770a7 rgb(119,112,167)
```
#7167b0
```
#7167b0 rgb(113,103,176)
```
#6a5fb8
```
#6a5fb8 rgb(106,95,184)
```
#6456c1
```
#6456c1 rgb(100,86,193)
```
#5d4dca
```
#5d4dca rgb(93,77,202)
```
#5744d3
```
#5744d3 rgb(87,68,211)
```
#503bdc
```
#503bdc rgb(80,59,220)
```
#4932e5
```
#4932e5 rgb(73,50,229)
```
#4329ee
```
#4329ee rgb(67,41,238)
```
#3c20f7
```
#3c20f7 rgb(60,32,247)
```

Tone Color Variation

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

#545454 Achromatopsia 0.005% of the population
#534f6f Atypical Achromatopsia 0.001% of the population

Dichromacy

#005eb8 Protanopia 1% of men
#0064a0 Deuteranopia 1% of men
#006b72 Tritanopia 0.001% of the population

Trichromacy

#1d51c5 Protanomaly 1% of men, 0.01% of women
#1d55b6 Deuteranomaly 6% of men, 0.4% of women
#1d5998 Tritanomaly 0.01% of the population

#503bdc hex color

#503bdc Color Information

#503bdc Color Conversion

Color Schemes with #503bdc

Alternatives to #503bdc

#503bdc Preview

Shades and Tints of #503bdc

Tones of #503bdc

Color Blindness Simulator