#dc30ff hex color

In a RGB color space, hex #dc30ff is composed of 86.3% red, 18.8% green and 100% blue. Whereas in a CMYK color space, it is composed of 13.7% cyan, 81.2% magenta, 0% yellow and 0% black. It has a hue angle of 289.9 degrees, a saturation of 100% and a lightness of 59.4%. #dc30ff color hex could be obtained by blending #ff60ff with #b900ff. Closest websafe color is: #cc33ff.

♥
- f
- t
- g
- R 86
- G 19
- B 100
RGB color chart
- C 14
- M 81
- Y 0
- K 0
CMYK color chart

● #dc30ff color description : Vivid magenta.

The hexadecimal color #dc30ff has RGB values of R:220, G:48, B:255 and CMYK values of C:0.14, M:0.81, Y:0, K:0. Its decimal value is 14430463.

Hex triplet	dc30ff	`#dc30ff`
RGB Decimal	220, 48, 255	`rgb(220,48,255)`
RGB Percent	86.3, 18.8, 100	`rgb(86.3%,18.8%,100%)`
CMYK	14, 81, 0, 0
HSL	289.9°, 100, 59.4	`hsl(289.9,100%,59.4%)`
HSV (or HSB)	289.9°, 81.2, 100
Web Safe	cc33ff	`#cc33ff`

CIE-LAB	56.636, 86.792, -67.062
XYZ	48.62, 24.552, 96.78
xyY	0.286, 0.144, 24.552
CIE-LCH	56.636, 109.682, 322.308
CIE-LUV	56.636, 56.8, -114.785
Hunter-Lab	49.55, 88.438, -81.119
Binary	11011100, 00110000, 11111111

#dc30ff
```
#dc30ff rgb(220,48,255)
```
#53ff30
```
#53ff30 rgb(83,255,48)
```

Complementary Color

#7530ff
```
#7530ff rgb(117,48,255)
```
#dc30ff
```
#dc30ff rgb(220,48,255)
```
#ff30bb
```
#ff30bb rgb(255,48,187)
```

Analogous Color

#30ff75
```
#30ff75 rgb(48,255,117)
```
#dc30ff
```
#dc30ff rgb(220,48,255)
```
#bbff30
```
#bbff30 rgb(187,255,48)
```

Split Complementary Color

#30ffdc
```
#30ffdc rgb(48,255,220)
```
#dc30ff
```
#dc30ff rgb(220,48,255)
```
#ffdc30
```
#ffdc30 rgb(255,220,48)
```

Triadic Color

#3053ff
```
#3053ff rgb(48,83,255)
```
#dc30ff
```
#dc30ff rgb(220,48,255)
```
#ffdc30
```
#ffdc30 rgb(255,220,48)
```
#53ff30
```
#53ff30 rgb(83,255,48)
```

Tetradic Color

#bc00e3
```
#bc00e3 rgb(188,0,227)
```
#d100fc
```
#d100fc rgb(209,0,252)
```
#d817ff
```
#d817ff rgb(216,23,255)
```
#dc30ff
```
#dc30ff rgb(220,48,255)
```
#e04aff
```
#e04aff rgb(224,74,255)
```
#e563ff
```
#e563ff rgb(229,99,255)
```
#e97dff
```
#e97dff rgb(233,125,255)
```

Monochromatic Color

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

#a830ff
```
#a830ff rgb(168,48,255)
```
#ba30ff
```
#ba30ff rgb(186,48,255)
```
#cb30ff
```
#cb30ff rgb(203,48,255)
```
#dc30ff
```
#dc30ff rgb(220,48,255)
```
#ed30ff
```
#ed30ff rgb(237,48,255)
```
#ff30ff
```
#ff30ff rgb(255,48,255)
```
#ff30ee
```
#ff30ee rgb(255,48,238)
```

Similar Colors

Text with hexadecimal color #dc30ff

This text has a font color of #dc30ff.

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

#dc30ff background color

This paragraph has a background color of #dc30ff.

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

#dc30ff border color

This element has a border color of #dc30ff.

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

CSS codes

.text {color:#dc30ff;}

.background {background-color:#dc30ff;}

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

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

#070009
```
#070009 rgb(7,0,9)
```
#18001c
```
#18001c rgb(24,0,28)
```
#280030
```
#280030 rgb(40,0,48)
```
#380044
```
#380044 rgb(56,0,68)
```
#480057
```
#480057 rgb(72,0,87)
```
#59006b
```
#59006b rgb(89,0,107)
```
#69007e
```
#69007e rgb(105,0,126)
```
#790092
```
#790092 rgb(121,0,146)
```
#8a00a6
```
#8a00a6 rgb(138,0,166)
```
#9a00b9
```
#9a00b9 rgb(154,0,185)
```
#aa00cd
```
#aa00cd rgb(170,0,205)
```
#bb00e1
```
#bb00e1 rgb(187,0,225)
```
#cb00f4
```
#cb00f4 rgb(203,0,244)
```

Shade Color Variation

#d509ff
```
#d509ff rgb(213,9,255)
```
#d91cff
```
#d91cff rgb(217,28,255)
```
#dc30ff
```
#dc30ff rgb(220,48,255)
```
#df44ff
```
#df44ff rgb(223,68,255)
```
#e357ff
```
#e357ff rgb(227,87,255)
```
#e66bff
```
#e66bff rgb(230,107,255)
```
#e97eff
```
#e97eff rgb(233,126,255)
```
#ed92ff
```
#ed92ff rgb(237,146,255)
```
#f0a6ff
```
#f0a6ff rgb(240,166,255)
```
#f3b9ff
```
#f3b9ff rgb(243,185,255)
```
#f7cdff
```
#f7cdff rgb(247,205,255)
```
#fae1ff
```
#fae1ff rgb(250,225,255)
```
#fdf4ff
```
#fdf4ff rgb(253,244,255)
```

Tint Color Variation

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

#9d909f
```
#9d909f rgb(157,144,159)
```
#a288a7
```
#a288a7 rgb(162,136,167)
```
#a780af
```
#a780af rgb(167,128,175)
```
#ad78b7
```
#ad78b7 rgb(173,120,183)
```
#b270bf
```
#b270bf rgb(178,112,191)
```
#b768c7
```
#b768c7 rgb(183,104,199)
```
#bc60cf
```
#bc60cf rgb(188,96,207)
```
#c258d7
```
#c258d7 rgb(194,88,215)
```
#c750df
```
#c750df rgb(199,80,223)
```
#cc48e7
```
#cc48e7 rgb(204,72,231)
```
#d140ef
```
#d140ef rgb(209,64,239)
```
#d738f7
```
#d738f7 rgb(215,56,247)
```
#dc30ff
```
#dc30ff rgb(220,48,255)
```

Tone Color Variation

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

#7b7b7b Achromatopsia 0.005% of the population
#8e6c95 Atypical Achromatopsia 0.001% of the population

Dichromacy

#418aff Protanopia 1% of men
#3c8fe9 Deuteranopia 1% of men
#ca757d Tritanopia 0.001% of the population

Trichromacy

#7969ff Protanomaly 1% of men, 0.01% of women
#766cf1 Deuteranomaly 6% of men, 0.4% of women
#d05cac Tritanomaly 0.01% of the population

#dc30ff hex color

#dc30ff Color Information

#dc30ff Color Conversion

Color Schemes with #dc30ff

Alternatives to #dc30ff

#dc30ff Preview

Shades and Tints of #dc30ff

Tones of #dc30ff

Color Blindness Simulator