#503db2 hex color

In a RGB color space, hex #503db2 is composed of 31.4% red, 23.9% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 55.1% cyan, 65.7% magenta, 0% yellow and 30.2% black. It has a hue angle of 249.7 degrees, a saturation of 49% and a lightness of 46.9%. #503db2 color hex could be obtained by blending #a07aff with #000065. Closest websafe color is: #663399.

♥
- f
- t
- g
- R 31
- G 24
- B 70
RGB color chart
- C 55
- M 66
- Y 0
- K 30
CMYK color chart

● #503db2 color description : Dark moderate blue.

The hexadecimal color #503db2 has RGB values of R:80, G:61, B:178 and CMYK values of C:0.55, M:0.66, Y:0, K:0.3. Its decimal value is 5258674.

Hex triplet	503db2	`#503db2`
RGB Decimal	80, 61, 178	`rgb(80,61,178)`
RGB Percent	31.4, 23.9, 69.8	`rgb(31.4%,23.9%,69.8%)`
CMYK	55, 66, 0, 30
HSL	249.7°, 49, 46.9	`hsl(249.7,49%,46.9%)`
HSV (or HSB)	249.7°, 65.7, 69.8
Web Safe	663399	`#663399`

CIE-LAB	34.512, 39.965, -59.673
XYZ	13.011, 8.257, 43.025
xyY	0.202, 0.128, 8.257
CIE-LCH	34.512, 71.82, 303.811
CIE-LUV	34.512, -0.959, -84.754
Hunter-Lab	28.735, 30.54, -68.661
Binary	01010000, 00111101, 10110010

#503db2
```
#503db2 rgb(80,61,178)
```
#9fb23d
```
#9fb23d rgb(159,178,61)
```

Complementary Color

#3d65b2
```
#3d65b2 rgb(61,101,178)
```
#503db2
```
#503db2 rgb(80,61,178)
```
#8b3db2
```
#8b3db2 rgb(139,61,178)
```

Analogous Color

#65b23d
```
#65b23d rgb(101,178,61)
```
#503db2
```
#503db2 rgb(80,61,178)
```
#b28b3d
```
#b28b3d rgb(178,139,61)
```

Split Complementary Color

#3db250
```
#3db250 rgb(61,178,80)
```
#503db2
```
#503db2 rgb(80,61,178)
```
#b2503d
```
#b2503d rgb(178,80,61)
```

Triadic Color

#3d9fb2
```
#3d9fb2 rgb(61,159,178)
```
#503db2
```
#503db2 rgb(80,61,178)
```
#b2503d
```
#b2503d rgb(178,80,61)
```
#9fb23d
```
#9fb23d rgb(159,178,61)
```

Tetradic Color

#362979
```
#362979 rgb(54,41,121)
```
#3f308c
```
#3f308c rgb(63,48,140)
```
#47369f
```
#47369f rgb(71,54,159)
```
#503db2
```
#503db2 rgb(80,61,178)
```
#5c48c0
```
#5c48c0 rgb(92,72,192)
```
#6d5bc7
```
#6d5bc7 rgb(109,91,199)
```
#7e6ecd
```
#7e6ecd rgb(126,110,205)
```

Monochromatic Color

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

#3d47b2
```
#3d47b2 rgb(61,71,178)
```
#3d3eb2
```
#3d3eb2 rgb(61,62,178)
```
#463db2
```
#463db2 rgb(70,61,178)
```
#503db2
```
#503db2 rgb(80,61,178)
```
#5a3db2
```
#5a3db2 rgb(90,61,178)
```
#643db2
```
#643db2 rgb(100,61,178)
```
#6d3db2
```
#6d3db2 rgb(109,61,178)
```

Similar Colors

Text with hexadecimal color #503db2

This text has a font color of #503db2.

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

#503db2 background color

This paragraph has a background color of #503db2.

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

#503db2 border color

This element has a border color of #503db2.

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

CSS codes

.text {color:#503db2;}

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

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

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

#010103
```
#010103 rgb(1,1,3)
```
#080611
```
#080611 rgb(8,6,17)
```
#0e0b20
```
#0e0b20 rgb(14,11,32)
```
#15102f
```
#15102f rgb(21,16,47)
```
#1b153d
```
#1b153d rgb(27,21,61)
```
#221a4c
```
#221a4c rgb(34,26,76)
```
#291f5a
```
#291f5a rgb(41,31,90)
```
#2f2469
```
#2f2469 rgb(47,36,105)
```
#362978
```
#362978 rgb(54,41,120)
```
#3c2e86
```
#3c2e86 rgb(60,46,134)
```
#433395
```
#433395 rgb(67,51,149)
```
#4938a3
```
#4938a3 rgb(73,56,163)
```
#503db2
```
#503db2 rgb(80,61,178)
```

Shade Color Variation

#5844bf
```
#5844bf rgb(88,68,191)
```
#6552c4
```
#6552c4 rgb(101,82,196)
```
#7261c9
```
#7261c9 rgb(114,97,201)
```
#7f70ce
```
#7f70ce rgb(127,112,206)
```
#8c7ed3
```
#8c7ed3 rgb(140,126,211)
```
#998dd8
```
#998dd8 rgb(153,141,216)
```
#a69bdd
```
#a69bdd rgb(166,155,221)
```
#b3aae2
```
#b3aae2 rgb(179,170,226)
```
#c0b9e7
```
#c0b9e7 rgb(192,185,231)
```
#cdc7ec
```
#cdc7ec rgb(205,199,236)
```
#dad6f1
```
#dad6f1 rgb(218,214,241)
```
#e7e4f6
```
#e7e4f6 rgb(231,228,246)
```
#f4f3fb
```
#f4f3fb rgb(244,243,251)
```

Tint Color Variation

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

#75747b
```
#75747b rgb(117,116,123)
```
#6f6b84
```
#6f6b84 rgb(111,107,132)
```
#69628d
```
#69628d rgb(105,98,141)
```
#635996
```
#635996 rgb(99,89,150)
```
#5c4fa0
```
#5c4fa0 rgb(92,79,160)
```
#5646a9
```
#5646a9 rgb(86,70,169)
```
#503db2
```
#503db2 rgb(80,61,178)
```
#4a34bb
```
#4a34bb rgb(74,52,187)
```
#442bc4
```
#442bc4 rgb(68,43,196)
```
#3d21ce
```
#3d21ce rgb(61,33,206)
```
#3718d7
```
#3718d7 rgb(55,24,215)
```
#310fe0
```
#310fe0 rgb(49,15,224)
```
#2b06e9
```
#2b06e9 rgb(43,6,233)
```

Tone Color Variation

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

#505050 Achromatopsia 0.005% of the population
#504c64 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0057aa Protanopia 1% of men
#005c95 Deuteranopia 1% of men
#346067 Tritanopia 0.001% of the population

Trichromacy

#1d4dad Protanomaly 1% of men, 0.01% of women
#1d50a0 Deuteranomaly 6% of men, 0.4% of women
#3e5382 Tritanomaly 0.01% of the population

#503db2 hex color

#503db2 Color Information

#503db2 Color Conversion

Color Schemes with #503db2

Alternatives to #503db2

#503db2 Preview

Shades and Tints of #503db2

Tones of #503db2

Color Blindness Simulator