colorhexa.com

#ff5fdd hex color

In a RGB color space, hex #ff5fdd is composed of 100% red, 37.3% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 62.7% magenta, 13.3% yellow and 0% black. It has a hue angle of 312.8 degrees, a saturation of 100% and a lightness of 68.6%. #ff5fdd color hex could be obtained by blending #ffbeff with #ff00bb. Closest websafe color is: #ff66cc.

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

● #ff5fdd color description : Light magenta.

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

Hex triplet	ff5fdd	`#ff5fdd`
RGB Decimal	255, 95, 221	`rgb(255,95,221)`
RGB Percent	100, 37.3, 86.7	`rgb(100%,37.3%,86.7%)`
CMYK	0, 63, 13, 0
HSL	312.8°, 100, 68.6	`hsl(312.8,100%,68.6%)`
HSV (or HSB)	312.8°, 62.7, 100
Web Safe	ff66cc	`#ff66cc`

CIE-LAB	65.49, 73.779, -33.758
XYZ	58.383, 34.669, 72.02
xyY	0.354, 0.21, 34.669
CIE-LCH	65.49, 81.135, 335.413
CIE-LUV	65.49, 81.821, -64.363
Hunter-Lab	58.88, 73.951, -31.304
Binary	11111111, 01011111, 11011101

#ff5fdd
```
#ff5fdd rgb(255,95,221)
```
#5fff81
```
#5fff81 rgb(95,255,129)
```

Complementary Color

#d15fff
```
#d15fff rgb(209,95,255)
```
#ff5fdd
```
#ff5fdd rgb(255,95,221)
```
#ff5f8d
```
#ff5f8d rgb(255,95,141)
```

Analogous Color

#5fffd1
```
#5fffd1 rgb(95,255,209)
```
#ff5fdd
```
#ff5fdd rgb(255,95,221)
```
#8dff5f
```
#8dff5f rgb(141,255,95)
```

Split Complementary Color

#5fddff
```
#5fddff rgb(95,221,255)
```
#ff5fdd
```
#ff5fdd rgb(255,95,221)
```
#ddff5f
```
#ddff5f rgb(221,255,95)
```

Triadic Color

#815fff
```
#815fff rgb(129,95,255)
```
#ff5fdd
```
#ff5fdd rgb(255,95,221)
```
#ddff5f
```
#ddff5f rgb(221,255,95)
```
#5fff81
```
#5fff81 rgb(95,255,129)
```

Tetradic Color

#ff13cd
```
#ff13cd rgb(255,19,205)
```
#ff2cd2
```
#ff2cd2 rgb(255,44,210)
```
#ff46d8
```
#ff46d8 rgb(255,70,216)
```
#ff5fdd
```
#ff5fdd rgb(255,95,221)
```
#ff79e2
```
#ff79e2 rgb(255,121,226)
```
#ff92e8
```
#ff92e8 rgb(255,146,232)
```
#ffaced
```
#ffaced rgb(255,172,237)
```

Monochromatic Color

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

#f95fff
```
#f95fff rgb(249,95,255)
```
#ff5ff8
```
#ff5ff8 rgb(255,95,248)
```
#ff5fea
```
#ff5fea rgb(255,95,234)
```
#ff5fdd
```
#ff5fdd rgb(255,95,221)
```
#ff5fd0
```
#ff5fd0 rgb(255,95,208)
```
#ff5fc2
```
#ff5fc2 rgb(255,95,194)
```
#ff5fb5
```
#ff5fb5 rgb(255,95,181)
```

Similar Colors

Text with hexadecimal color #ff5fdd

This text has a font color of #ff5fdd.

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

#ff5fdd background color

This paragraph has a background color of #ff5fdd.

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

#ff5fdd border color

This element has a border color of #ff5fdd.

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

CSS codes

.text {color:#ff5fdd;}

.background {background-color:#ff5fdd;}

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

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, #11000d is the darkest color, while #fffcfe is the lightest one.

#11000d
```
#11000d rgb(17,0,13)
```
#24001c
```
#24001c rgb(36,0,28)
```
#38002c
```
#38002c rgb(56,0,44)
```
#4b003b
```
#4b003b rgb(75,0,59)
```
#5f004b
```
#5f004b rgb(95,0,75)
```
#73005a
```
#73005a rgb(115,0,90)
```
#86006a
```
#86006a rgb(134,0,106)
```
#9a0079
```
#9a0079 rgb(154,0,121)
```
#ad0089
```
#ad0089 rgb(173,0,137)
```
#c10098
```
#c10098 rgb(193,0,152)
```
#d500a7
```
#d500a7 rgb(213,0,167)
```
#e800b7
```
#e800b7 rgb(232,0,183)
```
#fc00c6
```
#fc00c6 rgb(252,0,198)
```

Shade Color Variation

#ff11cc
```
#ff11cc rgb(255,17,204)
```
#ff24d0
```
#ff24d0 rgb(255,36,208)
```
#ff38d5
```
#ff38d5 rgb(255,56,213)
```
#ff4bd9
```
#ff4bd9 rgb(255,75,217)
```
#ff5fdd
```
#ff5fdd rgb(255,95,221)
```
#ff73e1
```
#ff73e1 rgb(255,115,225)
```
#ff86e5
```
#ff86e5 rgb(255,134,229)
```
#ff9aea
```
#ff9aea rgb(255,154,234)
```
#ffadee
```
#ffadee rgb(255,173,238)
```
#ffc1f2
```
#ffc1f2 rgb(255,193,242)
```
#ffd5f6
```
#ffd5f6 rgb(255,213,246)
```
#ffe8fa
```
#ffe8fa rgb(255,232,250)
```
#fffcfe
```
#fffcfe rgb(255,252,254)
```

Tint Color Variation

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

#b5a9b3
```
#b5a9b3 rgb(181,169,179)
```
#bba3b6
```
#bba3b6 rgb(187,163,182)
```
#c19dba
```
#c19dba rgb(193,157,186)
```
#c896bd
```
#c896bd rgb(200,150,189)
```
#ce90c1
```
#ce90c1 rgb(206,144,193)
```
#d48ac4
```
#d48ac4 rgb(212,138,196)
```
#da84c8
```
#da84c8 rgb(218,132,200)
```
#e07ecb
```
#e07ecb rgb(224,126,203)
```
#e678cf
```
#e678cf rgb(230,120,207)
```
#ed71d2
```
#ed71d2 rgb(237,113,210)
```
#f36bd6
```
#f36bd6 rgb(243,107,214)
```
#f965d9
```
#f965d9 rgb(249,101,217)
```
#ff5fdd
```
#ff5fdd rgb(255,95,221)
```

Tone Color Variation

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

#9d9d9d Achromatopsia 0.005% of the population
#b191aa Atypical Achromatopsia 0.001% of the population

Dichromacy

#7ba1ff Protanopia 1% of men
#9aa1cf Deuteranopia 1% of men
#f57f88 Tritanopia 0.001% of the population

Trichromacy

#ab89f2 Protanomaly 1% of men, 0.01% of women
#be89d4 Deuteranomaly 6% of men, 0.4% of women
#f873a7 Tritanomaly 0.01% of the population