#503da2 hex color

In a RGB color space, hex #503da2 is composed of 31.4% red, 23.9% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 50.6% cyan, 62.3% magenta, 0% yellow and 36.5% black. It has a hue angle of 251.3 degrees, a saturation of 45.3% and a lightness of 43.7%. #503da2 color hex could be obtained by blending #a07aff with #000045. Closest websafe color is: #663399.

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

● #503da2 color description : Dark moderate blue.

The hexadecimal color #503da2 has RGB values of R:80, G:61, B:162 and CMYK values of C:0.51, M:0.62, Y:0, K:0.36. Its decimal value is 5258658.

Hex triplet	503da2	`#503da2`
RGB Decimal	80, 61, 162	`rgb(80,61,162)`
RGB Percent	31.4, 23.9, 63.5	`rgb(31.4%,23.9%,63.5%)`
CMYK	51, 62, 0, 36
HSL	251.3°, 45.3, 43.7	`hsl(251.3,45.3%,43.7%)`
HSV (or HSB)	251.3°, 62.3, 63.5
Web Safe	663399	`#663399`

CIE-LAB	33.246, 35.014, -52.164
XYZ	11.497, 7.651, 35.051
xyY	0.212, 0.141, 7.651
CIE-LCH	33.246, 62.826, 303.87
CIE-LUV	33.246, 0.383, -73.809
Hunter-Lab	27.661, 25.787, -55.768
Binary	01010000, 00111101, 10100010

#503da2
```
#503da2 rgb(80,61,162)
```
#8fa23d
```
#8fa23d rgb(143,162,61)
```

Complementary Color

#3d5da2
```
#3d5da2 rgb(61,93,162)
```
#503da2
```
#503da2 rgb(80,61,162)
```
#833da2
```
#833da2 rgb(131,61,162)
```

Analogous Color

#5da23d
```
#5da23d rgb(93,162,61)
```
#503da2
```
#503da2 rgb(80,61,162)
```
#a2833d
```
#a2833d rgb(162,131,61)
```

Split Complementary Color

#3da250
```
#3da250 rgb(61,162,80)
```
#503da2
```
#503da2 rgb(80,61,162)
```
#a2503d
```
#a2503d rgb(162,80,61)
```

Triadic Color

#3d8fa2
```
#3d8fa2 rgb(61,143,162)
```
#503da2
```
#503da2 rgb(80,61,162)
```
#a2503d
```
#a2503d rgb(162,80,61)
```
#8fa23d
```
#8fa23d rgb(143,162,61)
```

Tetradic Color

#35286a
```
#35286a rgb(53,40,106)
```
#3e2f7d
```
#3e2f7d rgb(62,47,125)
```
#47368f
```
#47368f rgb(71,54,143)
```
#503da2
```
#503da2 rgb(80,61,162)
```
#5944b5
```
#5944b5 rgb(89,68,181)
```
#6854be
```
#6854be rgb(104,84,190)
```
#7866c5
```
#7866c5 rgb(120,102,197)
```

Monochromatic Color

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

#3d43a2
```
#3d43a2 rgb(61,67,162)
```
#3f3da2
```
#3f3da2 rgb(63,61,162)
```
#483da2
```
#483da2 rgb(72,61,162)
```
#503da2
```
#503da2 rgb(80,61,162)
```
#583da2
```
#583da2 rgb(88,61,162)
```
#613da2
```
#613da2 rgb(97,61,162)
```
#693da2
```
#693da2 rgb(105,61,162)
```

Similar Colors

Text with hexadecimal color #503da2

This text has a font color of #503da2.

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

#503da2 background color

This paragraph has a background color of #503da2.

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

#503da2 border color

This element has a border color of #503da2.

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

CSS codes

.text {color:#503da2;}

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

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

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 #f7f6fc is the lightest one.

#030205
```
#030205 rgb(3,2,5)
```
#0a0714
```
#0a0714 rgb(10,7,20)
```
#110d22
```
#110d22 rgb(17,13,34)
```
#181230
```
#181230 rgb(24,18,48)
```
#1f173e
```
#1f173e rgb(31,23,62)
```
#261d4d
```
#261d4d rgb(38,29,77)
```
#2d225b
```
#2d225b rgb(45,34,91)
```
#342869
```
#342869 rgb(52,40,105)
```
#3b2d77
```
#3b2d77 rgb(59,45,119)
```
#423286
```
#423286 rgb(66,50,134)
```
#493894
```
#493894 rgb(73,56,148)
```
#503da2
```
#503da2 rgb(80,61,162)
```
#5742b0
```
#5742b0 rgb(87,66,176)
```

Shade Color Variation

#604bbb
```
#604bbb rgb(96,75,187)
```
#6d59c1
```
#6d59c1 rgb(109,89,193)
```
#7968c6
```
#7968c6 rgb(121,104,198)
```
#8676cb
```
#8676cb rgb(134,118,203)
```
#9284d1
```
#9284d1 rgb(146,132,209)
```
#9f92d6
```
#9f92d6 rgb(159,146,214)
```
#aca1db
```
#aca1db rgb(172,161,219)
```
#b8afe1
```
#b8afe1 rgb(184,175,225)
```
#c5bde6
```
#c5bde6 rgb(197,189,230)
```
#d1cbec
```
#d1cbec rgb(209,203,236)
```
#dedaf1
```
#dedaf1 rgb(222,218,241)
```
#eae8f6
```
#eae8f6 rgb(234,232,246)
```
#f7f6fc
```
#f7f6fc rgb(247,246,252)
```

Tint Color Variation

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

#6b6877
```
#6b6877 rgb(107,104,119)
```
#655f80
```
#655f80 rgb(101,95,128)
```
#605788
```
#605788 rgb(96,87,136)
```
#5b4e91
```
#5b4e91 rgb(91,78,145)
```
#554699
```
#554699 rgb(85,70,153)
```
#503da2
```
#503da2 rgb(80,61,162)
```
#4b34ab
```
#4b34ab rgb(75,52,171)
```
#452cb3
```
#452cb3 rgb(69,44,179)
```
#4023bc
```
#4023bc rgb(64,35,188)
```
#3b1bc4
```
#3b1bc4 rgb(59,27,196)
```
#3512cd
```
#3512cd rgb(53,18,205)
```
#300ad5
```
#300ad5 rgb(48,10,213)
```
#2b01de
```
#2b01de rgb(43,1,222)
```

Tone Color Variation

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

#4e4e4e Achromatopsia 0.005% of the population
#4e4b5f Atypical Achromatopsia 0.001% of the population

Dichromacy

#0054a5 Protanopia 1% of men
#005992 Deuteranopia 1% of men
#3e5b62 Tritanopia 0.001% of the population

Trichromacy

#1d4ca4 Protanomaly 1% of men, 0.01% of women
#1d4e97 Deuteranomaly 6% of men, 0.4% of women
#455079 Tritanomaly 0.01% of the population

#503da2 hex color

#503da2 Color Information

#503da2 Color Conversion

Color Schemes with #503da2

Alternatives to #503da2

#503da2 Preview

Shades and Tints of #503da2

Tones of #503da2

Color Blindness Simulator