#503fbc hex color

In a RGB color space, hex #503fbc is composed of 31.4% red, 24.7% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 57.4% cyan, 66.5% magenta, 0% yellow and 26.3% black. It has a hue angle of 248.2 degrees, a saturation of 49.8% and a lightness of 49.2%. #503fbc color hex could be obtained by blending #a07eff with #000079. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 31
- G 25
- B 74
RGB color chart
- C 57
- M 66
- Y 0
- K 26
CMYK color chart

● #503fbc color description : Moderate blue.

The hexadecimal color #503fbc has RGB values of R:80, G:63, B:188 and CMYK values of C:0.57, M:0.66, Y:0, K:0.26. Its decimal value is 5259196.

Hex triplet	503fbc	`#503fbc`
RGB Decimal	80, 63, 188	`rgb(80,63,188)`
RGB Percent	31.4, 24.7, 73.7	`rgb(31.4%,24.7%,73.7%)`
CMYK	57, 66, 0, 26
HSL	248.2°, 49.8, 49.2	`hsl(248.2,49.8%,49.2%)`
HSV (or HSB)	248.2°, 66.5, 73.7
Web Safe	6633cc	`#6633cc`

CIE-LAB	35.773, 41.907, -63.524
XYZ	14.161, 8.891, 48.544
xyY	0.198, 0.124, 8.891
CIE-LCH	35.773, 76.101, 303.413
CIE-LUV	35.773, -2.147, -90.864
Hunter-Lab	29.818, 32.594, -75.654
Binary	01010000, 00111111, 10111100

#503fbc
```
#503fbc rgb(80,63,188)
```
#abbc3f
```
#abbc3f rgb(171,188,63)
```

Complementary Color

#3f6dbc
```
#3f6dbc rgb(63,109,188)
```
#503fbc
```
#503fbc rgb(80,63,188)
```
#8f3fbc
```
#8f3fbc rgb(143,63,188)
```

Analogous Color

#6dbc3f
```
#6dbc3f rgb(109,188,63)
```
#503fbc
```
#503fbc rgb(80,63,188)
```
#bc8f3f
```
#bc8f3f rgb(188,143,63)
```

Split Complementary Color

#3fbc50
```
#3fbc50 rgb(63,188,80)
```
#503fbc
```
#503fbc rgb(80,63,188)
```
#bc503f
```
#bc503f rgb(188,80,63)
```

Triadic Color

#3fabbc
```
#3fabbc rgb(63,171,188)
```
#503fbc
```
#503fbc rgb(80,63,188)
```
#bc503f
```
#bc503f rgb(188,80,63)
```
#abbc3f
```
#abbc3f rgb(171,188,63)
```

Tetradic Color

#382c83
```
#382c83 rgb(56,44,131)
```
#403296
```
#403296 rgb(64,50,150)
```
#4839a9
```
#4839a9 rgb(72,57,169)
```
#503fbc
```
#503fbc rgb(80,63,188)
```
#6050c4
```
#6050c4 rgb(96,80,196)
```
#7163cb
```
#7163cb rgb(113,99,203)
```
#8376d1
```
#8376d1 rgb(131,118,209)
```

Monochromatic Color

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

#3f4dbc
```
#3f4dbc rgb(63,77,188)
```
#3f43bc
```
#3f43bc rgb(63,67,188)
```
#463fbc
```
#463fbc rgb(70,63,188)
```
#503fbc
```
#503fbc rgb(80,63,188)
```
#5a3fbc
```
#5a3fbc rgb(90,63,188)
```
#653fbc
```
#653fbc rgb(101,63,188)
```
#6f3fbc
```
#6f3fbc rgb(111,63,188)
```

Similar Colors

Text with hexadecimal color #503fbc

This text has a font color of #503fbc.

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

#503fbc background color

This paragraph has a background color of #503fbc.

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

#503fbc border color

This element has a border color of #503fbc.

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

CSS codes

.text {color:#503fbc;}

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

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

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, #05040c is the darkest color, while #fcfcfe is the lightest one.

#05040c
```
#05040c rgb(5,4,12)
```
#0b091a
```
#0b091a rgb(11,9,26)
```
#110e29
```
#110e29 rgb(17,14,41)
```
#181338
```
#181338 rgb(24,19,56)
```
#1e1846
```
#1e1846 rgb(30,24,70)
```
#241d55
```
#241d55 rgb(36,29,85)
```
#2a2164
```
#2a2164 rgb(42,33,100)
```
#312673
```
#312673 rgb(49,38,115)
```
#372b81
```
#372b81 rgb(55,43,129)
```
#3d3090
```
#3d3090 rgb(61,48,144)
```
#43359f
```
#43359f rgb(67,53,159)
```
#4a3aad
```
#4a3aad rgb(74,58,173)
```
#503fbc
```
#503fbc rgb(80,63,188)
```

Shade Color Variation

#5c4cc3
```
#5c4cc3 rgb(92,76,195)
```
#695ac8
```
#695ac8 rgb(105,90,200)
```
#7769cd
```
#7769cd rgb(119,105,205)
```
#8478d2
```
#8478d2 rgb(132,120,210)
```
#9186d7
```
#9186d7 rgb(145,134,215)
```
#9f95dc
```
#9f95dc rgb(159,149,220)
```
#aca4e0
```
#aca4e0 rgb(172,164,224)
```
#b9b3e5
```
#b9b3e5 rgb(185,179,229)
```
#c7c1ea
```
#c7c1ea rgb(199,193,234)
```
#d4d0ef
```
#d4d0ef rgb(212,208,239)
```
#e2dff4
```
#e2dff4 rgb(226,223,244)
```
#efedf9
```
#efedf9 rgb(239,237,249)
```
#fcfcfe
```
#fcfcfe rgb(252,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7a7982 is the less saturated color, while #2605f6 is the most saturated one.

#7a7982
```
#7a7982 rgb(122,121,130)
```
#736f8c
```
#736f8c rgb(115,111,140)
```
#6c6695
```
#6c6695 rgb(108,102,149)
```
#655c9f
```
#655c9f rgb(101,92,159)
```
#5e52a9
```
#5e52a9 rgb(94,82,169)
```
#5749b2
```
#5749b2 rgb(87,73,178)
```
#503fbc
```
#503fbc rgb(80,63,188)
```
#4935c6
```
#4935c6 rgb(73,53,198)
```
#422ccf
```
#422ccf rgb(66,44,207)
```
#3b22d9
```
#3b22d9 rgb(59,34,217)
```
#3418e3
```
#3418e3 rgb(52,24,227)
```
#2d0fec
```
#2d0fec rgb(45,15,236)
```
#2605f6
```
#2605f6 rgb(38,5,246)
```

Tone Color Variation

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

#525252 Achromatopsia 0.005% of the population
#524e67 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005ab0 Protanopia 1% of men
#005f9a Deuteranopia 1% of men
#2b646b Tritanopia 0.001% of the population

Trichromacy

#1d50b4 Protanomaly 1% of men, 0.01% of women
#1d53a6 Deuteranomaly 6% of men, 0.4% of women
#385689 Tritanomaly 0.01% of the population

#503fbc hex color

#503fbc Color Information

#503fbc Color Conversion

Color Schemes with #503fbc

Alternatives to #503fbc

#503fbc Preview

Shades and Tints of #503fbc

Tones of #503fbc

Color Blindness Simulator