#503f9c hex color

In a RGB color space, hex #503f9c is composed of 31.4% red, 24.7% green and 61.2% blue. Whereas in a CMYK color space, it is composed of 48.7% cyan, 59.6% magenta, 0% yellow and 38.8% black. It has a hue angle of 251 degrees, a saturation of 42.5% and a lightness of 42.9%. #503f9c color hex could be obtained by blending #a07eff with #000039. Closest websafe color is: #663399.

♥
- f
- t
- g
- R 31
- G 25
- B 61
RGB color chart
- C 49
- M 60
- Y 0
- K 39
CMYK color chart

● #503f9c color description : Dark moderate blue.

The hexadecimal color #503f9c has RGB values of R:80, G:63, B:156 and CMYK values of C:0.49, M:0.6, Y:0, K:0.39. Its decimal value is 5259164.

Hex triplet	503f9c	`#503f9c`
RGB Decimal	80, 63, 156	`rgb(80,63,156)`
RGB Percent	31.4, 24.7, 61.2	`rgb(31.4%,24.7%,61.2%)`
CMYK	49, 60, 0, 39
HSL	251°, 42.5, 42.9	`hsl(251,42.5%,42.9%)`
HSV (or HSB)	251°, 59.6, 61.2
Web Safe	663399	`#663399`

CIE-LAB	33.266, 31.939, -48.508
XYZ	11.085, 7.661, 32.345
xyY	0.217, 0.15, 7.661
CIE-LCH	33.266, 58.078, 303.362
CIE-LUV	33.266, 0.422, -68.85
Hunter-Lab	27.678, 23.056, -49.914
Binary	01010000, 00111111, 10011100

#503f9c
```
#503f9c rgb(80,63,156)
```
#8b9c3f
```
#8b9c3f rgb(139,156,63)
```

Complementary Color

#3f5d9c
```
#3f5d9c rgb(63,93,156)
```
#503f9c
```
#503f9c rgb(80,63,156)
```
#7f3f9c
```
#7f3f9c rgb(127,63,156)
```

Analogous Color

#5d9c3f
```
#5d9c3f rgb(93,156,63)
```
#503f9c
```
#503f9c rgb(80,63,156)
```
#9c7f3f
```
#9c7f3f rgb(156,127,63)
```

Split Complementary Color

#3f9c50
```
#3f9c50 rgb(63,156,80)
```
#503f9c
```
#503f9c rgb(80,63,156)
```
#9c503f
```
#9c503f rgb(156,80,63)
```

Triadic Color

#3f8b9c
```
#3f8b9c rgb(63,139,156)
```
#503f9c
```
#503f9c rgb(80,63,156)
```
#9c503f
```
#9c503f rgb(156,80,63)
```
#8b9c3f
```
#8b9c3f rgb(139,156,63)
```

Tetradic Color

#342966
```
#342966 rgb(52,41,102)
```
#3d3078
```
#3d3078 rgb(61,48,120)
```
#47388a
```
#47388a rgb(71,56,138)
```
#503f9c
```
#503f9c rgb(80,63,156)
```
#5946ae
```
#5946ae rgb(89,70,174)
```
#6754ba
```
#6754ba rgb(103,84,186)
```
#7766c1
```
#7766c1 rgb(119,102,193)
```

Monochromatic Color

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

#3f459c
```
#3f459c rgb(63,69,156)
```
#413f9c
```
#413f9c rgb(65,63,156)
```
#483f9c
```
#483f9c rgb(72,63,156)
```
#503f9c
```
#503f9c rgb(80,63,156)
```
#583f9c
```
#583f9c rgb(88,63,156)
```
#5f3f9c
```
#5f3f9c rgb(95,63,156)
```
#673f9c
```
#673f9c rgb(103,63,156)
```

Similar Colors

Text with hexadecimal color #503f9c

This text has a font color of #503f9c.

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

#503f9c background color

This paragraph has a background color of #503f9c.

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

#503f9c border color

This element has a border color of #503f9c.

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

CSS codes

.text {color:#503f9c;}

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

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

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

#010102
```
#010102 rgb(1,1,2)
```
#080710
```
#080710 rgb(8,7,16)
```
#100c1e
```
#100c1e rgb(16,12,30)
```
#17122c
```
#17122c rgb(23,18,44)
```
#1e183a
```
#1e183a rgb(30,24,58)
```
#251d48
```
#251d48 rgb(37,29,72)
```
#2c2356
```
#2c2356 rgb(44,35,86)
```
#332864
```
#332864 rgb(51,40,100)
```
#3b2e72
```
#3b2e72 rgb(59,46,114)
```
#423480
```
#423480 rgb(66,52,128)
```
#49398e
```
#49398e rgb(73,57,142)
```
#503f9c
```
#503f9c rgb(80,63,156)
```
#5745aa
```
#5745aa rgb(87,69,170)
```

Shade Color Variation

#5f4cb7
```
#5f4cb7 rgb(95,76,183)
```
#6c5abc
```
#6c5abc rgb(108,90,188)
```
#7868c2
```
#7868c2 rgb(120,104,194)
```
#8576c8
```
#8576c8 rgb(133,118,200)
```
#9184cd
```
#9184cd rgb(145,132,205)
```
#9d92d3
```
#9d92d3 rgb(157,146,211)
```
#aa9fd8
```
#aa9fd8 rgb(170,159,216)
```
#b6adde
```
#b6adde rgb(182,173,222)
```
#c3bbe4
```
#c3bbe4 rgb(195,187,228)
```
#cfc9e9
```
#cfc9e9 rgb(207,201,233)
```
#dcd7ef
```
#dcd7ef rgb(220,215,239)
```
#e8e5f5
```
#e8e5f5 rgb(232,229,245)
```
#f5f3fa
```
#f5f3fa rgb(245,243,250)
```

Tint Color Variation

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

#6b6972
```
#6b6972 rgb(107,105,114)
```
#65617a
```
#65617a rgb(101,97,122)
```
#605883
```
#605883 rgb(96,88,131)
```
#5b508b
```
#5b508b rgb(91,80,139)
```
#554794
```
#554794 rgb(85,71,148)
```
#503f9c
```
#503f9c rgb(80,63,156)
```
#4b37a4
```
#4b37a4 rgb(75,55,164)
```
#452ead
```
#452ead rgb(69,46,173)
```
#4026b5
```
#4026b5 rgb(64,38,181)
```
#3b1dbe
```
#3b1dbe rgb(59,29,190)
```
#3515c6
```
#3515c6 rgb(53,21,198)
```
#300ccf
```
#300ccf rgb(48,12,207)
```
#2b04d7
```
#2b04d7 rgb(43,4,215)
```

Tone Color Variation

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

#4f4f4f Achromatopsia 0.005% of the population
#4f4c5e Atypical Achromatopsia 0.001% of the population

Dichromacy

#0054a6 Protanopia 1% of men
#005993 Deuteranopia 1% of men
#425b62 Tritanopia 0.001% of the population

Trichromacy

#1d4ca2 Protanomaly 1% of men, 0.01% of women
#1d4f96 Deuteranomaly 6% of men, 0.4% of women
#475177 Tritanomaly 0.01% of the population

#503f9c hex color

#503f9c Color Information

#503f9c Color Conversion

Color Schemes with #503f9c

Alternatives to #503f9c

#503f9c Preview

Shades and Tints of #503f9c

Tones of #503f9c

Color Blindness Simulator