#dd45ff hex color

In a RGB color space, hex #dd45ff is composed of 86.7% red, 27.1% green and 100% blue. Whereas in a CMYK color space, it is composed of 13.3% cyan, 72.9% magenta, 0% yellow and 0% black. It has a hue angle of 289 degrees, a saturation of 100% and a lightness of 63.5%. #dd45ff color hex could be obtained by blending #ff8aff with #bb00ff. Closest websafe color is: #cc33ff.

♥
- f
- t
- g
- R 87
- G 27
- B 100
RGB color chart
- C 13
- M 73
- Y 0
- K 0
CMYK color chart

● #dd45ff color description : Light magenta.

The hexadecimal color #dd45ff has RGB values of R:221, G:69, B:255 and CMYK values of C:0.13, M:0.73, Y:0, K:0. Its decimal value is 14501375.

Hex triplet	dd45ff	`#dd45ff`
RGB Decimal	221, 69, 255	`rgb(221,69,255)`
RGB Percent	86.7, 27.1, 100	`rgb(86.7%,27.1%,100%)`
CMYK	13, 73, 0, 0
HSL	289°, 100, 63.5	`hsl(289,100%,63.5%)`
HSV (or HSB)	289°, 72.9, 100
Web Safe	cc33ff	`#cc33ff`

CIE-LAB	58.836, 81.045, -63.515
XYZ	49.995, 26.851, 97.152
xyY	0.287, 0.154, 26.851
CIE-LCH	58.836, 102.968, 321.914
CIE-LUV	58.836, 54.209, -109.851
Hunter-Lab	51.818, 81.54, -74.889
Binary	11011101, 01000101, 11111111

#dd45ff
```
#dd45ff rgb(221,69,255)
```
#67ff45
```
#67ff45 rgb(103,255,69)
```

Complementary Color

#8045ff
```
#8045ff rgb(128,69,255)
```
#dd45ff
```
#dd45ff rgb(221,69,255)
```
#ff45c4
```
#ff45c4 rgb(255,69,196)
```

Analogous Color

#45ff80
```
#45ff80 rgb(69,255,128)
```
#dd45ff
```
#dd45ff rgb(221,69,255)
```
#c4ff45
```
#c4ff45 rgb(196,255,69)
```

Split Complementary Color

#45ffdd
```
#45ffdd rgb(69,255,221)
```
#dd45ff
```
#dd45ff rgb(221,69,255)
```
#ffdd45
```
#ffdd45 rgb(255,221,69)
```

Triadic Color

#4567ff
```
#4567ff rgb(69,103,255)
```
#dd45ff
```
#dd45ff rgb(221,69,255)
```
#ffdd45
```
#ffdd45 rgb(255,221,69)
```
#67ff45
```
#67ff45 rgb(103,255,69)
```

Tetradic Color

#ca00f8
```
#ca00f8 rgb(202,0,248)
```
#d412ff
```
#d412ff rgb(212,18,255)
```
#d82cff
```
#d82cff rgb(216,44,255)
```
#dd45ff
```
#dd45ff rgb(221,69,255)
```
#e25fff
```
#e25fff rgb(226,95,255)
```
#e678ff
```
#e678ff rgb(230,120,255)
```
#eb92ff
```
#eb92ff rgb(235,146,255)
```

Monochromatic Color

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

#af45ff
```
#af45ff rgb(175,69,255)
```
#be45ff
```
#be45ff rgb(190,69,255)
```
#ce45ff
```
#ce45ff rgb(206,69,255)
```
#dd45ff
```
#dd45ff rgb(221,69,255)
```
#ed45ff
```
#ed45ff rgb(237,69,255)
```
#fc45ff
```
#fc45ff rgb(252,69,255)
```
#ff45f3
```
#ff45f3 rgb(255,69,243)
```

Similar Colors

Text with hexadecimal color #dd45ff

This text has a font color of #dd45ff.

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

#dd45ff background color

This paragraph has a background color of #dd45ff.

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

#dd45ff border color

This element has a border color of #dd45ff.

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

CSS codes

.text {color:#dd45ff;}

.background {background-color:#dd45ff;}

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

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, #08000a is the darkest color, while #fdf6ff is the lightest one.

#08000a
```
#08000a rgb(8,0,10)
```
#18001e
```
#18001e rgb(24,0,30)
```
#280031
```
#280031 rgb(40,0,49)
```
#380045
```
#380045 rgb(56,0,69)
```
#480059
```
#480059 rgb(72,0,89)
```
#58006c
```
#58006c rgb(88,0,108)
```
#680080
```
#680080 rgb(104,0,128)
```
#790093
```
#790093 rgb(121,0,147)
```
#8900a7
```
#8900a7 rgb(137,0,167)
```
#9900bb
```
#9900bb rgb(153,0,187)
```
#a900ce
```
#a900ce rgb(169,0,206)
```
#b900e2
```
#b900e2 rgb(185,0,226)
```
#c900f6
```
#c900f6 rgb(201,0,246)
```

Shade Color Variation

#d20aff
```
#d20aff rgb(210,10,255)
```
#d61eff
```
#d61eff rgb(214,30,255)
```
#d931ff
```
#d931ff rgb(217,49,255)
```
#dd45ff
```
#dd45ff rgb(221,69,255)
```
#e159ff
```
#e159ff rgb(225,89,255)
```
#e46cff
```
#e46cff rgb(228,108,255)
```
#e880ff
```
#e880ff rgb(232,128,255)
```
#eb93ff
```
#eb93ff rgb(235,147,255)
```
#efa7ff
```
#efa7ff rgb(239,167,255)
```
#f3bbff
```
#f3bbff rgb(243,187,255)
```
#f6ceff
```
#f6ceff rgb(246,206,255)
```
#fae2ff
```
#fae2ff rgb(250,226,255)
```
#fdf6ff
```
#fdf6ff rgb(253,246,255)
```

Tint Color Variation

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

#a79ba9
```
#a79ba9 rgb(167,155,169)
```
#ab94b0
```
#ab94b0 rgb(171,148,176)
```
#b08db7
```
#b08db7 rgb(176,141,183)
```
#b485bf
```
#b485bf rgb(180,133,191)
```
#b97ec6
```
#b97ec6 rgb(185,126,198)
```
#bd77cd
```
#bd77cd rgb(189,119,205)
```
#c270d4
```
#c270d4 rgb(194,112,212)
```
#c669db
```
#c669db rgb(198,105,219)
```
#cb62e2
```
#cb62e2 rgb(203,98,226)
```
#cf5aea
```
#cf5aea rgb(207,90,234)
```
#d453f1
```
#d453f1 rgb(212,83,241)
```
#d84cf8
```
#d84cf8 rgb(216,76,248)
```
#dd45ff
```
#dd45ff rgb(221,69,255)
```

Tone Color Variation

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

#888888 Achromatopsia 0.005% of the population
#997ba0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5390ff Protanopia 1% of men
#5094eb Deuteranopia 1% of men
#cb7c85 Tritanopia 0.001% of the population

Trichromacy

#8574ff Protanomaly 1% of men, 0.01% of women
#8377f2 Deuteranomaly 6% of men, 0.4% of women
#d268b1 Tritanomaly 0.01% of the population

#dd45ff hex color

#dd45ff Color Information

#dd45ff Color Conversion

Color Schemes with #dd45ff

Alternatives to #dd45ff

#dd45ff Preview

Shades and Tints of #dd45ff

Tones of #dd45ff

Color Blindness Simulator