#ff1f94 hex color

In a RGB color space, hex #ff1f94 is composed of 100% red, 12.2% green and 58% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 87.8% magenta, 42% yellow and 0% black. It has a hue angle of 328.7 degrees, a saturation of 100% and a lightness of 56.1%. #ff1f94 color hex could be obtained by blending #ff3eff with #ff0029. Closest websafe color is: #ff3399.

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

● #ff1f94 color description : Vivid pink.

The hexadecimal color #ff1f94 has RGB values of R:255, G:31, B:148 and CMYK values of C:0, M:0.88, Y:0.42, K:0. Its decimal value is 16719764.

Hex triplet	ff1f94	`#ff1f94`
RGB Decimal	255, 31, 148	`rgb(255,31,148)`
RGB Percent	100, 12.2, 58	`rgb(100%,12.2%,58%)`
CMYK	0, 88, 42, 0
HSL	328.7°, 100, 56.1	`hsl(328.7,100%,56.1%)`
HSV (or HSB)	328.7°, 87.8, 100
Web Safe	ff3399	`#ff3399`

CIE-LAB	56.469, 83.234, -5.545
XYZ	47.077, 24.383, 30.243
xyY	0.463, 0.24, 24.383
CIE-LCH	56.469, 83.419, 356.189
CIE-LUV	56.469, 129.287, -23.884
Hunter-Lab	49.379, 83.762, -1.747
Binary	11111111, 00011111, 10010100

#ff1f94
```
#ff1f94 rgb(255,31,148)
```
#1fff8a
```
#1fff8a rgb(31,255,138)
```

Complementary Color

#fa1fff
```
#fa1fff rgb(250,31,255)
```
#ff1f94
```
#ff1f94 rgb(255,31,148)
```
#ff1f24
```
#ff1f24 rgb(255,31,36)
```

Analogous Color

#1ffffa
```
#1ffffa rgb(31,255,250)
```
#ff1f94
```
#ff1f94 rgb(255,31,148)
```
#24ff1f
```
#24ff1f rgb(36,255,31)
```

Split Complementary Color

#1f94ff
```
#1f94ff rgb(31,148,255)
```
#ff1f94
```
#ff1f94 rgb(255,31,148)
```
#94ff1f
```
#94ff1f rgb(148,255,31)
```

Triadic Color

#8a1fff
```
#8a1fff rgb(138,31,255)
```
#ff1f94
```
#ff1f94 rgb(255,31,148)
```
#94ff1f
```
#94ff1f rgb(148,255,31)
```
#1fff8a
```
#1fff8a rgb(31,255,138)
```

Tetradic Color

#d2006d
```
#d2006d rgb(210,0,109)
```
#eb007b
```
#eb007b rgb(235,0,123)
```
#ff0588
```
#ff0588 rgb(255,5,136)
```
#ff1f94
```
#ff1f94 rgb(255,31,148)
```
#ff39a0
```
#ff39a0 rgb(255,57,160)
```
#ff52ac
```
#ff52ac rgb(255,82,172)
```
#ff6cb9
```
#ff6cb9 rgb(255,108,185)
```

Monochromatic Color

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

#ff1fcc
```
#ff1fcc rgb(255,31,204)
```
#ff1fb9
```
#ff1fb9 rgb(255,31,185)
```
#ff1fa7
```
#ff1fa7 rgb(255,31,167)
```
#ff1f94
```
#ff1f94 rgb(255,31,148)
```
#ff1f81
```
#ff1f81 rgb(255,31,129)
```
#ff1f6f
```
#ff1f6f rgb(255,31,111)
```
#ff1f5c
```
#ff1f5c rgb(255,31,92)
```

Similar Colors

Text with hexadecimal color #ff1f94

This text has a font color of #ff1f94.

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

#ff1f94 background color

This paragraph has a background color of #ff1f94.

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

#ff1f94 border color

This element has a border color of #ff1f94.

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

CSS codes

.text {color:#ff1f94;}

.background {background-color:#ff1f94;}

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

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

#0b0006
```
#0b0006 rgb(11,0,6)
```
#1f0010
```
#1f0010 rgb(31,0,16)
```
#33001a
```
#33001a rgb(51,0,26)
```
#460025
```
#460025 rgb(70,0,37)
```
#5a002f
```
#5a002f rgb(90,0,47)
```
#6d0039
```
#6d0039 rgb(109,0,57)
```
#810043
```
#810043 rgb(129,0,67)
```
#95004e
```
#95004e rgb(149,0,78)
```
#a80058
```
#a80058 rgb(168,0,88)
```
#bc0062
```
#bc0062 rgb(188,0,98)
```
#d0006c
```
#d0006c rgb(208,0,108)
```
#e30077
```
#e30077 rgb(227,0,119)
```
#f70081
```
#f70081 rgb(247,0,129)
```

Shade Color Variation

#ff0b8b
```
#ff0b8b rgb(255,11,139)
```
#ff1f94
```
#ff1f94 rgb(255,31,148)
```
#ff339d
```
#ff339d rgb(255,51,157)
```
#ff46a7
```
#ff46a7 rgb(255,70,167)
```
#ff5ab0
```
#ff5ab0 rgb(255,90,176)
```
#ff6db9
```
#ff6db9 rgb(255,109,185)
```
#ff81c3
```
#ff81c3 rgb(255,129,195)
```
#ff95cc
```
#ff95cc rgb(255,149,204)
```
#ffa8d6
```
#ffa8d6 rgb(255,168,214)
```
#ffbcdf
```
#ffbcdf rgb(255,188,223)
```
#ffd0e8
```
#ffd0e8 rgb(255,208,232)
```
#ffe3f2
```
#ffe3f2 rgb(255,227,242)
```
#fff7fb
```
#fff7fb rgb(255,247,251)
```

Tint Color Variation

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

#98868f
```
#98868f rgb(152,134,143)
```
#a07e90
```
#a07e90 rgb(160,126,144)
```
#a97590
```
#a97590 rgb(169,117,144)
```
#b16d91
```
#b16d91 rgb(177,109,145)
```
#ba6491
```
#ba6491 rgb(186,100,145)
```
#c35b91
```
#c35b91 rgb(195,91,145)
```
#cb5392
```
#cb5392 rgb(203,83,146)
```
#d44a92
```
#d44a92 rgb(212,74,146)
```
#dd4192
```
#dd4192 rgb(221,65,146)
```
#e53993
```
#e53993 rgb(229,57,147)
```
#ee3093
```
#ee3093 rgb(238,48,147)
```
#f62894
```
#f62894 rgb(246,40,148)
```
#ff1f94
```
#ff1f94 rgb(255,31,148)
```

Tone Color Variation

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

#6f6f6f Achromatopsia 0.005% of the population
#8c5f76 Atypical Achromatopsia 0.001% of the population

Dichromacy

#778bc9 Protanopia 1% of men
#9b898a Deuteranopia 1% of men
#fa494c Tritanopia 0.001% of the population

Trichromacy

#a864b5 Protanomaly 1% of men, 0.01% of women
#bf628d Deuteranomaly 6% of men, 0.4% of women
#fc3a66 Tritanomaly 0.01% of the population

#ff1f94 hex color

#ff1f94 Color Information

#ff1f94 Color Conversion

Color Schemes with #ff1f94

Alternatives to #ff1f94

#ff1f94 Preview

Shades and Tints of #ff1f94

Tones of #ff1f94

Color Blindness Simulator