#f21480 hex color

In a RGB color space, hex #f21480 is composed of 94.9% red, 7.8% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 91.7% magenta, 47.1% yellow and 5.1% black. It has a hue angle of 330.8 degrees, a saturation of 89.5% and a lightness of 51.4%. #f21480 color hex could be obtained by blending #ff28ff with #e50001. Closest websafe color is: #ff0099.

♥
- f
- t
- g
- R 95
- G 8
- B 50
RGB color chart
- C 0
- M 92
- Y 47
- K 5
CMYK color chart

● #f21480 color description : Vivid pink.

The hexadecimal color #f21480 has RGB values of R:242, G:20, B:128 and CMYK values of C:0, M:0.92, Y:0.47, K:0.05. Its decimal value is 15864960.

Hex triplet	f21480	`#f21480`
RGB Decimal	242, 20, 128	`rgb(242,20,128)`
RGB Percent	94.9, 7.8, 50.2	`rgb(94.9%,7.8%,50.2%)`
CMYK	0, 92, 47, 5
HSL	330.8°, 89.5, 51.4	`hsl(330.8,89.5%,51.4%)`
HSV (or HSB)	330.8°, 91.7, 94.9
Web Safe	ff0099	`#ff0099`

CIE-LAB	52.885, 80.154, 0.847
XYZ	40.766, 20.941, 22.316
xyY	0.485, 0.249, 20.941
CIE-LCH	52.885, 80.159, 0.606
CIE-LUV	52.885, 129.749, -14.815
Hunter-Lab	45.761, 78.933, 3.119
Binary	11110010, 00010100, 10000000

#f21480
```
#f21480 rgb(242,20,128)
```
#14f286
```
#14f286 rgb(20,242,134)
```

Complementary Color

#f214ef
```
#f214ef rgb(242,20,239)
```
#f21480
```
#f21480 rgb(242,20,128)
```
#f21714
```
#f21714 rgb(242,23,20)
```

Analogous Color

#14eff2
```
#14eff2 rgb(20,239,242)
```
#f21480
```
#f21480 rgb(242,20,128)
```
#14f217
```
#14f217 rgb(20,242,23)
```

Split Complementary Color

#1480f2
```
#1480f2 rgb(20,128,242)
```
#f21480
```
#f21480 rgb(242,20,128)
```
#80f214
```
#80f214 rgb(128,242,20)
```

Triadic Color

#8614f2
```
#8614f2 rgb(134,20,242)
```
#f21480
```
#f21480 rgb(242,20,128)
```
#80f214
```
#80f214 rgb(128,242,20)
```
#14f286
```
#14f286 rgb(20,242,134)
```

Tetradic Color

#b00a5b
```
#b00a5b rgb(176,10,91)
```
#c80b67
```
#c80b67 rgb(200,11,103)
```
#e00c73
```
#e00c73 rgb(224,12,115)
```
#f21480
```
#f21480 rgb(242,20,128)
```
#f32c8d
```
#f32c8d rgb(243,44,141)
```
#f5449a
```
#f5449a rgb(245,68,154)
```
#f65ca7
```
#f65ca7 rgb(246,92,167)
```

Monochromatic Color

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

#f214b8
```
#f214b8 rgb(242,20,184)
```
#f214a5
```
#f214a5 rgb(242,20,165)
```
#f21493
```
#f21493 rgb(242,20,147)
```
#f21480
```
#f21480 rgb(242,20,128)
```
#f2146e
```
#f2146e rgb(242,20,110)
```
#f2145b
```
#f2145b rgb(242,20,91)
```
#f21449
```
#f21449 rgb(242,20,73)
```

Similar Colors

Text with hexadecimal color #f21480

This text has a font color of #f21480.

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

#f21480 background color

This paragraph has a background color of #f21480.

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

#f21480 border color

This element has a border color of #f21480.

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

CSS codes

.text {color:#f21480;}

.background {background-color:#f21480;}

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

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

#070003
```
#070003 rgb(7,0,3)
```
#19010d
```
#19010d rgb(25,1,13)
```
#2c0217
```
#2c0217 rgb(44,2,23)
```
#3e0320
```
#3e0320 rgb(62,3,32)
```
#51042a
```
#51042a rgb(81,4,42)
```
#640633
```
#640633 rgb(100,6,51)
```
#76073d
```
#76073d rgb(118,7,61)
```
#890846
```
#890846 rgb(137,8,70)
```
#9b0950
```
#9b0950 rgb(155,9,80)
```
#ae0a5a
```
#ae0a5a rgb(174,10,90)
```
#c10b63
```
#c10b63 rgb(193,11,99)
```
#d30c6d
```
#d30c6d rgb(211,12,109)
```
#e60d76
```
#e60d76 rgb(230,13,118)
```

Shade Color Variation

#f21480
```
#f21480 rgb(242,20,128)
```
#f3278a
```
#f3278a rgb(243,39,138)
```
#f43994
```
#f43994 rgb(244,57,148)
```
#f54c9e
```
#f54c9e rgb(245,76,158)
```
#f65ea8
```
#f65ea8 rgb(246,94,168)
```
#f771b2
```
#f771b2 rgb(247,113,178)
```
#f884bc
```
#f884bc rgb(248,132,188)
```
#f996c6
```
#f996c6 rgb(249,150,198)
```
#faa9d0
```
#faa9d0 rgb(250,169,208)
```
#fbbbda
```
#fbbbda rgb(251,187,218)
```
#fccee4
```
#fccee4 rgb(252,206,228)
```
#fde0ee
```
#fde0ee rgb(253,224,238)
```
#fef3f9
```
#fef3f9 rgb(254,243,249)
```

Tint Color Variation

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

#897d83
```
#897d83 rgb(137,125,131)
```
#937383
```
#937383 rgb(147,115,131)
```
#9c6a82
```
#9c6a82 rgb(156,106,130)
```
#a66082
```
#a66082 rgb(166,96,130)
```
#af5782
```
#af5782 rgb(175,87,130)
```
#b94d82
```
#b94d82 rgb(185,77,130)
```
#c24481
```
#c24481 rgb(194,68,129)
```
#cc3a81
```
#cc3a81 rgb(204,58,129)
```
#d53181
```
#d53181 rgb(213,49,129)
```
#df2781
```
#df2781 rgb(223,39,129)
```
#e81e80
```
#e81e80 rgb(232,30,128)
```
#f21480
```
#f21480 rgb(242,20,128)
```
#fc0a80
```
#fc0a80 rgb(252,10,128)
```

Tone Color Variation

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

#636363 Achromatopsia 0.005% of the population
#805369 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7583b2 Protanopia 1% of men
#958078 Deuteranopia 1% of men
#ef3e40 Tritanopia 0.001% of the population

Trichromacy

#a35aa0 Protanomaly 1% of men, 0.01% of women
#b7597b Deuteranomaly 6% of men, 0.4% of women
#f02f57 Tritanomaly 0.01% of the population

#f21480 hex color

#f21480 Color Information

#f21480 Color Conversion

Color Schemes with #f21480

Alternatives to #f21480

#f21480 Preview

Shades and Tints of #f21480

Tones of #f21480

Color Blindness Simulator