#f21544 hex color

In a RGB color space, hex #f21544 is composed of 94.9% red, 8.2% green and 26.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 91.3% magenta, 71.9% yellow and 5.1% black. It has a hue angle of 347.2 degrees, a saturation of 89.5% and a lightness of 51.6%. #f21544 color hex could be obtained by blending #ff2a88 with #e50000. Closest websafe color is: #ff0033.

♥
- f
- t
- g
- R 95
- G 8
- B 27
RGB color chart
- C 0
- M 91
- Y 72
- K 5
CMYK color chart

● #f21544 color description : Vivid red.

The hexadecimal color #f21544 has RGB values of R:242, G:21, B:68 and CMYK values of C:0, M:0.91, Y:0.72, K:0.05. Its decimal value is 15865156.

Hex triplet	f21544	`#f21544`
RGB Decimal	242, 21, 68	`rgb(242,21,68)`
RGB Percent	94.9, 8.2, 26.7	`rgb(94.9%,8.2%,26.7%)`
CMYK	0, 91, 72, 5
HSL	347.2°, 89.5, 51.6	`hsl(347.2,89.5%,51.6%)`
HSV (or HSB)	347.2°, 91.3, 94.9
Web Safe	ff0033	`#ff0033`

CIE-LAB	51.651, 76.521, 35.391
XYZ	37.931, 19.836, 7.3
xyY	0.583, 0.305, 19.836
CIE-LCH	51.651, 84.309, 24.82
CIE-LUV	51.651, 152.237, 20.956
Hunter-Lab	44.537, 74.084, 21.458
Binary	11110010, 00010101, 01000100

#f21544
```
#f21544 rgb(242,21,68)
```
#15f2c3
```
#15f2c3 rgb(21,242,195)
```

Complementary Color

#f215b3
```
#f215b3 rgb(242,21,179)
```
#f21544
```
#f21544 rgb(242,21,68)
```
#f25515
```
#f25515 rgb(242,85,21)
```

Analogous Color

#15b3f2
```
#15b3f2 rgb(21,179,242)
```
#f21544
```
#f21544 rgb(242,21,68)
```
#15f255
```
#15f255 rgb(21,242,85)
```

Split Complementary Color

#1544f2
```
#1544f2 rgb(21,68,242)
```
#f21544
```
#f21544 rgb(242,21,68)
```
#44f215
```
#44f215 rgb(68,242,21)
```

Triadic Color

#c315f2
```
#c315f2 rgb(195,21,242)
```
#f21544
```
#f21544 rgb(242,21,68)
```
#44f215
```
#44f215 rgb(68,242,21)
```
#15f2c3
```
#15f2c3 rgb(21,242,195)
```

Tetradic Color

#b10a2d
```
#b10a2d rgb(177,10,45)
```
#c90b33
```
#c90b33 rgb(201,11,51)
```
#e10d3a
```
#e10d3a rgb(225,13,58)
```
#f21544
```
#f21544 rgb(242,21,68)
```
#f32d57
```
#f32d57 rgb(243,45,87)
```
#f5456b
```
#f5456b rgb(245,69,107)
```
#f65d7e
```
#f65d7e rgb(246,93,126)
```

Monochromatic Color

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

#f2157b
```
#f2157b rgb(242,21,123)
```
#f21569
```
#f21569 rgb(242,21,105)
```
#f21556
```
#f21556 rgb(242,21,86)
```
#f21544
```
#f21544 rgb(242,21,68)
```
#f21532
```
#f21532 rgb(242,21,50)
```
#f2151f
```
#f2151f rgb(242,21,31)
```
#f21d15
```
#f21d15 rgb(242,29,21)
```

Similar Colors

Text with hexadecimal color #f21544

This text has a font color of #f21544.

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

#f21544 background color

This paragraph has a background color of #f21544.

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

#f21544 border color

This element has a border color of #f21544.

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

CSS codes

.text {color:#f21544;}

.background {background-color:#f21544;}

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

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

#080002
```
#080002 rgb(8,0,2)
```
#1a0107
```
#1a0107 rgb(26,1,7)
```
#2d020b
```
#2d020b rgb(45,2,11)
```
#3f0410
```
#3f0410 rgb(63,4,16)
```
#520515
```
#520515 rgb(82,5,21)
```
#64061a
```
#64061a rgb(100,6,26)
```
#77071f
```
#77071f rgb(119,7,31)
```
#8a0823
```
#8a0823 rgb(138,8,35)
```
#9c0928
```
#9c0928 rgb(156,9,40)
```
#af0a2d
```
#af0a2d rgb(175,10,45)
```
#c10b32
```
#c10b32 rgb(193,11,50)
```
#d40c36
```
#d40c36 rgb(212,12,54)
```
#e70d3b
```
#e70d3b rgb(231,13,59)
```

Shade Color Variation

#f21544
```
#f21544 rgb(242,21,68)
```
#f32853
```
#f32853 rgb(243,40,83)
```
#f43a62
```
#f43a62 rgb(244,58,98)
```
#f54d71
```
#f54d71 rgb(245,77,113)
```
#f65f7f
```
#f65f7f rgb(246,95,127)
```
#f7728e
```
#f7728e rgb(247,114,142)
```
#f8849d
```
#f8849d rgb(248,132,157)
```
#f997ac
```
#f997ac rgb(249,151,172)
```
#faaabb
```
#faaabb rgb(250,170,187)
```
#fbbcca
```
#fbbcca rgb(251,188,202)
```
#fccfd9
```
#fccfd9 rgb(252,207,217)
```
#fde1e7
```
#fde1e7 rgb(253,225,231)
```
#fef4f6
```
#fef4f6 rgb(254,244,246)
```

Tint Color Variation

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

#8a7e80
```
#8a7e80 rgb(138,126,128)
```
#93747b
```
#93747b rgb(147,116,123)
```
#9d6b75
```
#9d6b75 rgb(157,107,117)
```
#a66170
```
#a66170 rgb(166,97,112)
```
#b0586a
```
#b0586a rgb(176,88,106)
```
#b94e65
```
#b94e65 rgb(185,78,101)
```
#c3455f
```
#c3455f rgb(195,69,95)
```
#cc3b5a
```
#cc3b5a rgb(204,59,90)
```
#d63254
```
#d63254 rgb(214,50,84)
```
#df284f
```
#df284f rgb(223,40,79)
```
#e91e49
```
#e91e49 rgb(233,30,73)
```
#f21544
```
#f21544 rgb(242,21,68)
```
#fc0c3f
```
#fc0c3f rgb(252,12,63)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#7a4e57 Atypical Achromatopsia 0.001% of the population

Dichromacy

#898169 Protanopia 1% of men
#9f7c3f Deuteranopia 1% of men
#f12b29 Tritanopia 0.001% of the population

Trichromacy

#af5a5b Protanomaly 1% of men, 0.01% of women
#bd5641 Deuteranomaly 6% of men, 0.4% of women
#f12332 Tritanomaly 0.01% of the population

#f21544 hex color

#f21544 Color Information

#f21544 Color Conversion

Color Schemes with #f21544

Alternatives to #f21544

#f21544 Preview

Shades and Tints of #f21544

Tones of #f21544

Color Blindness Simulator