#503f9e hex color

In a RGB color space, hex #503f9e is composed of 31.4% red, 24.7% green and 62% blue. Whereas in a CMYK color space, it is composed of 49.4% cyan, 60.1% magenta, 0% yellow and 38% black. It has a hue angle of 250.7 degrees, a saturation of 43% and a lightness of 43.3%. #503f9e color hex could be obtained by blending #a07eff with #00003d. Closest websafe color is: #663399.

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

● #503f9e color description : Dark moderate blue.

The hexadecimal color #503f9e has RGB values of R:80, G:63, B:158 and CMYK values of C:0.49, M:0.6, Y:0, K:0.38. Its decimal value is 5259166.

Hex triplet	503f9e	`#503f9e`
RGB Decimal	80, 63, 158	`rgb(80,63,158)`
RGB Percent	31.4, 24.7, 62	`rgb(31.4%,24.7%,62%)`
CMYK	49, 60, 0, 38
HSL	250.7°, 43, 43.3	`hsl(250.7,43%,43.3%)`
HSV (or HSB)	250.7°, 60.1, 62
Web Safe	663399	`#663399`

CIE-LAB	33.412, 32.558, -49.481
XYZ	11.256, 7.729, 33.245
xyY	0.216, 0.148, 7.729
CIE-LCH	33.412, 59.232, 303.344
CIE-LUV	33.412, 0.25, -70.279
Hunter-Lab	27.801, 23.621, -51.439
Binary	01010000, 00111111, 10011110

#503f9e
```
#503f9e rgb(80,63,158)
```
#8d9e3f
```
#8d9e3f rgb(141,158,63)
```

Complementary Color

#3f5e9e
```
#3f5e9e rgb(63,94,158)
```
#503f9e
```
#503f9e rgb(80,63,158)
```
#803f9e
```
#803f9e rgb(128,63,158)
```

Analogous Color

#5e9e3f
```
#5e9e3f rgb(94,158,63)
```
#503f9e
```
#503f9e rgb(80,63,158)
```
#9e803f
```
#9e803f rgb(158,128,63)
```

Split Complementary Color

#3f9e50
```
#3f9e50 rgb(63,158,80)
```
#503f9e
```
#503f9e rgb(80,63,158)
```
#9e503f
```
#9e503f rgb(158,80,63)
```

Triadic Color

#3f8d9e
```
#3f8d9e rgb(63,141,158)
```
#503f9e
```
#503f9e rgb(80,63,158)
```
#9e503f
```
#9e503f rgb(158,80,63)
```
#8d9e3f
```
#8d9e3f rgb(141,158,63)
```

Tetradic Color

#342967
```
#342967 rgb(52,41,103)
```
#3e307a
```
#3e307a rgb(62,48,122)
```
#47388c
```
#47388c rgb(71,56,140)
```
#503f9e
```
#503f9e rgb(80,63,158)
```
#5946b0
```
#5946b0 rgb(89,70,176)
```
#6755bb
```
#6755bb rgb(103,85,187)
```
#7767c2
```
#7767c2 rgb(119,103,194)
```

Monochromatic Color

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

#3f469e
```
#3f469e rgb(63,70,158)
```
#403f9e
```
#403f9e rgb(64,63,158)
```
#483f9e
```
#483f9e rgb(72,63,158)
```
#503f9e
```
#503f9e rgb(80,63,158)
```
#583f9e
```
#583f9e rgb(88,63,158)
```
#603f9e
```
#603f9e rgb(96,63,158)
```
#683f9e
```
#683f9e rgb(104,63,158)
```

Similar Colors

Text with hexadecimal color #503f9e

This text has a font color of #503f9e.

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

#503f9e background color

This paragraph has a background color of #503f9e.

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

#503f9e border color

This element has a border color of #503f9e.

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

CSS codes

.text {color:#503f9e;}

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

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

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

#020104
```
#020104 rgb(2,1,4)
```
#090712
```
#090712 rgb(9,7,18)
```
#100d20
```
#100d20 rgb(16,13,32)
```
#17122e
```
#17122e rgb(23,18,46)
```
#1e183c
```
#1e183c rgb(30,24,60)
```
#251d4a
```
#251d4a rgb(37,29,74)
```
#2c2358
```
#2c2358 rgb(44,35,88)
```
#342966
```
#342966 rgb(52,41,102)
```
#3b2e74
```
#3b2e74 rgb(59,46,116)
```
#423482
```
#423482 rgb(66,52,130)
```
#493990
```
#493990 rgb(73,57,144)
```
#503f9e
```
#503f9e rgb(80,63,158)
```
#5745ac
```
#5745ac rgb(87,69,172)
```

Shade Color Variation

#604cb8
```
#604cb8 rgb(96,76,184)
```
#6c5abd
```
#6c5abd rgb(108,90,189)
```
#7968c3
```
#7968c3 rgb(121,104,195)
```
#8577c9
```
#8577c9 rgb(133,119,201)
```
#9285ce
```
#9285ce rgb(146,133,206)
```
#9e93d4
```
#9e93d4 rgb(158,147,212)
```
#aba1d9
```
#aba1d9 rgb(171,161,217)
```
#b7afdf
```
#b7afdf rgb(183,175,223)
```
#c4bde5
```
#c4bde5 rgb(196,189,229)
```
#d0cbea
```
#d0cbea rgb(208,203,234)
```
#ddd9f0
```
#ddd9f0 rgb(221,217,240)
```
#e9e7f5
```
#e9e7f5 rgb(233,231,245)
```
#f6f5fb
```
#f6f5fb rgb(246,245,251)
```

Tint Color Variation

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

#6b6a74
```
#6b6a74 rgb(107,106,116)
```
#66617c
```
#66617c rgb(102,97,124)
```
#605985
```
#605985 rgb(96,89,133)
```
#5b508d
```
#5b508d rgb(91,80,141)
```
#554896
```
#554896 rgb(85,72,150)
```
#503f9e
```
#503f9e rgb(80,63,158)
```
#4b37a7
```
#4b37a7 rgb(75,55,167)
```
#452eaf
```
#452eaf rgb(69,46,175)
```
#4026b8
```
#4026b8 rgb(64,38,184)
```
#3a1dc0
```
#3a1dc0 rgb(58,29,192)
```
#3515c9
```
#3515c9 rgb(53,21,201)
```
#2f0cd1
```
#2f0cd1 rgb(47,12,209)
```
#2a03da
```
#2a03da rgb(42,3,218)
```

Tone Color Variation

Below, you can see how #503f9e 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
#4f4c5f Atypical Achromatopsia 0.001% of the population

Dichromacy

#0055a6 Protanopia 1% of men
#005993 Deuteranopia 1% of men
#415b62 Tritanopia 0.001% of the population

Trichromacy

#1d4da3 Protanomaly 1% of men, 0.01% of women
#1d4f97 Deuteranomaly 6% of men, 0.4% of women
#465178 Tritanomaly 0.01% of the population

#503f9e hex color

#503f9e Color Information

#503f9e Color Conversion

Color Schemes with #503f9e

Alternatives to #503f9e

#503f9e Preview

Shades and Tints of #503f9e

Tones of #503f9e

Color Blindness Simulator