#503f8c hex color

In a RGB color space, hex #503f8c is composed of 31.4% red, 24.7% green and 54.9% blue. Whereas in a CMYK color space, it is composed of 42.9% cyan, 55% magenta, 0% yellow and 45.1% black. It has a hue angle of 253.2 degrees, a saturation of 37.9% and a lightness of 39.8%. #503f8c color hex could be obtained by blending #a07eff with #000019. Closest websafe color is: #663399.

♥
- f
- t
- g
- R 31
- G 25
- B 55
RGB color chart
- C 43
- M 55
- Y 0
- K 45
CMYK color chart

● #503f8c color description : Dark moderate blue.

The hexadecimal color #503f8c has RGB values of R:80, G:63, B:140 and CMYK values of C:0.43, M:0.55, Y:0, K:0.45. Its decimal value is 5259148.

Hex triplet	503f8c	`#503f8c`
RGB Decimal	80, 63, 140	`rgb(80,63,140)`
RGB Percent	31.4, 24.7, 54.9	`rgb(31.4%,24.7%,54.9%)`
CMYK	43, 55, 0, 45
HSL	253.2°, 37.9, 39.8	`hsl(253.2,37.9%,39.8%)`
HSV (or HSB)	253.2°, 55, 54.9
Web Safe	663399	`#663399`

CIE-LAB	32.155, 27.044, -40.532
XYZ	9.819, 7.154, 25.673
xyY	0.23, 0.168, 7.154
CIE-LCH	32.155, 48.726, 303.712
CIE-LUV	32.155, 1.862, -57.144
Hunter-Lab	26.747, 18.72, -38.188
Binary	01010000, 00111111, 10001100

#503f8c
```
#503f8c rgb(80,63,140)
```
#7b8c3f
```
#7b8c3f rgb(123,140,63)
```

Complementary Color

#3f558c
```
#3f558c rgb(63,85,140)
```
#503f8c
```
#503f8c rgb(80,63,140)
```
#773f8c
```
#773f8c rgb(119,63,140)
```

Analogous Color

#558c3f
```
#558c3f rgb(85,140,63)
```
#503f8c
```
#503f8c rgb(80,63,140)
```
#8c773f
```
#8c773f rgb(140,119,63)
```

Split Complementary Color

#3f8c50
```
#3f8c50 rgb(63,140,80)
```
#503f8c
```
#503f8c rgb(80,63,140)
```
#8c503f
```
#8c503f rgb(140,80,63)
```

Triadic Color

#3f7b8c
```
#3f7b8c rgb(63,123,140)
```
#503f8c
```
#503f8c rgb(80,63,140)
```
#8c503f
```
#8c503f rgb(140,80,63)
```
#7b8c3f
```
#7b8c3f rgb(123,140,63)
```

Tetradic Color

#322757
```
#322757 rgb(50,39,87)
```
#3c2f69
```
#3c2f69 rgb(60,47,105)
```
#46377a
```
#46377a rgb(70,55,122)
```
#503f8c
```
#503f8c rgb(80,63,140)
```
#5a479e
```
#5a479e rgb(90,71,158)
```
#644faf
```
#644faf rgb(100,79,175)
```
#7360b7
```
#7360b7 rgb(115,96,183)
```

Monochromatic Color

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

#3f418c
```
#3f418c rgb(63,65,140)
```
#433f8c
```
#433f8c rgb(67,63,140)
```
#4a3f8c
```
#4a3f8c rgb(74,63,140)
```
#503f8c
```
#503f8c rgb(80,63,140)
```
#563f8c
```
#563f8c rgb(86,63,140)
```
#5d3f8c
```
#5d3f8c rgb(93,63,140)
```
#633f8c
```
#633f8c rgb(99,63,140)
```

Similar Colors

Text with hexadecimal color #503f8c

This text has a font color of #503f8c.

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

#503f8c background color

This paragraph has a background color of #503f8c.

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

#503f8c border color

This element has a border color of #503f8c.

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

CSS codes

.text {color:#503f8c;}

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

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

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

#030205
```
#030205 rgb(3,2,5)
```
#0a0812
```
#0a0812 rgb(10,8,18)
```
#120e20
```
#120e20 rgb(18,14,32)
```
#1a142d
```
#1a142d rgb(26,20,45)
```
#221a3b
```
#221a3b rgb(34,26,59)
```
#292148
```
#292148 rgb(41,33,72)
```
#312756
```
#312756 rgb(49,39,86)
```
#392d63
```
#392d63 rgb(57,45,99)
```
#413371
```
#413371 rgb(65,51,113)
```
#48397e
```
#48397e rgb(72,57,126)
```
#503f8c
```
#503f8c rgb(80,63,140)
```
#58459a
```
#58459a rgb(88,69,154)
```
#5f4ba7
```
#5f4ba7 rgb(95,75,167)
```

Shade Color Variation

#6954b2
```
#6954b2 rgb(105,84,178)
```
#7561b8
```
#7561b8 rgb(117,97,184)
```
#806fbe
```
#806fbe rgb(128,111,190)
```
#8c7cc4
```
#8c7cc4 rgb(140,124,196)
```
#988aca
```
#988aca rgb(152,138,202)
```
#a497d0
```
#a497d0 rgb(164,151,208)
```
#b0a5d7
```
#b0a5d7 rgb(176,165,215)
```
#bcb3dd
```
#bcb3dd rgb(188,179,221)
```
#c8c0e3
```
#c8c0e3 rgb(200,192,227)
```
#d4cee9
```
#d4cee9 rgb(212,206,233)
```
#dfdbef
```
#dfdbef rgb(223,219,239)
```
#ebe9f5
```
#ebe9f5 rgb(235,233,245)
```
#f7f6fb
```
#f7f6fb rgb(247,246,251)
```

Tint Color Variation

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

#615e6d
```
#615e6d rgb(97,94,109)
```
#5d5675
```
#5d5675 rgb(93,86,117)
```
#594f7c
```
#594f7c rgb(89,79,124)
```
#544784
```
#544784 rgb(84,71,132)
```
#503f8c
```
#503f8c rgb(80,63,140)
```
#4c3794
```
#4c3794 rgb(76,55,148)
```
#472f9c
```
#472f9c rgb(71,47,156)
```
#4328a3
```
#4328a3 rgb(67,40,163)
```
#3f20ab
```
#3f20ab rgb(63,32,171)
```
#3a18b3
```
#3a18b3 rgb(58,24,179)
```
#3610bb
```
#3610bb rgb(54,16,187)
```
#3108c3
```
#3108c3 rgb(49,8,195)
```
#2d01ca
```
#2d01ca rgb(45,1,202)
```

Tone Color Variation

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

#4d4d4d Achromatopsia 0.005% of the population
#4e4a5a Atypical Achromatopsia 0.001% of the population

Dichromacy

#25529a Protanopia 1% of men
#1f568c Deuteranopia 1% of men
#49575d Tritanopia 0.001% of the population

Trichromacy

#344b95 Protanomaly 1% of men, 0.01% of women
#314d8c Deuteranomaly 6% of men, 0.4% of women
#4b4e6e Tritanomaly 0.01% of the population

#503f8c hex color

#503f8c Color Information

#503f8c Color Conversion

Color Schemes with #503f8c

Alternatives to #503f8c

#503f8c Preview

Shades and Tints of #503f8c

Tones of #503f8c

Color Blindness Simulator