#f20676 Color Information
In a RGB color space, hex #f20676 is composed of 94.9% red, 2.4% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 97.5% magenta, 51.2% yellow and 5.1% black. It has a hue angle of 331.5 degrees, a saturation of 95.2% and a lightness of 48.6%. #f20676 color hex could be obtained by blending #ff0cec with #e50000. Closest websafe color is: #ff0066.
-
- R 95
- G 2
- B 46
-
- C 0
- M 98
- Y 51
- K 5
● #f20676 color description : Vivid pink.
#f20676 Color Conversion
The hexadecimal color #f20676 has RGB values of R:242, G:6, B:118 and CMYK values of C:0, M:0.98, Y:0.51, K:0.05. Its decimal value is 15861366.
Hex triplet | f20676 | #f20676 |
---|---|---|
RGB Decimal | 242, 6, 118 | rgb(242,6,118) |
RGB Percent | 94.9, 2.4, 46.3 | rgb(94.9%,2.4%,46.3%) |
CMYK | 0, 98, 51, 5 | |
HSL | 331.5°, 95.2, 48.6 | hsl(331.5,95.2%,48.6%) |
HSV (or HSB) | 331.5°, 97.5, 94.9 | |
Web Safe | ff0066 | #ff0066 |
CIE-LAB | 52.197, 80.598, 5.904 |
---|---|
XYZ | 39.955, 20.32, 18.957 |
xyY | 0.504, 0.256, 20.32 |
CIE-LCH | 52.197, 80.814, 4.19 |
CIE-LUV | 52.197, 135.771, -8.811 |
Hunter-Lab | 45.078, 79.326, 6.621 |
Binary | 11110010, 00000110, 01110110 |
Color Schemes with #f20676
Alternatives to #f20676
Below, you can see some colors close to #f20676. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f20676 Preview
This text has a font color of #f20676.
<span style="color:#f20676;">Text here</span>
This paragraph has a background color of #f20676.
<p style="background-color:#f20676;">Content here</p>
This element has a border color of #f20676.
<div style="border:1px solid #f20676;">Content here</div>
.text {color:#f20676;}
.background {background-color:#f20676;}
.border {border:1px solid #f20676;}
Shades and Tints of #f20676
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, #0c0006 is the darkest color, while #fff8fb is the lightest one.
-
#0c0006
#0c0006
rgb(12,0,6)
-
#1f010f
#1f010f
rgb(31,1,15)
-
#330119
#330119
rgb(51,1,25)
-
#460222
#460222
rgb(70,2,34)
-
#59022b
#59022b
rgb(89,2,43)
-
#6c0335
#6c0335
rgb(108,3,53)
-
#7f033e
#7f033e
rgb(127,3,62)
-
#920447
#920447
rgb(146,4,71)
-
#a50451
#a50451
rgb(165,4,81)
-
#b9055a
#b9055a
rgb(185,5,90)
-
#cc0563
#cc0563
rgb(204,5,99)
-
#df066d
#df066d
rgb(223,6,109)
-
#f20676
#f20676
rgb(242,6,118)
-
#f91280
#f91280
rgb(249,18,128)
-
#fa268a
#fa268a
rgb(250,38,138)
-
#fa3995
#fa3995
rgb(250,57,149)
-
#fb4c9f
#fb4c9f
rgb(251,76,159)
-
#fb5fa9
#fb5fa9
rgb(251,95,169)
-
#fc72b3
#fc72b3
rgb(252,114,179)
-
#fc85be
#fc85be
rgb(252,133,190)
-
#fc98c8
#fc98c8
rgb(252,152,200)
-
#fdacd2
#fdacd2
rgb(253,172,210)
-
#fdbfdc
#fdbfdc
rgb(253,191,220)
-
#fed2e7
#fed2e7
rgb(254,210,231)
-
#fee5f1
#fee5f1
rgb(254,229,241)
-
#fff8fb
#fff8fb
rgb(255,248,251)
Tones of #f20676
A tone is produced by adding gray to any pure hue. In this case, #80787c is the less saturated color, while #f20676 is the most saturated one.
-
#80787c
#80787c
rgb(128,120,124)
-
#896f7b
#896f7b
rgb(137,111,123)
-
#93657b
#93657b
rgb(147,101,123)
-
#9c5c7a
#9c5c7a
rgb(156,92,122)
-
#a6527a
#a6527a
rgb(166,82,122)
-
#af4979
#af4979
rgb(175,73,121)
-
#b93f79
#b93f79
rgb(185,63,121)
-
#c23678
#c23678
rgb(194,54,120)
-
#cc2c78
#cc2c78
rgb(204,44,120)
-
#d52377
#d52377
rgb(213,35,119)
-
#df1977
#df1977
rgb(223,25,119)
-
#e81076
#e81076
rgb(232,16,118)
-
#f20676
#f20676
rgb(242,6,118)
Color Blindness Simulator
Below, you can see how #f20676 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.