#f21875 hex color

In a RGB color space, hex #f21875 is composed of 94.9% red, 9.4% green and 45.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 90.1% magenta, 51.7% yellow and 5.1% black. It has a hue angle of 334.4 degrees, a saturation of 89.3% and a lightness of 52.2%. #f21875 color hex could be obtained by blending #ff30ea with #e50000. Closest websafe color is: #ff0066.

♥
- f
- t
- g
- R 95
- G 9
- B 46
RGB color chart
- C 0
- M 90
- Y 52
- K 5
CMYK color chart

● #f21875 color description : Vivid pink.

The hexadecimal color #f21875 has RGB values of R:242, G:24, B:117 and CMYK values of C:0, M:0.9, Y:0.52, K:0.05. Its decimal value is 15865973.

Hex triplet	f21875	`#f21875`
RGB Decimal	242, 24, 117	`rgb(242,24,117)`
RGB Percent	94.9, 9.4, 45.9	`rgb(94.9%,9.4%,45.9%)`
CMYK	0, 90, 52, 5
HSL	334.4°, 89.3, 52.2	`hsl(334.4,89.3%,52.2%)`
HSV (or HSB)	334.4°, 90.1, 94.9
Web Safe	ff0066	`#ff0066`

CIE-LAB	52.751, 78.841, 7.301
XYZ	40.157, 20.82, 18.733
xyY	0.504, 0.261, 20.82
CIE-LCH	52.751, 79.179, 5.291
CIE-LUV	52.751, 133.883, -6.728
Hunter-Lab	45.628, 77.246, 7.598
Binary	11110010, 00011000, 01110101

#f21875
```
#f21875 rgb(242,24,117)
```
#18f295
```
#18f295 rgb(24,242,149)
```

Complementary Color

#f218e2
```
#f218e2 rgb(242,24,226)
```
#f21875
```
#f21875 rgb(242,24,117)
```
#f22818
```
#f22818 rgb(242,40,24)
```

Analogous Color

#18e2f2
```
#18e2f2 rgb(24,226,242)
```
#f21875
```
#f21875 rgb(242,24,117)
```
#18f228
```
#18f228 rgb(24,242,40)
```

Split Complementary Color

#1875f2
```
#1875f2 rgb(24,117,242)
```
#f21875
```
#f21875 rgb(242,24,117)
```
#75f218
```
#75f218 rgb(117,242,24)
```

Triadic Color

#9518f2
```
#9518f2 rgb(149,24,242)
```
#f21875
```
#f21875 rgb(242,24,117)
```
#75f218
```
#75f218 rgb(117,242,24)
```
#18f295
```
#18f295 rgb(24,242,149)
```

Tetradic Color

#b30a52
```
#b30a52 rgb(179,10,82)
```
#cc0b5d
```
#cc0b5d rgb(204,11,93)
```
#e40d68
```
#e40d68 rgb(228,13,104)
```
#f21875
```
#f21875 rgb(242,24,117)
```
#f33083
```
#f33083 rgb(243,48,131)
```
#f54892
```
#f54892 rgb(245,72,146)
```
#f660a0
```
#f660a0 rgb(246,96,160)
```

Monochromatic Color

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

#f218ac
```
#f218ac rgb(242,24,172)
```
#f21899
```
#f21899 rgb(242,24,153)
```
#f21887
```
#f21887 rgb(242,24,135)
```
#f21875
```
#f21875 rgb(242,24,117)
```
#f21863
```
#f21863 rgb(242,24,99)
```
#f21851
```
#f21851 rgb(242,24,81)
```
#f2183e
```
#f2183e rgb(242,24,62)
```

Similar Colors

Text with hexadecimal color #f21875

This text has a font color of #f21875.

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

#f21875 background color

This paragraph has a background color of #f21875.

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

#f21875 border color

This element has a border color of #f21875.

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

CSS codes

.text {color:#f21875;}

.background {background-color:#f21875;}

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

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

#0a0105
```
#0a0105 rgb(10,1,5)
```
#1d020d
```
#1d020d rgb(29,2,13)
```
#300316
```
#300316 rgb(48,3,22)
```
#42041e
```
#42041e rgb(66,4,30)
```
#550527
```
#550527 rgb(85,5,39)
```
#67062f
```
#67062f rgb(103,6,47)
```
#7a0738
```
#7a0738 rgb(122,7,56)
```
#8c0840
```
#8c0840 rgb(140,8,64)
```
#9f0949
```
#9f0949 rgb(159,9,73)
```
#b20a51
```
#b20a51 rgb(178,10,81)
```
#c40b5a
```
#c40b5a rgb(196,11,90)
```
#d70c63
```
#d70c63 rgb(215,12,99)
```
#e90d6b
```
#e90d6b rgb(233,13,107)
```

Shade Color Variation

#f21875
```
#f21875 rgb(242,24,117)
```
#f32b80
```
#f32b80 rgb(243,43,128)
```
#f43d8b
```
#f43d8b rgb(244,61,139)
```
#f55096
```
#f55096 rgb(245,80,150)
```
#f662a1
```
#f662a1 rgb(246,98,161)
```
#f775ac
```
#f775ac rgb(247,117,172)
```
#f887b8
```
#f887b8 rgb(248,135,184)
```
#f99ac3
```
#f99ac3 rgb(249,154,195)
```
#faadce
```
#faadce rgb(250,173,206)
```
#fbbfd9
```
#fbbfd9 rgb(251,191,217)
```
#fcd2e4
```
#fcd2e4 rgb(252,210,228)
```
#fde4ef
```
#fde4ef rgb(253,228,239)
```
#fff7fa
```
#fff7fa rgb(255,247,250)
```

Tint Color Variation

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

#8b7f84
```
#8b7f84 rgb(139,127,132)
```
#947683
```
#947683 rgb(148,118,131)
```
#9e6c81
```
#9e6c81 rgb(158,108,129)
```
#a76380
```
#a76380 rgb(167,99,128)
```
#b05a7f
```
#b05a7f rgb(176,90,127)
```
#ba507d
```
#ba507d rgb(186,80,125)
```
#c3477c
```
#c3477c rgb(195,71,124)
```
#cc3e7b
```
#cc3e7b rgb(204,62,123)
```
#d63479
```
#d63479 rgb(214,52,121)
```
#df2b78
```
#df2b78 rgb(223,43,120)
```
#e92176
```
#e92176 rgb(233,33,118)
```
#f21875
```
#f21875 rgb(242,24,117)
```
#fb0f74
```
#fb0f74 rgb(251,15,116)
```

Tone Color Variation

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

#646464 Achromatopsia 0.005% of the population
#805567 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7b83a4 Protanopia 1% of men
#987f6e Deuteranopia 1% of men
#ef3c3d Tritanopia 0.001% of the population

Trichromacy

#a65c93 Protanomaly 1% of men, 0.01% of women
#b95a70 Deuteranomaly 6% of men, 0.4% of women
#f02f51 Tritanomaly 0.01% of the population

#f21875 hex color

#f21875 Color Information

#f21875 Color Conversion

Color Schemes with #f21875

Alternatives to #f21875

#f21875 Preview

Shades and Tints of #f21875

Tones of #f21875

Color Blindness Simulator