#ff1fdf hex color

In a RGB color space, hex #ff1fdf is composed of 100% red, 12.2% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 87.8% magenta, 12.5% yellow and 0% black. It has a hue angle of 308.6 degrees, a saturation of 100% and a lightness of 56.1%. #ff1fdf color hex could be obtained by blending #ff3eff with #ff00bf. Closest websafe color is: #ff33cc.

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

● #ff1fdf color description : Vivid magenta.

The hexadecimal color #ff1fdf has RGB values of R:255, G:31, B:223 and CMYK values of C:0, M:0.88, Y:0.13, K:0. Its decimal value is 16719839.

Hex triplet	ff1fdf	`#ff1fdf`
RGB Decimal	255, 31, 223	`rgb(255,31,223)`
RGB Percent	100, 12.2, 87.5	`rgb(100%,12.2%,87.5%)`
CMYK	0, 88, 13, 0
HSL	308.6°, 100, 56.1	`hsl(308.6,100%,56.1%)`
HSV (or HSB)	308.6°, 87.8, 100
Web Safe	ff33cc	`#ff33cc`

CIE-LAB	59.5, 91.348, -44.256
XYZ	55.049, 27.572, 72.231
xyY	0.355, 0.178, 27.572
CIE-LCH	59.5, 101.504, 334.151
CIE-LUV	59.5, 95.498, -82.181
Hunter-Lab	52.509, 95.243, -44.802
Binary	11111111, 00011111, 11011111

#ff1fdf
```
#ff1fdf rgb(255,31,223)
```
#1fff3f
```
#1fff3f rgb(31,255,63)
```

Complementary Color

#af1fff
```
#af1fff rgb(175,31,255)
```
#ff1fdf
```
#ff1fdf rgb(255,31,223)
```
#ff1f6f
```
#ff1f6f rgb(255,31,111)
```

Analogous Color

#1fffaf
```
#1fffaf rgb(31,255,175)
```
#ff1fdf
```
#ff1fdf rgb(255,31,223)
```
#6fff1f
```
#6fff1f rgb(111,255,31)
```

Split Complementary Color

#1fdfff
```
#1fdfff rgb(31,223,255)
```
#ff1fdf
```
#ff1fdf rgb(255,31,223)
```
#dfff1f
```
#dfff1f rgb(223,255,31)
```

Triadic Color

#3f1fff
```
#3f1fff rgb(63,31,255)
```
#ff1fdf
```
#ff1fdf rgb(255,31,223)
```
#dfff1f
```
#dfff1f rgb(223,255,31)
```
#1fff3f
```
#1fff3f rgb(31,255,63)
```

Tetradic Color

#d200b4
```
#d200b4 rgb(210,0,180)
```
#eb00c9
```
#eb00c9 rgb(235,0,201)
```
#ff05db
```
#ff05db rgb(255,5,219)
```
#ff1fdf
```
#ff1fdf rgb(255,31,223)
```
#ff39e3
```
#ff39e3 rgb(255,57,227)
```
#ff52e6
```
#ff52e6 rgb(255,82,230)
```
#ff6cea
```
#ff6cea rgb(255,108,234)
```

Monochromatic Color

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

#e71fff
```
#e71fff rgb(231,31,255)
```
#fa1fff
```
#fa1fff rgb(250,31,255)
```
#ff1ff2
```
#ff1ff2 rgb(255,31,242)
```
#ff1fdf
```
#ff1fdf rgb(255,31,223)
```
#ff1fcc
```
#ff1fcc rgb(255,31,204)
```
#ff1fba
```
#ff1fba rgb(255,31,186)
```
#ff1fa7
```
#ff1fa7 rgb(255,31,167)
```

Similar Colors

Text with hexadecimal color #ff1fdf

This text has a font color of #ff1fdf.

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

#ff1fdf background color

This paragraph has a background color of #ff1fdf.

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

#ff1fdf border color

This element has a border color of #ff1fdf.

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

CSS codes

.text {color:#ff1fdf;}

.background {background-color:#ff1fdf;}

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

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

#0b000a
```
#0b000a rgb(11,0,10)
```
#1f001b
```
#1f001b rgb(31,0,27)
```
#33002b
```
#33002b rgb(51,0,43)
```
#46003c
```
#46003c rgb(70,0,60)
```
#5a004d
```
#5a004d rgb(90,0,77)
```
#6d005e
```
#6d005e rgb(109,0,94)
```
#81006f
```
#81006f rgb(129,0,111)
```
#95007f
```
#95007f rgb(149,0,127)
```
#a80090
```
#a80090 rgb(168,0,144)
```
#bc00a1
```
#bc00a1 rgb(188,0,161)
```
#d000b2
```
#d000b2 rgb(208,0,178)
```
#e300c3
```
#e300c3 rgb(227,0,195)
```
#f700d4
```
#f700d4 rgb(247,0,212)
```

Shade Color Variation

#ff0bdc
```
#ff0bdc rgb(255,11,220)
```
#ff1fdf
```
#ff1fdf rgb(255,31,223)
```
#ff33e2
```
#ff33e2 rgb(255,51,226)
```
#ff46e5
```
#ff46e5 rgb(255,70,229)
```
#ff5ae7
```
#ff5ae7 rgb(255,90,231)
```
#ff6dea
```
#ff6dea rgb(255,109,234)
```
#ff81ed
```
#ff81ed rgb(255,129,237)
```
#ff95f0
```
#ff95f0 rgb(255,149,240)
```
#ffa8f3
```
#ffa8f3 rgb(255,168,243)
```
#ffbcf5
```
#ffbcf5 rgb(255,188,245)
```
#ffd0f8
```
#ffd0f8 rgb(255,208,248)
```
#ffe3fb
```
#ffe3fb rgb(255,227,251)
```
#fff7fe
```
#fff7fe rgb(255,247,254)
```

Tint Color Variation

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

#988695
```
#988695 rgb(152,134,149)
```
#a07e9b
```
#a07e9b rgb(160,126,155)
```
#a975a1
```
#a975a1 rgb(169,117,161)
```
#b16da8
```
#b16da8 rgb(177,109,168)
```
#ba64ae
```
#ba64ae rgb(186,100,174)
```
#c35bb4
```
#c35bb4 rgb(195,91,180)
```
#cb53ba
```
#cb53ba rgb(203,83,186)
```
#d44ac0
```
#d44ac0 rgb(212,74,192)
```
#dd41c6
```
#dd41c6 rgb(221,65,198)
```
#e539cd
```
#e539cd rgb(229,57,205)
```
#ee30d3
```
#ee30d3 rgb(238,48,211)
```
#f628d9
```
#f628d9 rgb(246,40,217)
```
#ff1fdf
```
#ff1fdf rgb(255,31,223)
```

Tone Color Variation

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

#787878 Achromatopsia 0.005% of the population
#93668d Atypical Achromatopsia 0.001% of the population

Dichromacy

#5891ff Protanopia 1% of men
#7f93cc Deuteranopia 1% of men
#f3646a Tritanopia 0.001% of the population

Trichromacy

#9468f3 Protanomaly 1% of men, 0.01% of women
#ad69d3 Deuteranomaly 6% of men, 0.4% of women
#f74b94 Tritanomaly 0.01% of the population

#ff1fdf hex color

#ff1fdf Color Information

#ff1fdf Color Conversion

Color Schemes with #ff1fdf

Alternatives to #ff1fdf

#ff1fdf Preview

Shades and Tints of #ff1fdf

Tones of #ff1fdf

Color Blindness Simulator