#f21063 hex color

In a RGB color space, hex #f21063 is composed of 94.9% red, 6.3% green and 38.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 93.4% magenta, 59.1% yellow and 5.1% black. It has a hue angle of 338 degrees, a saturation of 89.7% and a lightness of 50.6%. #f21063 color hex could be obtained by blending #ff20c6 with #e50000. Closest websafe color is: #ff0066.

♥
- f
- t
- g
- R 95
- G 6
- B 39
RGB color chart
- C 0
- M 93
- Y 59
- K 5
CMYK color chart

● #f21063 color description : Vivid pink.

The hexadecimal color #f21063 has RGB values of R:242, G:16, B:99 and CMYK values of C:0, M:0.93, Y:0.59, K:0.05. Its decimal value is 15863907.

Hex triplet	f21063	`#f21063`
RGB Decimal	242, 16, 99	`rgb(242,16,99)`
RGB Percent	94.9, 6.3, 38.8	`rgb(94.9%,6.3%,38.8%)`
CMYK	0, 93, 59, 5
HSL	338°, 89.7, 50.6	`hsl(338,89.7%,50.6%)`
HSV (or HSB)	338°, 93.4, 94.9
Web Safe	ff0066	`#ff0066`

CIE-LAB	52.01, 78.579, 17.193
XYZ	39.057, 20.153, 13.637
xyY	0.536, 0.277, 20.153
CIE-LCH	52.01, 80.438, 12.342
CIE-LUV	52.01, 142.559, 4.156
Hunter-Lab	44.893, 76.735, 13.414
Binary	11110010, 00010000, 01100011

#f21063
```
#f21063 rgb(242,16,99)
```
#10f29f
```
#10f29f rgb(16,242,159)
```

Complementary Color

#f210d4
```
#f210d4 rgb(242,16,212)
```
#f21063
```
#f21063 rgb(242,16,99)
```
#f22e10
```
#f22e10 rgb(242,46,16)
```

Analogous Color

#10d4f2
```
#10d4f2 rgb(16,212,242)
```
#f21063
```
#f21063 rgb(242,16,99)
```
#10f22e
```
#10f22e rgb(16,242,46)
```

Split Complementary Color

#1063f2
```
#1063f2 rgb(16,99,242)
```
#f21063
```
#f21063 rgb(242,16,99)
```
#63f210
```
#63f210 rgb(99,242,16)
```

Triadic Color

#9f10f2
```
#9f10f2 rgb(159,16,242)
```
#f21063
```
#f21063 rgb(242,16,99)
```
#63f210
```
#63f210 rgb(99,242,16)
```
#10f29f
```
#10f29f rgb(16,242,159)
```

Tetradic Color

#ac0945
```
#ac0945 rgb(172,9,69)
```
#c40b4f
```
#c40b4f rgb(196,11,79)
```
#dd0c59
```
#dd0c59 rgb(221,12,89)
```
#f21063
```
#f21063 rgb(242,16,99)
```
#f32873
```
#f32873 rgb(243,40,115)
```
#f54083
```
#f54083 rgb(245,64,131)
```
#f65992
```
#f65992 rgb(246,89,146)
```

Monochromatic Color

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

#f2109c
```
#f2109c rgb(242,16,156)
```
#f21089
```
#f21089 rgb(242,16,137)
```
#f21076
```
#f21076 rgb(242,16,118)
```
#f21063
```
#f21063 rgb(242,16,99)
```
#f21050
```
#f21050 rgb(242,16,80)
```
#f2103d
```
#f2103d rgb(242,16,61)
```
#f2102b
```
#f2102b rgb(242,16,43)
```

Similar Colors

Text with hexadecimal color #f21063

This text has a font color of #f21063.

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

#f21063 background color

This paragraph has a background color of #f21063.

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

#f21063 border color

This element has a border color of #f21063.

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

CSS codes

.text {color:#f21063;}

.background {background-color:#f21063;}

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

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

#030001
```
#030001 rgb(3,0,1)
```
#150109
```
#150109 rgb(21,1,9)
```
#280210
```
#280210 rgb(40,2,16)
```
#3b0318
```
#3b0318 rgb(59,3,24)
```
#4d041f
```
#4d041f rgb(77,4,31)
```
#600527
```
#600527 rgb(96,5,39)
```
#72062e
```
#72062e rgb(114,6,46)
```
#850735
```
#850735 rgb(133,7,53)
```
#98083d
```
#98083d rgb(152,8,61)
```
#aa0944
```
#aa0944 rgb(170,9,68)
```
#bd0a4c
```
#bd0a4c rgb(189,10,76)
```
#cf0b53
```
#cf0b53 rgb(207,11,83)
```
#e20c5b
```
#e20c5b rgb(226,12,91)
```

Shade Color Variation

#f21063
```
#f21063 rgb(242,16,99)
```
#f3236f
```
#f3236f rgb(243,35,111)
```
#f4357b
```
#f4357b rgb(244,53,123)
```
#f54887
```
#f54887 rgb(245,72,135)
```
#f65a94
```
#f65a94 rgb(246,90,148)
```
#f76da0
```
#f76da0 rgb(247,109,160)
```
#f880ac
```
#f880ac rgb(248,128,172)
```
#f992b8
```
#f992b8 rgb(249,146,184)
```
#faa5c4
```
#faa5c4 rgb(250,165,196)
```
#fbb7d0
```
#fbb7d0 rgb(251,183,208)
```
#fccadc
```
#fccadc rgb(252,202,220)
```
#fddde9
```
#fddde9 rgb(253,221,233)
```
#feeff5
```
#feeff5 rgb(254,239,245)
```

Tint Color Variation

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

#877b7f
```
#877b7f rgb(135,123,127)
```
#91717d
```
#91717d rgb(145,113,125)
```
#9b677a
```
#9b677a rgb(155,103,122)
```
#a45e78
```
#a45e78 rgb(164,94,120)
```
#ae5475
```
#ae5475 rgb(174,84,117)
```
#b84a72
```
#b84a72 rgb(184,74,114)
```
#c24070
```
#c24070 rgb(194,64,112)
```
#cb376d
```
#cb376d rgb(203,55,109)
```
#d52d6b
```
#d52d6b rgb(213,45,107)
```
#df2368
```
#df2368 rgb(223,35,104)
```
#e81a66
```
#e81a66 rgb(232,26,102)
```
#f21063
```
#f21063 rgb(242,16,99)
```
#fc0660
```
#fc0660 rgb(252,6,96)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#7b4e5e Atypical Achromatopsia 0.001% of the population

Dichromacy

#81818f Protanopia 1% of men
#9a7d5d Deuteranopia 1% of men
#f03332 Tritanopia 0.001% of the population

Trichromacy

#aa587f Protanomaly 1% of men, 0.01% of women
#ba555f Deuteranomaly 6% of men, 0.4% of women
#f12644 Tritanomaly 0.01% of the population

#f21063 hex color

#f21063 Color Information

#f21063 Color Conversion

Color Schemes with #f21063

Alternatives to #f21063

#f21063 Preview

Shades and Tints of #f21063

Tones of #f21063

Color Blindness Simulator