#503bdd hex color

In a RGB color space, hex #503bdd is composed of 31.4% red, 23.1% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 63.8% cyan, 73.3% magenta, 0% yellow and 13.3% black. It has a hue angle of 247.8 degrees, a saturation of 70.4% and a lightness of 54.9%. #503bdd color hex could be obtained by blending #a076ff with #0000bb. Closest websafe color is: #6633cc.

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

● #503bdd color description : Bright blue.

The hexadecimal color #503bdd has RGB values of R:80, G:59, B:221 and CMYK values of C:0.64, M:0.73, Y:0, K:0.13. Its decimal value is 5258205.

Hex triplet	503bdd	`#503bdd`
RGB Decimal	80, 59, 221	`rgb(80,59,221)`
RGB Percent	31.4, 23.1, 86.7	`rgb(31.4%,23.1%,86.7%)`
CMYK	64, 73, 0, 13
HSL	247.8°, 70.4, 54.9	`hsl(247.8,70.4%,54.9%)`
HSV (or HSB)	247.8°, 73.3, 86.7
Web Safe	6633cc	`#6633cc`

CIE-LAB	37.938, 54.221, -79.123
XYZ	17.921, 10.053, 69.399
xyY	0.184, 0.103, 10.053
CIE-LCH	37.938, 95.918, 304.422
CIE-LUV	37.938, -3.775, -112.588
Hunter-Lab	31.707, 45.403, -107.578
Binary	01010000, 00111011, 11011101

#503bdd
```
#503bdd rgb(80,59,221)
```
#c8dd3b
```
#c8dd3b rgb(200,221,59)
```

Complementary Color

#3b77dd
```
#3b77dd rgb(59,119,221)
```
#503bdd
```
#503bdd rgb(80,59,221)
```
#a13bdd
```
#a13bdd rgb(161,59,221)
```

Analogous Color

#77dd3b
```
#77dd3b rgb(119,221,59)
```
#503bdd
```
#503bdd rgb(80,59,221)
```
#dda13b
```
#dda13b rgb(221,161,59)
```

Split Complementary Color

#3bdd50
```
#3bdd50 rgb(59,221,80)
```
#503bdd
```
#503bdd rgb(80,59,221)
```
#dd503b
```
#dd503b rgb(221,80,59)
```

Triadic Color

#3bc8dd
```
#3bc8dd rgb(59,200,221)
```
#503bdd
```
#503bdd rgb(80,59,221)
```
#dd503b
```
#dd503b rgb(221,80,59)
```
#c8dd3b
```
#c8dd3b rgb(200,221,59)
```

Tetradic Color

#311ead
```
#311ead rgb(49,30,173)
```
#3722c3
```
#3722c3 rgb(55,34,195)
```
#3d26d9
```
#3d26d9 rgb(61,38,217)
```
#503bdd
```
#503bdd rgb(80,59,221)
```
#6351e1
```
#6351e1 rgb(99,81,225)
```
#7766e5
```
#7766e5 rgb(119,102,229)
```
#8a7ce8
```
#8a7ce8 rgb(138,124,232)
```

Monochromatic Color

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

#3b4edd
```
#3b4edd rgb(59,78,221)
```
#3b41dd
```
#3b41dd rgb(59,65,221)
```
#433bdd
```
#433bdd rgb(67,59,221)
```
#503bdd
```
#503bdd rgb(80,59,221)
```
#5e3bdd
```
#5e3bdd rgb(94,59,221)
```
#6b3bdd
```
#6b3bdd rgb(107,59,221)
```
#793bdd
```
#793bdd rgb(121,59,221)
```

Similar Colors

Text with hexadecimal color #503bdd

This text has a font color of #503bdd.

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

#503bdd background color

This paragraph has a background color of #503bdd.

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

#503bdd border color

This element has a border color of #503bdd.

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

CSS codes

.text {color:#503bdd;}

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

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

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

#010105
```
#010105 rgb(1,1,5)
```
#060415
```
#060415 rgb(6,4,21)
```
#0b0726
```
#0b0726 rgb(11,7,38)
```
#0f0937
```
#0f0937 rgb(15,9,55)
```
#140c47
```
#140c47 rgb(20,12,71)
```
#190f58
```
#190f58 rgb(25,15,88)
```
#1d1269
```
#1d1269 rgb(29,18,105)
```
#22157a
```
#22157a rgb(34,21,122)
```
#27188a
```
#27188a rgb(39,24,138)
```
#2c1b9b
```
#2c1b9b rgb(44,27,155)
```
#301eac
```
#301eac rgb(48,30,172)
```
#3521bc
```
#3521bc rgb(53,33,188)
```
#3a24cd
```
#3a24cd rgb(58,36,205)
```

Shade Color Variation

#412ada
```
#412ada rgb(65,42,218)
```
#503bdd
```
#503bdd rgb(80,59,221)
```
#5f4ce0
```
#5f4ce0 rgb(95,76,224)
```
#6e5ce3
```
#6e5ce3 rgb(110,92,227)
```
#7d6de6
```
#7d6de6 rgb(125,109,230)
```
#8c7ee9
```
#8c7ee9 rgb(140,126,233)
```
#9b8feb
```
#9b8feb rgb(155,143,235)
```
#aa9fee
```
#aa9fee rgb(170,159,238)
```
#b8b0f1
```
#b8b0f1 rgb(184,176,241)
```
#c7c1f4
```
#c7c1f4 rgb(199,193,244)
```
#d6d1f7
```
#d6d1f7 rgb(214,209,247)
```
#e5e2fa
```
#e5e2fa rgb(229,226,250)
```
#f4f3fd
```
#f4f3fd rgb(244,243,253)
```

Tint Color Variation

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

#8b8b8d
```
#8b8b8d rgb(139,139,141)
```
#848296
```
#848296 rgb(132,130,150)
```
#7e799f
```
#7e799f rgb(126,121,159)
```
#7770a8
```
#7770a8 rgb(119,112,168)
```
#7167b1
```
#7167b1 rgb(113,103,177)
```
#6a5eba
```
#6a5eba rgb(106,94,186)
```
#6456c2
```
#6456c2 rgb(100,86,194)
```
#5d4dcb
```
#5d4dcb rgb(93,77,203)
```
#5744d4
```
#5744d4 rgb(87,68,212)
```
#503bdd
```
#503bdd rgb(80,59,221)
```
#4932e6
```
#4932e6 rgb(73,50,230)
```
#4329ef
```
#4329ef rgb(67,41,239)
```
#3c20f8
```
#3c20f8 rgb(60,32,248)
```

Tone Color Variation

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

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

Trichromacy

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

#503bdd hex color

#503bdd Color Information

#503bdd Color Conversion

Color Schemes with #503bdd

Alternatives to #503bdd

#503bdd Preview

Shades and Tints of #503bdd

Tones of #503bdd

Color Blindness Simulator