#503edc hex color

In a RGB color space, hex #503edc is composed of 31.4% red, 24.3% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 63.6% cyan, 71.8% magenta, 0% yellow and 13.7% black. It has a hue angle of 246.8 degrees, a saturation of 69.3% and a lightness of 55.3%. #503edc color hex could be obtained by blending #a07cff with #0000b9. Closest websafe color is: #6633cc.

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

● #503edc color description : Bright blue.

The hexadecimal color #503edc has RGB values of R:80, G:62, B:220 and CMYK values of C:0.64, M:0.72, Y:0, K:0.14. Its decimal value is 5258972.

Hex triplet	503edc	`#503edc`
RGB Decimal	80, 62, 220	`rgb(80,62,220)`
RGB Percent	31.4, 24.3, 86.3	`rgb(31.4%,24.3%,86.3%)`
CMYK	64, 72, 0, 14
HSL	246.8°, 69.3, 55.3	`hsl(246.8,69.3%,55.3%)`
HSV (or HSB)	246.8°, 71.8, 86.3
Web Safe	6633cc	`#6633cc`

CIE-LAB	38.406, 52.34, -77.779
XYZ	17.947, 10.317, 68.752
xyY	0.185, 0.106, 10.317
CIE-LCH	38.406, 93.75, 303.938
CIE-LUV	38.406, -4.199, -111.494
Hunter-Lab	32.12, 43.522, -104.422
Binary	01010000, 00111110, 11011100

#503edc
```
#503edc rgb(80,62,220)
```
#cadc3e
```
#cadc3e rgb(202,220,62)
```

Complementary Color

#3e7bdc
```
#3e7bdc rgb(62,123,220)
```
#503edc
```
#503edc rgb(80,62,220)
```
#9f3edc
```
#9f3edc rgb(159,62,220)
```

Analogous Color

#7bdc3e
```
#7bdc3e rgb(123,220,62)
```
#503edc
```
#503edc rgb(80,62,220)
```
#dc9f3e
```
#dc9f3e rgb(220,159,62)
```

Split Complementary Color

#3edc50
```
#3edc50 rgb(62,220,80)
```
#503edc
```
#503edc rgb(80,62,220)
```
#dc503e
```
#dc503e rgb(220,80,62)
```

Triadic Color

#3ecadc
```
#3ecadc rgb(62,202,220)
```
#503edc
```
#503edc rgb(80,62,220)
```
#dc503e
```
#dc503e rgb(220,80,62)
```
#cadc3e
```
#cadc3e rgb(202,220,62)
```

Tetradic Color

#3020ae
```
#3020ae rgb(48,32,174)
```
#3623c4
```
#3623c4 rgb(54,35,196)
```
#3c28d8
```
#3c28d8 rgb(60,40,216)
```
#503edc
```
#503edc rgb(80,62,220)
```
#6454e0
```
#6454e0 rgb(100,84,224)
```
#7769e4
```
#7769e4 rgb(119,105,228)
```
#8b7fe8
```
#8b7fe8 rgb(139,127,232)
```

Monochromatic Color

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

#3e54dc
```
#3e54dc rgb(62,84,220)
```
#3e46dc
```
#3e46dc rgb(62,70,220)
```
#433edc
```
#433edc rgb(67,62,220)
```
#503edc
```
#503edc rgb(80,62,220)
```
#5d3edc
```
#5d3edc rgb(93,62,220)
```
#6a3edc
```
#6a3edc rgb(106,62,220)
```
#783edc
```
#783edc rgb(120,62,220)
```

Similar Colors

Text with hexadecimal color #503edc

This text has a font color of #503edc.

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

#503edc background color

This paragraph has a background color of #503edc.

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

#503edc border color

This element has a border color of #503edc.

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

CSS codes

.text {color:#503edc;}

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

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

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

#020106
```
#020106 rgb(2,1,6)
```
#060417
```
#060417 rgb(6,4,23)
```
#0b0727
```
#0b0727 rgb(11,7,39)
```
#0f0a38
```
#0f0a38 rgb(15,10,56)
```
#140d49
```
#140d49 rgb(20,13,73)
```
#191059
```
#191059 rgb(25,16,89)
```
#1d136a
```
#1d136a rgb(29,19,106)
```
#22167a
```
#22167a rgb(34,22,122)
```
#26198b
```
#26198b rgb(38,25,139)
```
#2b1c9c
```
#2b1c9c rgb(43,28,156)
```
#2f1fac
```
#2f1fac rgb(47,31,172)
```
#3422bd
```
#3422bd rgb(52,34,189)
```
#3825ce
```
#3825ce rgb(56,37,206)
```

Shade Color Variation

#412dd9
```
#412dd9 rgb(65,45,217)
```
#503edc
```
#503edc rgb(80,62,220)
```
#5f4fdf
```
#5f4fdf rgb(95,79,223)
```
#6e5fe2
```
#6e5fe2 rgb(110,95,226)
```
#7d70e5
```
#7d70e5 rgb(125,112,229)
```
#8c80e8
```
#8c80e8 rgb(140,128,232)
```
#9b91eb
```
#9b91eb rgb(155,145,235)
```
#aaa2ee
```
#aaa2ee rgb(170,162,238)
```
#b9b2f1
```
#b9b2f1 rgb(185,178,241)
```
#c8c3f4
```
#c8c3f4 rgb(200,195,244)
```
#d8d3f7
```
#d8d3f7 rgb(216,211,247)
```
#e7e4fa
```
#e7e4fa rgb(231,228,250)
```
#f6f5fd
```
#f6f5fd rgb(246,245,253)
```

Tint Color Variation

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

#8d8d8d
```
#8d8d8d rgb(141,141,141)
```
#868496
```
#868496 rgb(134,132,150)
```
#7f7b9f
```
#7f7b9f rgb(127,123,159)
```
#7973a7
```
#7973a7 rgb(121,115,167)
```
#726ab0
```
#726ab0 rgb(114,106,176)
```
#6b61b9
```
#6b61b9 rgb(107,97,185)
```
#6458c2
```
#6458c2 rgb(100,88,194)
```
#5e50ca
```
#5e50ca rgb(94,80,202)
```
#5747d3
```
#5747d3 rgb(87,71,211)
```
#503edc
```
#503edc rgb(80,62,220)
```
#4935e5
```
#4935e5 rgb(73,53,229)
```
#422cee
```
#422cee rgb(66,44,238)
```
#3c24f6
```
#3c24f6 rgb(60,36,246)
```

Tone Color Variation

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

#555555 Achromatopsia 0.005% of the population
#545070 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0060bb Protanopia 1% of men
#0065a2 Deuteranopia 1% of men
#006c73 Tritanopia 0.001% of the population

Trichromacy

#1d53c7 Protanomaly 1% of men, 0.01% of women
#1d57b7 Deuteranomaly 6% of men, 0.4% of women
#1d5b99 Tritanomaly 0.01% of the population

#503edc hex color

#503edc Color Information

#503edc Color Conversion

Color Schemes with #503edc

Alternatives to #503edc

#503edc Preview

Shades and Tints of #503edc

Tones of #503edc

Color Blindness Simulator