#503fae hex color

In a RGB color space, hex #503fae is composed of 31.4% red, 24.7% green and 68.2% blue. Whereas in a CMYK color space, it is composed of 54% cyan, 63.8% magenta, 0% yellow and 31.8% black. It has a hue angle of 249.2 degrees, a saturation of 46.8% and a lightness of 46.5%. #503fae color hex could be obtained by blending #a07eff with #00005d. Closest websafe color is: #663399.

♥
- f
- t
- g
- R 31
- G 25
- B 68
RGB color chart
- C 54
- M 64
- Y 0
- K 32
CMYK color chart

● #503fae color description : Dark moderate blue.

The hexadecimal color #503fae has RGB values of R:80, G:63, B:174 and CMYK values of C:0.54, M:0.64, Y:0, K:0.32. Its decimal value is 5259182.

Hex triplet	503fae	`#503fae`
RGB Decimal	80, 63, 174	`rgb(80,63,174)`
RGB Percent	31.4, 24.7, 68.2	`rgb(31.4%,24.7%,68.2%)`
CMYK	54, 64, 0, 32
HSL	249.2°, 46.8, 46.5	`hsl(249.2,46.8%,46.5%)`
HSV (or HSB)	249.2°, 63.8, 68.2
Web Safe	663399	`#663399`

CIE-LAB	34.633, 37.537, -57.098
XYZ	12.724, 8.316, 40.977
xyY	0.205, 0.134, 8.316
CIE-LCH	34.633, 68.332, 303.321
CIE-LUV	34.633, -1.071, -81.45
Hunter-Lab	28.838, 28.295, -64.062
Binary	01010000, 00111111, 10101110

#503fae
```
#503fae rgb(80,63,174)
```
#9dae3f
```
#9dae3f rgb(157,174,63)
```

Complementary Color

#3f66ae
```
#3f66ae rgb(63,102,174)
```
#503fae
```
#503fae rgb(80,63,174)
```
#883fae
```
#883fae rgb(136,63,174)
```

Analogous Color

#66ae3f
```
#66ae3f rgb(102,174,63)
```
#503fae
```
#503fae rgb(80,63,174)
```
#ae883f
```
#ae883f rgb(174,136,63)
```

Split Complementary Color

#3fae50
```
#3fae50 rgb(63,174,80)
```
#503fae
```
#503fae rgb(80,63,174)
```
#ae503f
```
#ae503f rgb(174,80,63)
```

Triadic Color

#3f9dae
```
#3f9dae rgb(63,157,174)
```
#503fae
```
#503fae rgb(80,63,174)
```
#ae503f
```
#ae503f rgb(174,80,63)
```
#9dae3f
```
#9dae3f rgb(157,174,63)
```

Tetradic Color

#362b76
```
#362b76 rgb(54,43,118)
```
#3f3189
```
#3f3189 rgb(63,49,137)
```
#47389b
```
#47389b rgb(71,56,155)
```
#503fae
```
#503fae rgb(80,63,174)
```
#5b49bd
```
#5b49bd rgb(91,73,189)
```
#6c5cc4
```
#6c5cc4 rgb(108,92,196)
```
#7d6fcb
```
#7d6fcb rgb(125,111,203)
```

Monochromatic Color

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

#3f4aae
```
#3f4aae rgb(63,74,174)
```
#3f41ae
```
#3f41ae rgb(63,65,174)
```
#473fae
```
#473fae rgb(71,63,174)
```
#503fae
```
#503fae rgb(80,63,174)
```
#593fae
```
#593fae rgb(89,63,174)
```
#623fae
```
#623fae rgb(98,63,174)
```
#6c3fae
```
#6c3fae rgb(108,63,174)
```

Similar Colors

Text with hexadecimal color #503fae

This text has a font color of #503fae.

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

#503fae background color

This paragraph has a background color of #503fae.

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

#503fae border color

This element has a border color of #503fae.

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

CSS codes

.text {color:#503fae;}

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

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

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

#010001
```
#010001 rgb(1,0,1)
```
#070610
```
#070610 rgb(7,6,16)
```
#0e0b1e
```
#0e0b1e rgb(14,11,30)
```
#14102c
```
#14102c rgb(20,16,44)
```
#1b153b
```
#1b153b rgb(27,21,59)
```
#221b49
```
#221b49 rgb(34,27,73)
```
#282058
```
#282058 rgb(40,32,88)
```
#2f2566
```
#2f2566 rgb(47,37,102)
```
#362a74
```
#362a74 rgb(54,42,116)
```
#3c2f83
```
#3c2f83 rgb(60,47,131)
```
#433591
```
#433591 rgb(67,53,145)
```
#493aa0
```
#493aa0 rgb(73,58,160)
```
#503fae
```
#503fae rgb(80,63,174)
```

Shade Color Variation

#5745bc
```
#5745bc rgb(87,69,188)
```
#6453c1
```
#6453c1 rgb(100,83,193)
```
#7162c6
```
#7162c6 rgb(113,98,198)
```
#7e70cb
```
#7e70cb rgb(126,112,203)
```
#8b7fd1
```
#8b7fd1 rgb(139,127,209)
```
#988dd6
```
#988dd6 rgb(152,141,214)
```
#a59bdb
```
#a59bdb rgb(165,155,219)
```
#b2aae0
```
#b2aae0 rgb(178,170,224)
```
#bfb8e5
```
#bfb8e5 rgb(191,184,229)
```
#ccc7eb
```
#ccc7eb rgb(204,199,235)
```
#d9d5f0
```
#d9d5f0 rgb(217,213,240)
```
#e6e3f5
```
#e6e3f5 rgb(230,227,245)
```
#f3f2fa
```
#f3f2fa rgb(243,242,250)
```

Tint Color Variation

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

#767677
```
#767677 rgb(118,118,119)
```
#706d80
```
#706d80 rgb(112,109,128)
```
#69638a
```
#69638a rgb(105,99,138)
```
#635a93
```
#635a93 rgb(99,90,147)
```
#5d519c
```
#5d519c rgb(93,81,156)
```
#5648a5
```
#5648a5 rgb(86,72,165)
```
#503fae
```
#503fae rgb(80,63,174)
```
#4a36b7
```
#4a36b7 rgb(74,54,183)
```
#432dc0
```
#432dc0 rgb(67,45,192)
```
#3d24c9
```
#3d24c9 rgb(61,36,201)
```
#371bd2
```
#371bd2 rgb(55,27,210)
```
#3011dc
```
#3011dc rgb(48,17,220)
```
#2a08e5
```
#2a08e5 rgb(42,8,229)
```

Tone Color Variation

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

#515151 Achromatopsia 0.005% of the population
#514d64 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0057ab Protanopia 1% of men
#005c96 Deuteranopia 1% of men
#376067 Tritanopia 0.001% of the population

Trichromacy

#1d4eac Protanomaly 1% of men, 0.01% of women
#1d519f Deuteranomaly 6% of men, 0.4% of women
#405481 Tritanomaly 0.01% of the population

#503fae hex color

#503fae Color Information

#503fae Color Conversion

Color Schemes with #503fae

Alternatives to #503fae

#503fae Preview

Shades and Tints of #503fae

Tones of #503fae

Color Blindness Simulator