#d503f0 hex color

In a RGB color space, hex #d503f0 is composed of 83.5% red, 1.2% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 11.3% cyan, 98.8% magenta, 0% yellow and 5.9% black. It has a hue angle of 293.2 degrees, a saturation of 97.5% and a lightness of 47.6%. #d503f0 color hex could be obtained by blending #ff06ff with #ab00e1. Closest websafe color is: #cc00ff.

♥
- f
- t
- g
- R 84
- G 1
- B 94
RGB color chart
- C 11
- M 99
- Y 0
- K 6
CMYK color chart

● #d503f0 color description : Vivid magenta.

The hexadecimal color #d503f0 has RGB values of R:213, G:3, B:240 and CMYK values of C:0.11, M:0.99, Y:0, K:0.06. Its decimal value is 13960176.

Hex triplet	d503f0	`#d503f0`
RGB Decimal	213, 3, 240	`rgb(213,3,240)`
RGB Percent	83.5, 1.2, 94.1	`rgb(83.5%,1.2%,94.1%)`
CMYK	11, 99, 0, 6
HSL	293.2°, 97.5, 47.6	`hsl(293.2,97.5%,47.6%)`
HSV (or HSB)	293.2°, 98.8, 94.1
Web Safe	cc00ff	`#cc00ff`

CIE-LAB	52.403, 89.588, -65.577
XYZ	43.2, 20.505, 84.116
xyY	0.292, 0.139, 20.505
CIE-LCH	52.403, 111.024, 323.796
CIE-LUV	52.403, 60.404, -110.602
Hunter-Lab	45.282, 91.046, -78.438
Binary	11010101, 00000011, 11110000

#d503f0
```
#d503f0 rgb(213,3,240)
```
#1ef003
```
#1ef003 rgb(30,240,3)
```

Complementary Color

#5f03f0
```
#5f03f0 rgb(95,3,240)
```
#d503f0
```
#d503f0 rgb(213,3,240)
```
#f00395
```
#f00395 rgb(240,3,149)
```

Analogous Color

#03f05e
```
#03f05e rgb(3,240,94)
```
#d503f0
```
#d503f0 rgb(213,3,240)
```
#95f003
```
#95f003 rgb(149,240,3)
```

Split Complementary Color

#03f0d5
```
#03f0d5 rgb(3,240,213)
```
#d503f0
```
#d503f0 rgb(213,3,240)
```
#f0d503
```
#f0d503 rgb(240,213,3)
```

Triadic Color

#031ef0
```
#031ef0 rgb(3,30,240)
```
#d503f0
```
#d503f0 rgb(213,3,240)
```
#f0d503
```
#f0d503 rgb(240,213,3)
```
#1ef003
```
#1ef003 rgb(30,240,3)
```

Tetradic Color

#9202a4
```
#9202a4 rgb(146,2,164)
```
#a802be
```
#a802be rgb(168,2,190)
```
#bf03d7
```
#bf03d7 rgb(191,3,215)
```
#d503f0
```
#d503f0 rgb(213,3,240)
```
#e110fc
```
#e110fc rgb(225,16,252)
```
#e42afc
```
#e42afc rgb(228,42,252)
```
#e743fd
```
#e743fd rgb(231,67,253)
```

Monochromatic Color

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

#9a03f0
```
#9a03f0 rgb(154,3,240)
```
#ae03f0
```
#ae03f0 rgb(174,3,240)
```
#c103f0
```
#c103f0 rgb(193,3,240)
```
#d503f0
```
#d503f0 rgb(213,3,240)
```
#e903f0
```
#e903f0 rgb(233,3,240)
```
#f003e4
```
#f003e4 rgb(240,3,228)
```
#f003d0
```
#f003d0 rgb(240,3,208)
```

Similar Colors

Text with hexadecimal color #d503f0

This text has a font color of #d503f0.

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

#d503f0 background color

This paragraph has a background color of #d503f0.

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

#d503f0 border color

This element has a border color of #d503f0.

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

CSS codes

.text {color:#d503f0;}

.background {background-color:#d503f0;}

.border {border:1px solid #d503f0;}

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

#070008
```
#070008 rgb(7,0,8)
```
#18001b
```
#18001b rgb(24,0,27)
```
#29012e
```
#29012e rgb(41,1,46)
```
#3a0142
```
#3a0142 rgb(58,1,66)
```
#4b0155
```
#4b0155 rgb(75,1,85)
```
#5d0168
```
#5d0168 rgb(93,1,104)
```
#6e027c
```
#6e027c rgb(110,2,124)
```
#7f028f
```
#7f028f rgb(127,2,143)
```
#9002a3
```
#9002a3 rgb(144,2,163)
```
#a102b6
```
#a102b6 rgb(161,2,182)
```
#b303c9
```
#b303c9 rgb(179,3,201)
```
#c403dd
```
#c403dd rgb(196,3,221)
```
#d503f0
```
#d503f0 rgb(213,3,240)
```

Shade Color Variation

#e00bfc
```
#e00bfc rgb(224,11,252)
```
#e31efc
```
#e31efc rgb(227,30,252)
```
#e531fc
```
#e531fc rgb(229,49,252)
```
#e845fd
```
#e845fd rgb(232,69,253)
```
#ea58fd
```
#ea58fd rgb(234,88,253)
```
#ed6cfd
```
#ed6cfd rgb(237,108,253)
```
#ef7ffd
```
#ef7ffd rgb(239,127,253)
```
#f192fe
```
#f192fe rgb(241,146,254)
```
#f4a6fe
```
#f4a6fe rgb(244,166,254)
```
#f6b9fe
```
#f6b9fe rgb(246,185,254)
```
#f9ccfe
```
#f9ccfe rgb(249,204,254)
```
#fbe0ff
```
#fbe0ff rgb(251,224,255)
```
#fef3ff
```
#fef3ff rgb(254,243,255)
```

Tint Color Variation

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

#7e7380
```
#7e7380 rgb(126,115,128)
```
#866a89
```
#866a89 rgb(134,106,137)
```
#8d6093
```
#8d6093 rgb(141,96,147)
```
#94579c
```
#94579c rgb(148,87,156)
```
#9b4ea5
```
#9b4ea5 rgb(155,78,165)
```
#a244af
```
#a244af rgb(162,68,175)
```
#aa3bb8
```
#aa3bb8 rgb(170,59,184)
```
#b132c1
```
#b132c1 rgb(177,50,193)
```
#b828cb
```
#b828cb rgb(184,40,203)
```
#bf1fd4
```
#bf1fd4 rgb(191,31,212)
```
#c716dd
```
#c716dd rgb(199,22,221)
```
#ce0ce7
```
#ce0ce7 rgb(206,12,231)
```
#d503f0
```
#d503f0 rgb(213,3,240)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#754b7a Atypical Achromatopsia 0.001% of the population

Dichromacy

#007ff9 Protanopia 1% of men
#3385d9 Deuteranopia 1% of men
#c4676d Tritanopia 0.001% of the population

Trichromacy

#4d52f5 Protanomaly 1% of men, 0.01% of women
#6d55e1 Deuteranomaly 6% of men, 0.4% of women
#ca429d Tritanomaly 0.01% of the population

#d503f0 hex color

#d503f0 Color Information

#d503f0 Color Conversion

Color Schemes with #d503f0

Alternatives to #d503f0

#d503f0 Preview

Shades and Tints of #d503f0

Tones of #d503f0

Color Blindness Simulator