#f21a5d hex color

In a RGB color space, hex #f21a5d is composed of 94.9% red, 10.2% green and 36.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 89.3% magenta, 61.6% yellow and 5.1% black. It has a hue angle of 341.4 degrees, a saturation of 89.3% and a lightness of 52.5%. #f21a5d color hex could be obtained by blending #ff34ba with #e50000. Closest websafe color is: #ff3366.

♥
- f
- t
- g
- R 95
- G 10
- B 36
RGB color chart
- C 0
- M 89
- Y 62
- K 5
CMYK color chart

● #f21a5d color description : Vivid pink.

The hexadecimal color #f21a5d has RGB values of R:242, G:26, B:93 and CMYK values of C:0, M:0.89, Y:0.62, K:0.05. Its decimal value is 15866461.

Hex triplet	f21a5d	`#f21a5d`
RGB Decimal	242, 26, 93	`rgb(242,26,93)`
RGB Percent	94.9, 10.2, 36.5	`rgb(94.9%,10.2%,36.5%)`
CMYK	0, 89, 62, 5
HSL	341.4°, 89.3, 52.5	`hsl(341.4,89.3%,52.5%)`
HSV (or HSB)	341.4°, 89.3, 94.9
Web Safe	ff3366	`#ff3366`

CIE-LAB	52.299, 77.042, 21.223
XYZ	38.965, 20.411, 12.243
xyY	0.544, 0.285, 20.411
CIE-LCH	52.299, 79.912, 15.402
CIE-LUV	52.299, 142.991, 8.654
Hunter-Lab	45.179, 74.887, 15.557
Binary	11110010, 00011010, 01011101

#f21a5d
```
#f21a5d rgb(242,26,93)
```
#1af2af
```
#1af2af rgb(26,242,175)
```

Complementary Color

#f21ac9
```
#f21ac9 rgb(242,26,201)
```
#f21a5d
```
#f21a5d rgb(242,26,93)
```
#f2431a
```
#f2431a rgb(242,67,26)
```

Analogous Color

#1ac9f2
```
#1ac9f2 rgb(26,201,242)
```
#f21a5d
```
#f21a5d rgb(242,26,93)
```
#1af243
```
#1af243 rgb(26,242,67)
```

Split Complementary Color

#1a5df2
```
#1a5df2 rgb(26,93,242)
```
#f21a5d
```
#f21a5d rgb(242,26,93)
```
#5df21a
```
#5df21a rgb(93,242,26)
```

Triadic Color

#af1af2
```
#af1af2 rgb(175,26,242)
```
#f21a5d
```
#f21a5d rgb(242,26,93)
```
#5df21a
```
#5df21a rgb(93,242,26)
```
#1af2af
```
#1af2af rgb(26,242,175)
```

Tetradic Color

#b50a3f
```
#b50a3f rgb(181,10,63)
```
#cd0c48
```
#cd0c48 rgb(205,12,72)
```
#e50d50
```
#e50d50 rgb(229,13,80)
```
#f21a5d
```
#f21a5d rgb(242,26,93)
```
#f3326e
```
#f3326e rgb(243,50,110)
```
#f54a7f
```
#f54a7f rgb(245,74,127)
```
#f66290
```
#f66290 rgb(246,98,144)
```

Monochromatic Color

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

#f21a93
```
#f21a93 rgb(242,26,147)
```
#f21a81
```
#f21a81 rgb(242,26,129)
```
#f21a6f
```
#f21a6f rgb(242,26,111)
```
#f21a5d
```
#f21a5d rgb(242,26,93)
```
#f21a4b
```
#f21a4b rgb(242,26,75)
```
#f21a39
```
#f21a39 rgb(242,26,57)
```
#f21a27
```
#f21a27 rgb(242,26,39)
```

Similar Colors

Text with hexadecimal color #f21a5d

This text has a font color of #f21a5d.

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

#f21a5d background color

This paragraph has a background color of #f21a5d.

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

#f21a5d border color

This element has a border color of #f21a5d.

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

CSS codes

.text {color:#f21a5d;}

.background {background-color:#f21a5d;}

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

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

#0c0104
```
#0c0104 rgb(12,1,4)
```
#1f020b
```
#1f020b rgb(31,2,11)
```
#310311
```
#310311 rgb(49,3,17)
```
#440418
```
#440418 rgb(68,4,24)
```
#57051e
```
#57051e rgb(87,5,30)
```
#690625
```
#690625 rgb(105,6,37)
```
#7c072b
```
#7c072b rgb(124,7,43)
```
#8e0832
```
#8e0832 rgb(142,8,50)
```
#a10938
```
#a10938 rgb(161,9,56)
```
#b30a3f
```
#b30a3f rgb(179,10,63)
```
#c60b45
```
#c60b45 rgb(198,11,69)
```
#d80c4c
```
#d80c4c rgb(216,12,76)
```
#eb0d52
```
#eb0d52 rgb(235,13,82)
```

Shade Color Variation

#f21a5d
```
#f21a5d rgb(242,26,93)
```
#f32d6a
```
#f32d6a rgb(243,45,106)
```
#f43f77
```
#f43f77 rgb(244,63,119)
```
#f55284
```
#f55284 rgb(245,82,132)
```
#f66492
```
#f66492 rgb(246,100,146)
```
#f7779f
```
#f7779f rgb(247,119,159)
```
#f889ac
```
#f889ac rgb(248,137,172)
```
#f99cb9
```
#f99cb9 rgb(249,156,185)
```
#faaec6
```
#faaec6 rgb(250,174,198)
```
#fbc1d3
```
#fbc1d3 rgb(251,193,211)
```
#fdd4e0
```
#fdd4e0 rgb(253,212,224)
```
#fee6ed
```
#fee6ed rgb(254,230,237)
```
#fff9fb
```
#fff9fb rgb(255,249,251)
```

Tint Color Variation

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

#8c8084
```
#8c8084 rgb(140,128,132)
```
#957780
```
#957780 rgb(149,119,128)
```
#9e6e7d
```
#9e6e7d rgb(158,110,125)
```
#a86479
```
#a86479 rgb(168,100,121)
```
#b15b76
```
#b15b76 rgb(177,91,118)
```
#ba5272
```
#ba5272 rgb(186,82,114)
```
#c3496f
```
#c3496f rgb(195,73,111)
```
#cd3f6b
```
#cd3f6b rgb(205,63,107)
```
#d63668
```
#d63668 rgb(214,54,104)
```
#df2d64
```
#df2d64 rgb(223,45,100)
```
#e92361
```
#e92361 rgb(233,35,97)
```
#f21a5d
```
#f21a5d rgb(242,26,93)
```
#fb1159
```
#fb1159 rgb(251,17,89)
```

Tone Color Variation

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

#626262 Achromatopsia 0.005% of the population
#7f5461 Atypical Achromatopsia 0.001% of the population

Dichromacy

#848286 Protanopia 1% of men
#9d7e58 Deuteranopia 1% of men
#f03535 Tritanopia 0.001% of the population

Trichromacy

#ac5c77 Protanomaly 1% of men, 0.01% of women
#bb5959 Deuteranomaly 6% of men, 0.4% of women
#f12b43 Tritanomaly 0.01% of the population

#f21a5d hex color

#f21a5d Color Information

#f21a5d Color Conversion

Color Schemes with #f21a5d

Alternatives to #f21a5d

#f21a5d Preview

Shades and Tints of #f21a5d

Tones of #f21a5d

Color Blindness Simulator