#503fa2 hex color

In a RGB color space, hex #503fa2 is composed of 31.4% red, 24.7% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 50.6% cyan, 61.1% magenta, 0% yellow and 36.5% black. It has a hue angle of 250.3 degrees, a saturation of 44% and a lightness of 44.1%. #503fa2 color hex could be obtained by blending #a07eff with #000045. Closest websafe color is: #663399.

♥
- f
- t
- g
- R 31
- G 25
- B 64
RGB color chart
- C 51
- M 61
- Y 0
- K 36
CMYK color chart

● #503fa2 color description : Dark moderate blue.

The hexadecimal color #503fa2 has RGB values of R:80, G:63, B:162 and CMYK values of C:0.51, M:0.61, Y:0, K:0.36. Its decimal value is 5259170.

Hex triplet	503fa2	`#503fa2`
RGB Decimal	80, 63, 162	`rgb(80,63,162)`
RGB Percent	31.4, 24.7, 63.5	`rgb(31.4%,24.7%,63.5%)`
CMYK	51, 61, 0, 36
HSL	250.3°, 44, 44.1	`hsl(250.3,44%,44.1%)`
HSV (or HSB)	250.3°, 61.1, 63.5
Web Safe	663399	`#663399`

CIE-LAB	33.708, 33.798, -51.414
XYZ	11.606, 7.869, 35.088
xyY	0.213, 0.144, 7.869
CIE-LCH	33.708, 61.529, 303.32
CIE-LUV	33.708, -0.09, -73.115
Hunter-Lab	28.051, 24.763, -54.526
Binary	01010000, 00111111, 10100010

#503fa2
```
#503fa2 rgb(80,63,162)
```
#91a23f
```
#91a23f rgb(145,162,63)
```

Complementary Color

#3f60a2
```
#3f60a2 rgb(63,96,162)
```
#503fa2
```
#503fa2 rgb(80,63,162)
```
#823fa2
```
#823fa2 rgb(130,63,162)
```

Analogous Color

#60a23f
```
#60a23f rgb(96,162,63)
```
#503fa2
```
#503fa2 rgb(80,63,162)
```
#a2823f
```
#a2823f rgb(162,130,63)
```

Split Complementary Color

#3fa250
```
#3fa250 rgb(63,162,80)
```
#503fa2
```
#503fa2 rgb(80,63,162)
```
#a2503f
```
#a2503f rgb(162,80,63)
```

Triadic Color

#3f91a2
```
#3f91a2 rgb(63,145,162)
```
#503fa2
```
#503fa2 rgb(80,63,162)
```
#a2503f
```
#a2503f rgb(162,80,63)
```
#91a23f
```
#91a23f rgb(145,162,63)
```

Tetradic Color

#352a6b
```
#352a6b rgb(53,42,107)
```
#3e317d
```
#3e317d rgb(62,49,125)
```
#473890
```
#473890 rgb(71,56,144)
```
#503fa2
```
#503fa2 rgb(80,63,162)
```
#5946b4
```
#5946b4 rgb(89,70,180)
```
#6857bd
```
#6857bd rgb(104,87,189)
```
#7969c5
```
#7969c5 rgb(121,105,197)
```

Monochromatic Color

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

#3f47a2
```
#3f47a2 rgb(63,71,162)
```
#3f3fa2
```
#3f3fa2 rgb(63,63,162)
```
#483fa2
```
#483fa2 rgb(72,63,162)
```
#503fa2
```
#503fa2 rgb(80,63,162)
```
#583fa2
```
#583fa2 rgb(88,63,162)
```
#603fa2
```
#603fa2 rgb(96,63,162)
```
#693fa2
```
#693fa2 rgb(105,63,162)
```

Similar Colors

Text with hexadecimal color #503fa2

This text has a font color of #503fa2.

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

#503fa2 background color

This paragraph has a background color of #503fa2.

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

#503fa2 border color

This element has a border color of #503fa2.

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

CSS codes

.text {color:#503fa2;}

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

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

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

#030307
```
#030307 rgb(3,3,7)
```
#0a0815
```
#0a0815 rgb(10,8,21)
```
#110e23
```
#110e23 rgb(17,14,35)
```
#181331
```
#181331 rgb(24,19,49)
```
#1f193f
```
#1f193f rgb(31,25,63)
```
#261e4d
```
#261e4d rgb(38,30,77)
```
#2d245b
```
#2d245b rgb(45,36,91)
```
#34296a
```
#34296a rgb(52,41,106)
```
#3b2f78
```
#3b2f78 rgb(59,47,120)
```
#423486
```
#423486 rgb(66,52,134)
```
#493a94
```
#493a94 rgb(73,58,148)
```
#503fa2
```
#503fa2 rgb(80,63,162)
```
#5744b0
```
#5744b0 rgb(87,68,176)
```

Shade Color Variation

#614eba
```
#614eba rgb(97,78,186)
```
#6d5cc0
```
#6d5cc0 rgb(109,92,192)
```
#7a6ac5
```
#7a6ac5 rgb(122,106,197)
```
#8778cb
```
#8778cb rgb(135,120,203)
```
#9387d0
```
#9387d0 rgb(147,135,208)
```
#a095d6
```
#a095d6 rgb(160,149,214)
```
#aca3db
```
#aca3db rgb(172,163,219)
```
#b9b1e1
```
#b9b1e1 rgb(185,177,225)
```
#c6bfe6
```
#c6bfe6 rgb(198,191,230)
```
#d2cdec
```
#d2cdec rgb(210,205,236)
```
#dfdbf1
```
#dfdbf1 rgb(223,219,241)
```
#ece9f7
```
#ece9f7 rgb(236,233,247)
```
#f8f8fc
```
#f8f8fc rgb(248,248,252)
```

Tint Color Variation

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

#6c6a77
```
#6c6a77 rgb(108,106,119)
```
#67627f
```
#67627f rgb(103,98,127)
```
#615988
```
#615988 rgb(97,89,136)
```
#5b5091
```
#5b5091 rgb(91,80,145)
```
#564899
```
#564899 rgb(86,72,153)
```
#503fa2
```
#503fa2 rgb(80,63,162)
```
#4a36ab
```
#4a36ab rgb(74,54,171)
```
#452eb3
```
#452eb3 rgb(69,46,179)
```
#3f25bc
```
#3f25bc rgb(63,37,188)
```
#391cc5
```
#391cc5 rgb(57,28,197)
```
#3414cd
```
#3414cd rgb(52,20,205)
```
#2e0bd6
```
#2e0bd6 rgb(46,11,214)
```
#2802df
```
#2802df rgb(40,2,223)
```

Tone Color Variation

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

Dichromacy

#0055a7 Protanopia 1% of men
#005a94 Deuteranopia 1% of men
#3f5d63 Tritanopia 0.001% of the population

Trichromacy

#1d4da5 Protanomaly 1% of men, 0.01% of women
#1d5099 Deuteranomaly 6% of men, 0.4% of women
#45527a Tritanomaly 0.01% of the population

#503fa2 hex color

#503fa2 Color Information

#503fa2 Color Conversion

Color Schemes with #503fa2

Alternatives to #503fa2

#503fa2 Preview

Shades and Tints of #503fa2

Tones of #503fa2

Color Blindness Simulator