#d304f9 hex color

In a RGB color space, hex #d304f9 is composed of 82.7% red, 1.6% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 15.3% cyan, 98.4% magenta, 0% yellow and 2.4% black. It has a hue angle of 290.7 degrees, a saturation of 96.8% and a lightness of 49.6%. #d304f9 color hex could be obtained by blending #ff08ff with #a700f3. Closest websafe color is: #cc00ff.

♥
- f
- t
- g
- R 83
- G 2
- B 98
RGB color chart
- C 15
- M 98
- Y 0
- K 2
CMYK color chart

● #d304f9 color description : Vivid magenta.

The hexadecimal color #d304f9 has RGB values of R:211, G:4, B:249 and CMYK values of C:0.15, M:0.98, Y:0, K:0.02. Its decimal value is 13829369.

Hex triplet	d304f9	`#d304f9`
RGB Decimal	211, 4, 249	`rgb(211,4,249)`
RGB Percent	82.7, 1.6, 97.6	`rgb(82.7%,1.6%,97.6%)`
CMYK	15, 98, 0, 2
HSL	290.7°, 96.8, 49.6	`hsl(290.7,96.8%,49.6%)`
HSV (or HSB)	290.7°, 98.4, 97.6
Web Safe	cc00ff	`#cc00ff`

CIE-LAB	52.705, 90.66, -70.146
XYZ	44.004, 20.778, 91.31
xyY	0.282, 0.133, 20.778
CIE-LCH	52.705, 114.628, 322.27
CIE-LUV	52.705, 56, -117.386
Hunter-Lab	45.582, 92.551, -86.861
Binary	11010011, 00000100, 11111001

#d304f9
```
#d304f9 rgb(211,4,249)
```
#2af904
```
#2af904 rgb(42,249,4)
```

Complementary Color

#5804f9
```
#5804f9 rgb(88,4,249)
```
#d304f9
```
#d304f9 rgb(211,4,249)
```
#f904a5
```
#f904a5 rgb(249,4,165)
```

Analogous Color

#04f958
```
#04f958 rgb(4,249,88)
```
#d304f9
```
#d304f9 rgb(211,4,249)
```
#a5f904
```
#a5f904 rgb(165,249,4)
```

Split Complementary Color

#04f9d3
```
#04f9d3 rgb(4,249,211)
```
#d304f9
```
#d304f9 rgb(211,4,249)
```
#f9d304
```
#f9d304 rgb(249,211,4)
```

Triadic Color

#042af9
```
#042af9 rgb(4,42,249)
```
#d304f9
```
#d304f9 rgb(211,4,249)
```
#f9d304
```
#f9d304 rgb(249,211,4)
```
#2af904
```
#2af904 rgb(42,249,4)
```

Tetradic Color

#9303ae
```
#9303ae rgb(147,3,174)
```
#a803c7
```
#a803c7 rgb(168,3,199)
```
#be04e0
```
#be04e0 rgb(190,4,224)
```
#d304f9
```
#d304f9 rgb(211,4,249)
```
#d91bfb
```
#d91bfb rgb(217,27,251)
```
#dd34fc
```
#dd34fc rgb(221,52,252)
```
#e14dfc
```
#e14dfc rgb(225,77,252)
```

Monochromatic Color

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

#9604f9
```
#9604f9 rgb(150,4,249)
```
#aa04f9
```
#aa04f9 rgb(170,4,249)
```
#bf04f9
```
#bf04f9 rgb(191,4,249)
```
#d304f9
```
#d304f9 rgb(211,4,249)
```
#e704f9
```
#e704f9 rgb(231,4,249)
```
#f904f6
```
#f904f6 rgb(249,4,246)
```
#f904e2
```
#f904e2 rgb(249,4,226)
```

Similar Colors

Text with hexadecimal color #d304f9

This text has a font color of #d304f9.

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

#d304f9 background color

This paragraph has a background color of #d304f9.

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

#d304f9 border color

This element has a border color of #d304f9.

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

CSS codes

.text {color:#d304f9;}

.background {background-color:#d304f9;}

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

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, #0f0011 is the darkest color, while #fffdff is the lightest one.

#0f0011
```
#0f0011 rgb(15,0,17)
```
#1f0125
```
#1f0125 rgb(31,1,37)
```
#2f0138
```
#2f0138 rgb(47,1,56)
```
#40014b
```
#40014b rgb(64,1,75)
```
#50025f
```
#50025f rgb(80,2,95)
```
#600272
```
#600272 rgb(96,2,114)
```
#710285
```
#710285 rgb(113,2,133)
```
#810298
```
#810298 rgb(129,2,152)
```
#9203ac
```
#9203ac rgb(146,3,172)
```
#a203bf
```
#a203bf rgb(162,3,191)
```
#b203d2
```
#b203d2 rgb(178,3,210)
```
#c304e6
```
#c304e6 rgb(195,4,230)
```
#d304f9
```
#d304f9 rgb(211,4,249)
```

Shade Color Variation

#d815fb
```
#d815fb rgb(216,21,251)
```
#db29fc
```
#db29fc rgb(219,41,252)
```
#de3cfc
```
#de3cfc rgb(222,60,252)
```
#e14ffc
```
#e14ffc rgb(225,79,252)
```
#e563fc
```
#e563fc rgb(229,99,252)
```
#e876fd
```
#e876fd rgb(232,118,253)
```
#eb89fd
```
#eb89fd rgb(235,137,253)
```
#ee9dfd
```
#ee9dfd rgb(238,157,253)
```
#f2b0fe
```
#f2b0fe rgb(242,176,254)
```
#f5c3fe
```
#f5c3fe rgb(245,195,254)
```
#f8d6fe
```
#f8d6fe rgb(248,214,254)
```
#fbeaff
```
#fbeaff rgb(251,234,255)
```
#fffdff
```
#fffdff rgb(255,253,255)
```

Tint Color Variation

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

#827984
```
#827984 rgb(130,121,132)
```
#896f8e
```
#896f8e rgb(137,111,142)
```
#906598
```
#906598 rgb(144,101,152)
```
#975ca1
```
#975ca1 rgb(151,92,161)
```
#9d52ab
```
#9d52ab rgb(157,82,171)
```
#a448b5
```
#a448b5 rgb(164,72,181)
```
#ab3ebf
```
#ab3ebf rgb(171,62,191)
```
#b135c8
```
#b135c8 rgb(177,53,200)
```
#b82bd2
```
#b82bd2 rgb(184,43,210)
```
#bf21dc
```
#bf21dc rgb(191,33,220)
```
#c617e6
```
#c617e6 rgb(198,23,230)
```
#cc0eef
```
#cc0eef rgb(204,14,239)
```
#d304f9
```
#d304f9 rgb(211,4,249)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#754c7d Atypical Achromatopsia 0.001% of the population

Dichromacy

#0080fa Protanopia 1% of men
#0086e0 Deuteranopia 1% of men
#c06a71 Tritanopia 0.001% of the population

Trichromacy

#4c53f9 Protanomaly 1% of men, 0.01% of women
#4c57e9 Deuteranomaly 6% of men, 0.4% of women
#c745a3 Tritanomaly 0.01% of the population

#d304f9 hex color

#d304f9 Color Information

#d304f9 Color Conversion

Color Schemes with #d304f9

Alternatives to #d304f9

#d304f9 Preview

Shades and Tints of #d304f9

Tones of #d304f9

Color Blindness Simulator