#503fce hex color

In a RGB color space, hex #503fce is composed of 31.4% red, 24.7% green and 80.8% blue. Whereas in a CMYK color space, it is composed of 61.2% cyan, 69.4% magenta, 0% yellow and 19.2% black. It has a hue angle of 247.1 degrees, a saturation of 59.3% and a lightness of 52.7%. #503fce color hex could be obtained by blending #a07eff with #00009d. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 31
- G 25
- B 81
RGB color chart
- C 61
- M 69
- Y 0
- K 19
CMYK color chart

● #503fce color description : Moderate blue.

The hexadecimal color #503fce has RGB values of R:80, G:63, B:206 and CMYK values of C:0.61, M:0.69, Y:0, K:0.19. Its decimal value is 5259214.

Hex triplet	503fce	`#503fce`
RGB Decimal	80, 63, 206	`rgb(80,63,206)`
RGB Percent	31.4, 24.7, 80.8	`rgb(31.4%,24.7%,80.8%)`
CMYK	61, 69, 0, 19
HSL	247.1°, 59.3, 52.7	`hsl(247.1,59.3%,52.7%)`
HSV (or HSB)	247.1°, 69.4, 80.8
Web Safe	6633cc	`#6633cc`

CIE-LAB	37.328, 47.499, -71.484
XYZ	16.224, 9.716, 59.41
xyY	0.19, 0.114, 9.716
CIE-LCH	37.328, 85.826, 303.603
CIE-LUV	37.328, -3.433, -102.533
Hunter-Lab	31.171, 38.36, -91.184
Binary	01010000, 00111111, 11001110

#503fce
```
#503fce rgb(80,63,206)
```
#bdce3f
```
#bdce3f rgb(189,206,63)
```

Complementary Color

#3f76ce
```
#3f76ce rgb(63,118,206)
```
#503fce
```
#503fce rgb(80,63,206)
```
#983fce
```
#983fce rgb(152,63,206)
```

Analogous Color

#76ce3f
```
#76ce3f rgb(118,206,63)
```
#503fce
```
#503fce rgb(80,63,206)
```
#ce983f
```
#ce983f rgb(206,152,63)
```

Split Complementary Color

#3fce50
```
#3fce50 rgb(63,206,80)
```
#503fce
```
#503fce rgb(80,63,206)
```
#ce503f
```
#ce503f rgb(206,80,63)
```

Triadic Color

#3fbdce
```
#3fbdce rgb(63,189,206)
```
#503fce
```
#503fce rgb(80,63,206)
```
#ce503f
```
#ce503f rgb(206,80,63)
```
#bdce3f
```
#bdce3f rgb(189,206,63)
```

Tetradic Color

#352799
```
#352799 rgb(53,39,153)
```
#3c2cae
```
#3c2cae rgb(60,44,174)
```
#4332c2
```
#4332c2 rgb(67,50,194)
```
#503fce
```
#503fce rgb(80,63,206)
```
#6353d3
```
#6353d3 rgb(99,83,211)
```
#7568d8
```
#7568d8 rgb(117,104,216)
```
#887cde
```
#887cde rgb(136,124,222)
```

Monochromatic Color

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

#3f52ce
```
#3f52ce rgb(63,82,206)
```
#3f46ce
```
#3f46ce rgb(63,70,206)
```
#443fce
```
#443fce rgb(68,63,206)
```
#503fce
```
#503fce rgb(80,63,206)
```
#5c3fce
```
#5c3fce rgb(92,63,206)
```
#683fce
```
#683fce rgb(104,63,206)
```
#743fce
```
#743fce rgb(116,63,206)
```

Similar Colors

Text with hexadecimal color #503fce

This text has a font color of #503fce.

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

#503fce background color

This paragraph has a background color of #503fce.

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

#503fce border color

This element has a border color of #503fce.

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

CSS codes

.text {color:#503fce;}

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

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

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

#04030b
```
#04030b rgb(4,3,11)
```
#09071b
```
#09071b rgb(9,7,27)
```
#0f0b2a
```
#0f0b2a rgb(15,11,42)
```
#140f3a
```
#140f3a rgb(20,15,58)
```
#19134a
```
#19134a rgb(25,19,74)
```
#1f1759
```
#1f1759 rgb(31,23,89)
```
#241b69
```
#241b69 rgb(36,27,105)
```
#291f79
```
#291f79 rgb(41,31,121)
```
#2f2388
```
#2f2388 rgb(47,35,136)
```
#342798
```
#342798 rgb(52,39,152)
```
#3a2ba7
```
#3a2ba7 rgb(58,43,167)
```
#3f2fb7
```
#3f2fb7 rgb(63,47,183)
```
#4433c7
```
#4433c7 rgb(68,51,199)
```

Shade Color Variation

#503fce
```
#503fce rgb(80,63,206)
```
#5e4fd2
```
#5e4fd2 rgb(94,79,210)
```
#6c5ed6
```
#6c5ed6 rgb(108,94,214)
```
#7b6eda
```
#7b6eda rgb(123,110,218)
```
#897ede
```
#897ede rgb(137,126,222)
```
#978de2
```
#978de2 rgb(151,141,226)
```
#a59de6
```
#a59de6 rgb(165,157,230)
```
#b4acea
```
#b4acea rgb(180,172,234)
```
#c2bcee
```
#c2bcee rgb(194,188,238)
```
#d0ccf2
```
#d0ccf2 rgb(208,204,242)
```
#dedbf6
```
#dedbf6 rgb(222,219,246)
```
#edebfa
```
#edebfa rgb(237,235,250)
```
#fbfbfe
```
#fbfbfe rgb(251,251,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #81808d is the less saturated color, while #2d11fc is the most saturated one.

#81808d
```
#81808d rgb(129,128,141)
```
#7a7796
```
#7a7796 rgb(122,119,150)
```
#736da0
```
#736da0 rgb(115,109,160)
```
#6c64a9
```
#6c64a9 rgb(108,100,169)
```
#655bb2
```
#655bb2 rgb(101,91,178)
```
#5e52bb
```
#5e52bb rgb(94,82,187)
```
#5748c5
```
#5748c5 rgb(87,72,197)
```
#503fce
```
#503fce rgb(80,63,206)
```
#4936d7
```
#4936d7 rgb(73,54,215)
```
#422ce1
```
#422ce1 rgb(66,44,225)
```
#3b23ea
```
#3b23ea rgb(59,35,234)
```
#341af3
```
#341af3 rgb(52,26,243)
```
#2d11fc
```
#2d11fc rgb(45,17,252)
```

Tone Color Variation

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

Dichromacy

#005db6 Protanopia 1% of men
#00639f Deuteranopia 1% of men
#006971 Tritanopia 0.001% of the population

Trichromacy

#1d52bf Protanomaly 1% of men, 0.01% of women
#1d55b0 Deuteranomaly 6% of men, 0.4% of women
#1d5a93 Tritanomaly 0.01% of the population

#503fce hex color

#503fce Color Information

#503fce Color Conversion

Color Schemes with #503fce

Alternatives to #503fce

#503fce Preview

Shades and Tints of #503fce

Tones of #503fce

Color Blindness Simulator