colorhexa.com

#ff00dd hex color

In a RGB color space, hex #ff00dd is composed of 100% red, 0% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 100% magenta, 13.3% yellow and 0% black. It has a hue angle of 308 degrees, a saturation of 100% and a lightness of 50%. #ff00dd color hex could be obtained by blending #ff00ff with #ff00bb. Closest websafe color is: #ff00cc.

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

● #ff00dd color description : Pure (or mostly pure) magenta.

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

Hex triplet	ff00dd	`#ff00dd`
RGB Decimal	255, 0, 221	`rgb(255,0,221)`
RGB Percent	100, 0, 86.7	`rgb(100%,0%,86.7%)`
CMYK	0, 100, 13, 0
HSL	308°, 100, 50	`hsl(308,100%,50%)`
HSV (or HSB)	308°, 100, 100
Web Safe	ff00cc	`#ff00cc`

CIE-LAB	58.495, 93.761, -44.712
XYZ	54.291, 26.485, 70.656
xyY	0.359, 0.175, 26.485
CIE-LCH	58.495, 103.876, 334.505
CIE-LUV	58.495, 98.433, -82.963
Hunter-Lab	51.464, 98.245, -45.376
Binary	11111111, 00000000, 11011101

#ff00dd
```
#ff00dd rgb(255,0,221)
```
#00ff22
```
#00ff22 rgb(0,255,34)
```

Complementary Color

#a200ff
```
#a200ff rgb(162,0,255)
```
#ff00dd
```
#ff00dd rgb(255,0,221)
```
#ff005e
```
#ff005e rgb(255,0,94)
```

Analogous Color

#00ffa2
```
#00ffa2 rgb(0,255,162)
```
#ff00dd
```
#ff00dd rgb(255,0,221)
```
#5eff00
```
#5eff00 rgb(94,255,0)
```

Split Complementary Color

#00ddff
```
#00ddff rgb(0,221,255)
```
#ff00dd
```
#ff00dd rgb(255,0,221)
```
#ddff00
```
#ddff00 rgb(221,255,0)
```

Triadic Color

#b3009b
```
#b3009b rgb(179,0,155)
```
#cc00b1
```
#cc00b1 rgb(204,0,177)
```
#e600c7
```
#e600c7 rgb(230,0,199)
```
#ff00dd
```
#ff00dd rgb(255,0,221)
```
#ff1ae0
```
#ff1ae0 rgb(255,26,224)
```
#ff33e4
```
#ff33e4 rgb(255,51,228)
```
#ff4de7
```
#ff4de7 rgb(255,77,231)
```

Monochromatic Color

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

#e100ff
```
#e100ff rgb(225,0,255)
```
#f700ff
```
#f700ff rgb(247,0,255)
```
#ff00f2
```
#ff00f2 rgb(255,0,242)
```
#ff00dd
```
#ff00dd rgb(255,0,221)
```
#ff00c8
```
#ff00c8 rgb(255,0,200)
```
#ff00b3
```
#ff00b3 rgb(255,0,179)
```
#ff009d
```
#ff009d rgb(255,0,157)
```

Similar Colors

Text with hexadecimal color #ff00dd

This text has a font color of #ff00dd.

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

#ff00dd background color

This paragraph has a background color of #ff00dd.

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

#ff00dd border color

This element has a border color of #ff00dd.

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

CSS codes

.text {color:#ff00dd;}

.background {background-color:#ff00dd;}

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

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

#140011
```
#140011 rgb(20,0,17)
```
#270022
```
#270022 rgb(39,0,34)
```
#3b0033
```
#3b0033 rgb(59,0,51)
```
#4e0044
```
#4e0044 rgb(78,0,68)
```
#620055
```
#620055 rgb(98,0,85)
```
#760066
```
#760066 rgb(118,0,102)
```
#890077
```
#890077 rgb(137,0,119)
```
#9d0088
```
#9d0088 rgb(157,0,136)
```
#b10099
```
#b10099 rgb(177,0,153)
```
#c400aa
```
#c400aa rgb(196,0,170)
```
#d800bb
```
#d800bb rgb(216,0,187)
```
#eb00cc
```
#eb00cc rgb(235,0,204)
```
#ff00dd
```
#ff00dd rgb(255,0,221)
```

Shade Color Variation

#ff14e0
```
#ff14e0 rgb(255,20,224)
```
#ff27e2
```
#ff27e2 rgb(255,39,226)
```
#ff3be5
```
#ff3be5 rgb(255,59,229)
```
#ff4ee7
```
#ff4ee7 rgb(255,78,231)
```
#ff62ea
```
#ff62ea rgb(255,98,234)
```
#ff76ed
```
#ff76ed rgb(255,118,237)
```
#ff89ef
```
#ff89ef rgb(255,137,239)
```
#ff9df2
```
#ff9df2 rgb(255,157,242)
```
#ffb1f5
```
#ffb1f5 rgb(255,177,245)
```
#ffc4f7
```
#ffc4f7 rgb(255,196,247)
```
#ffd8fa
```
#ffd8fa rgb(255,216,250)
```
#ffebfc
```
#ffebfc rgb(255,235,252)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#897687
```
#897687 rgb(137,118,135)
```
#936c8e
```
#936c8e rgb(147,108,142)
```
#9d6295
```
#9d6295 rgb(157,98,149)
```
#a7589c
```
#a7589c rgb(167,88,156)
```
#b14ea3
```
#b14ea3 rgb(177,78,163)
```
#ba45ab
```
#ba45ab rgb(186,69,171)
```
#c43bb2
```
#c43bb2 rgb(196,59,178)
```
#ce31b9
```
#ce31b9 rgb(206,49,185)
```
#d827c0
```
#d827c0 rgb(216,39,192)
```
#e21dc7
```
#e21dc7 rgb(226,29,199)
```
#eb14cf
```
#eb14cf rgb(235,20,207)
```
#f50ad6
```
#f50ad6 rgb(245,10,214)
```
#ff00dd
```
#ff00dd rgb(255,0,221)
```

Tone Color Variation

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

#656565 Achromatopsia 0.005% of the population
#84517d Atypical Achromatopsia 0.001% of the population

Dichromacy

#518fff Protanopia 1% of men
#7c91c9 Deuteranopia 1% of men
#f35f64 Tritanopia 0.001% of the population

Trichromacy

#905bf2 Protanomaly 1% of men, 0.01% of women
#ac5cd0 Deuteranomaly 6% of men, 0.4% of women
#f73c90 Tritanomaly 0.01% of the population