#dd22ff hex color

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

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

● #dd22ff color description : Vivid magenta.

The hexadecimal color #dd22ff has RGB values of R:221, G:34, B:255 and CMYK values of C:0.13, M:0.87, Y:0, K:0. Its decimal value is 14492415.

Hex triplet	dd22ff	`#dd22ff`
RGB Decimal	221, 34, 255	`rgb(221,34,255)`
RGB Percent	86.7, 13.3, 100	`rgb(86.7%,13.3%,100%)`
CMYK	13, 87, 0, 0
HSL	290.8°, 100, 56.7	`hsl(290.8,100%,56.7%)`
HSV (or HSB)	290.8°, 86.7, 100
Web Safe	cc33ff	`#cc33ff`

CIE-LAB	55.825, 89.791, -68.363
XYZ	48.439, 23.739, 96.633
xyY	0.287, 0.141, 23.739
CIE-LCH	55.825, 112.853, 322.716
CIE-LUV	55.825, 58.914, -116.603
Hunter-Lab	48.722, 92.197, -83.486
Binary	11011101, 00100010, 11111111

#dd22ff
```
#dd22ff rgb(221,34,255)
```
#44ff22
```
#44ff22 rgb(68,255,34)
```

Complementary Color

#6f22ff
```
#6f22ff rgb(111,34,255)
```
#dd22ff
```
#dd22ff rgb(221,34,255)
```
#ff22b3
```
#ff22b3 rgb(255,34,179)
```

Analogous Color

#22ff6f
```
#22ff6f rgb(34,255,111)
```
#dd22ff
```
#dd22ff rgb(221,34,255)
```
#b3ff22
```
#b3ff22 rgb(179,255,34)
```

Split Complementary Color

#22ffdd
```
#22ffdd rgb(34,255,221)
```
#dd22ff
```
#dd22ff rgb(221,34,255)
```
#ffdd22
```
#ffdd22 rgb(255,221,34)
```

Triadic Color

#2244ff
```
#2244ff rgb(34,68,255)
```
#dd22ff
```
#dd22ff rgb(221,34,255)
```
#ffdd22
```
#ffdd22 rgb(255,221,34)
```
#44ff22
```
#44ff22 rgb(68,255,34)
```

Tetradic Color

#b400d5
```
#b400d5 rgb(180,0,213)
```
#c900ee
```
#c900ee rgb(201,0,238)
```
#d908ff
```
#d908ff rgb(217,8,255)
```
#dd22ff
```
#dd22ff rgb(221,34,255)
```
#e13cff
```
#e13cff rgb(225,60,255)
```
#e555ff
```
#e555ff rgb(229,85,255)
```
#e96fff
```
#e96fff rgb(233,111,255)
```

Monochromatic Color

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

#a622ff
```
#a622ff rgb(166,34,255)
```
#b822ff
```
#b822ff rgb(184,34,255)
```
#cb22ff
```
#cb22ff rgb(203,34,255)
```
#dd22ff
```
#dd22ff rgb(221,34,255)
```
#ef22ff
```
#ef22ff rgb(239,34,255)
```
#ff22fc
```
#ff22fc rgb(255,34,252)
```
#ff22ea
```
#ff22ea rgb(255,34,234)
```

Similar Colors

Text with hexadecimal color #dd22ff

This text has a font color of #dd22ff.

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

#dd22ff background color

This paragraph has a background color of #dd22ff.

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

#dd22ff border color

This element has a border color of #dd22ff.

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

CSS codes

.text {color:#dd22ff;}

.background {background-color:#dd22ff;}

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

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

#0c000e
```
#0c000e rgb(12,0,14)
```
#1d0022
```
#1d0022 rgb(29,0,34)
```
#2d0036
```
#2d0036 rgb(45,0,54)
```
#3e0049
```
#3e0049 rgb(62,0,73)
```
#4f005d
```
#4f005d rgb(79,0,93)
```
#5f0070
```
#5f0070 rgb(95,0,112)
```
#700084
```
#700084 rgb(112,0,132)
```
#800098
```
#800098 rgb(128,0,152)
```
#9100ab
```
#9100ab rgb(145,0,171)
```
#a200bf
```
#a200bf rgb(162,0,191)
```
#b200d3
```
#b200d3 rgb(178,0,211)
```
#c300e6
```
#c300e6 rgb(195,0,230)
```
#d300fa
```
#d300fa rgb(211,0,250)
```

Shade Color Variation

#da0eff
```
#da0eff rgb(218,14,255)
```
#dd22ff
```
#dd22ff rgb(221,34,255)
```
#e036ff
```
#e036ff rgb(224,54,255)
```
#e349ff
```
#e349ff rgb(227,73,255)
```
#e65dff
```
#e65dff rgb(230,93,255)
```
#e970ff
```
#e970ff rgb(233,112,255)
```
#ec84ff
```
#ec84ff rgb(236,132,255)
```
#ef98ff
```
#ef98ff rgb(239,152,255)
```
#f2abff
```
#f2abff rgb(242,171,255)
```
#f5bfff
```
#f5bfff rgb(245,191,255)
```
#f8d3ff
```
#f8d3ff rgb(248,211,255)
```
#fbe6ff
```
#fbe6ff rgb(251,230,255)
```
#fefaff
```
#fefaff rgb(254,250,255)
```

Tint Color Variation

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

#968899
```
#968899 rgb(150,136,153)
```
#9c80a2
```
#9c80a2 rgb(156,128,162)
```
#a277aa
```
#a277aa rgb(162,119,170)
```
#a86fb3
```
#a86fb3 rgb(168,111,179)
```
#ae66bb
```
#ae66bb rgb(174,102,187)
```
#b45ec4
```
#b45ec4 rgb(180,94,196)
```
#ba55cc
```
#ba55cc rgb(186,85,204)
```
#c04dd5
```
#c04dd5 rgb(192,77,213)
```
#c544dd
```
#c544dd rgb(197,68,221)
```
#cb3ce6
```
#cb3ce6 rgb(203,60,230)
```
#d133ee
```
#d133ee rgb(209,51,238)
```
#d72bf7
```
#d72bf7 rgb(215,43,247)
```
#dd22ff
```
#dd22ff rgb(221,34,255)
```

Tone Color Variation

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

#737373 Achromatopsia 0.005% of the population
#88638f Atypical Achromatopsia 0.001% of the population

Dichromacy

#3888ff Protanopia 1% of men
#348de8 Deuteranopia 1% of men
#ca7179 Tritanopia 0.001% of the population

Trichromacy

#7463ff Protanomaly 1% of men, 0.01% of women
#7166f0 Deuteranomaly 6% of men, 0.4% of women
#d154a9 Tritanomaly 0.01% of the population

#dd22ff hex color

#dd22ff Color Information

#dd22ff Color Conversion

Color Schemes with #dd22ff

Alternatives to #dd22ff

#dd22ff Preview

Shades and Tints of #dd22ff

Tones of #dd22ff

Color Blindness Simulator