#d303f2 hex color

In a RGB color space, hex #d303f2 is composed of 82.7% red, 1.2% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 12.8% cyan, 98.8% magenta, 0% yellow and 5.1% black. It has a hue angle of 292.2 degrees, a saturation of 97.6% and a lightness of 48%. #d303f2 color hex could be obtained by blending #ff06ff with #a700e5. Closest websafe color is: #cc00ff.

♥
- f
- t
- g
- R 83
- G 1
- B 95
RGB color chart
- C 13
- M 99
- Y 0
- K 5
CMYK color chart

● #d303f2 color description : Vivid magenta.

The hexadecimal color #d303f2 has RGB values of R:211, G:3, B:242 and CMYK values of C:0.13, M:0.99, Y:0, K:0.05. Its decimal value is 13829106.

Hex triplet	d303f2	`#d303f2`
RGB Decimal	211, 3, 242	`rgb(211,3,242)`
RGB Percent	82.7, 1.2, 94.9	`rgb(82.7%,1.2%,94.9%)`
CMYK	13, 99, 0, 5
HSL	292.2°, 97.6, 48	`hsl(292.2,97.6%,48%)`
HSV (or HSB)	292.2°, 98.8, 94.9
Web Safe	cc00ff	`#cc00ff`

CIE-LAB	52.205, 89.617, -67.037
XYZ	42.922, 20.327, 85.662
xyY	0.288, 0.137, 20.327
CIE-LCH	52.205, 111.916, 323.202
CIE-LUV	52.205, 58.384, -112.561
Hunter-Lab	45.086, 91.033, -81.09
Binary	11010011, 00000011, 11110010

#d303f2
```
#d303f2 rgb(211,3,242)
```
#22f203
```
#22f203 rgb(34,242,3)
```

Complementary Color

#5b03f2
```
#5b03f2 rgb(91,3,242)
```
#d303f2
```
#d303f2 rgb(211,3,242)
```
#f2039a
```
#f2039a rgb(242,3,154)
```

Analogous Color

#03f25b
```
#03f25b rgb(3,242,91)
```
#d303f2
```
#d303f2 rgb(211,3,242)
```
#9af203
```
#9af203 rgb(154,242,3)
```

Split Complementary Color

#03f2d3
```
#03f2d3 rgb(3,242,211)
```
#d303f2
```
#d303f2 rgb(211,3,242)
```
#f2d303
```
#f2d303 rgb(242,211,3)
```

Triadic Color

#0322f2
```
#0322f2 rgb(3,34,242)
```
#d303f2
```
#d303f2 rgb(211,3,242)
```
#f2d303
```
#f2d303 rgb(242,211,3)
```
#22f203
```
#22f203 rgb(34,242,3)
```

Tetradic Color

#9102a6
```
#9102a6 rgb(145,2,166)
```
#a702c0
```
#a702c0 rgb(167,2,192)
```
#bd03d9
```
#bd03d9 rgb(189,3,217)
```
#d303f2
```
#d303f2 rgb(211,3,242)
```
#de12fc
```
#de12fc rgb(222,18,252)
```
#e12cfc
```
#e12cfc rgb(225,44,252)
```
#e545fd
```
#e545fd rgb(229,69,253)
```

Monochromatic Color

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

#9703f2
```
#9703f2 rgb(151,3,242)
```
#ab03f2
```
#ab03f2 rgb(171,3,242)
```
#bf03f2
```
#bf03f2 rgb(191,3,242)
```
#d303f2
```
#d303f2 rgb(211,3,242)
```
#e703f2
```
#e703f2 rgb(231,3,242)
```
#f203e9
```
#f203e9 rgb(242,3,233)
```
#f203d5
```
#f203d5 rgb(242,3,213)
```

Similar Colors

Text with hexadecimal color #d303f2

This text has a font color of #d303f2.

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

#d303f2 background color

This paragraph has a background color of #d303f2.

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

#d303f2 border color

This element has a border color of #d303f2.

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

CSS codes

.text {color:#d303f2;}

.background {background-color:#d303f2;}

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

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

#080009
```
#080009 rgb(8,0,9)
```
#19001d
```
#19001d rgb(25,0,29)
```
#2a0130
```
#2a0130 rgb(42,1,48)
```
#3b0144
```
#3b0144 rgb(59,1,68)
```
#4c0157
```
#4c0157 rgb(76,1,87)
```
#5d016a
```
#5d016a rgb(93,1,106)
```
#6e027e
```
#6e027e rgb(110,2,126)
```
#7f0291
```
#7f0291 rgb(127,2,145)
```
#8f02a4
```
#8f02a4 rgb(143,2,164)
```
#a002b8
```
#a002b8 rgb(160,2,184)
```
#b103cb
```
#b103cb rgb(177,3,203)
```
#c203df
```
#c203df rgb(194,3,223)
```
#d303f2
```
#d303f2 rgb(211,3,242)
```

Shade Color Variation

#dd0dfc
```
#dd0dfc rgb(221,13,252)
```
#e020fc
```
#e020fc rgb(224,32,252)
```
#e233fc
```
#e233fc rgb(226,51,252)
```
#e547fd
```
#e547fd rgb(229,71,253)
```
#e85afd
```
#e85afd rgb(232,90,253)
```
#eb6dfd
```
#eb6dfd rgb(235,109,253)
```
#ed81fd
```
#ed81fd rgb(237,129,253)
```
#f094fe
```
#f094fe rgb(240,148,254)
```
#f3a8fe
```
#f3a8fe rgb(243,168,254)
```
#f5bbfe
```
#f5bbfe rgb(245,187,254)
```
#f8cefe
```
#f8cefe rgb(248,206,254)
```
#fbe2ff
```
#fbe2ff rgb(251,226,255)
```
#fef5ff
```
#fef5ff rgb(254,245,255)
```

Tint Color Variation

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

#7f7481
```
#7f7481 rgb(127,116,129)
```
#866b8a
```
#866b8a rgb(134,107,138)
```
#8d6194
```
#8d6194 rgb(141,97,148)
```
#94589d
```
#94589d rgb(148,88,157)
```
#9b4ea7
```
#9b4ea7 rgb(155,78,167)
```
#a245b0
```
#a245b0 rgb(162,69,176)
```
#a93cb9
```
#a93cb9 rgb(169,60,185)
```
#b032c3
```
#b032c3 rgb(176,50,195)
```
#b729cc
```
#b729cc rgb(183,41,204)
```
#be1fd6
```
#be1fd6 rgb(190,31,214)
```
#c516df
```
#c516df rgb(197,22,223)
```
#cc0ce9
```
#cc0ce9 rgb(204,12,233)
```
#d303f2
```
#d303f2 rgb(211,3,242)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#744a7a Atypical Achromatopsia 0.001% of the population

Dichromacy

#007ff8 Protanopia 1% of men
#2885db Deuteranopia 1% of men
#c2686e Tritanopia 0.001% of the population

Trichromacy

#4c52f6 Protanomaly 1% of men, 0.01% of women
#6655e3 Deuteranomaly 6% of men, 0.4% of women
#c8439e Tritanomaly 0.01% of the population

#d303f2 hex color

#d303f2 Color Information

#d303f2 Color Conversion

Color Schemes with #d303f2

Alternatives to #d303f2

#d303f2 Preview

Shades and Tints of #d303f2

Tones of #d303f2

Color Blindness Simulator