#f22276 Color Information
In a RGB color space, hex #f22276 is composed of 94.9% red, 13.3% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 86% magenta, 51.2% yellow and 5.1% black. It has a hue angle of 335.8 degrees, a saturation of 88.9% and a lightness of 54.1%. #f22276 color hex could be obtained by blending #ff44ec with #e50000. Closest websafe color is: #ff3366.
-
- R 95
- G 13
- B 46
-
- C 0
- M 86
- Y 51
- K 5
● #f22276 color description : Vivid pink.
#f22276 Color Conversion
The hexadecimal color #f22276 has RGB values of R:242, G:34, B:118 and CMYK values of C:0, M:0.86, Y:0.51, K:0.05. Its decimal value is 15868534.
Hex triplet | f22276 | #f22276 |
---|---|---|
RGB Decimal | 242, 34, 118 | rgb(242,34,118) |
RGB Percent | 94.9, 13.3, 46.3 | rgb(94.9%,13.3%,46.3%) |
CMYK | 0, 86, 51, 5 | |
HSL | 335.8°, 88.9, 54.1 | hsl(335.8,88.9%,54.1%) |
HSV (or HSB) | 335.8°, 86, 94.9 | |
Web Safe | ff3366 | #ff3366 |
CIE-LAB | 53.313, 77.367, 7.497 |
---|---|
XYZ | 40.461, 21.334, 19.126 |
xyY | 0.5, 0.264, 21.334 |
CIE-LCH | 53.313, 77.729, 5.535 |
CIE-LUV | 53.313, 131.331, -6.117 |
Hunter-Lab | 46.189, 75.536, 7.781 |
Binary | 11110010, 00100010, 01110110 |
Color Schemes with #f22276
Alternatives to #f22276
Below, you can see some colors close to #f22276. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f22276 Preview
This text has a font color of #f22276.
<span style="color:#f22276;">Text here</span>
This paragraph has a background color of #f22276.
<p style="background-color:#f22276;">Content here</p>
This element has a border color of #f22276.
<div style="border:1px solid #f22276;">Content here</div>
.text {color:#f22276;}
.background {background-color:#f22276;}
.border {border:1px solid #f22276;}
Shades and Tints of #f22276
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, #010001 is the darkest color, while #feeef4 is the lightest one.
-
#010001
#010001
rgb(1,0,1)
-
#140109
#140109
rgb(20,1,9)
-
#260211
#260211
rgb(38,2,17)
-
#390319
#390319
rgb(57,3,25)
-
#4b0421
#4b0421
rgb(75,4,33)
-
#5e0629
#5e0629
rgb(94,6,41)
-
#700731
#700731
rgb(112,7,49)
-
#830839
#830839
rgb(131,8,57)
-
#960942
#960942
rgb(150,9,66)
-
#a80a4a
#a80a4a
rgb(168,10,74)
-
#bb0b52
#bb0b52
rgb(187,11,82)
-
#cd0c5a
#cd0c5a
rgb(205,12,90)
-
#e00d62
#e00d62
rgb(224,13,98)
-
#f10f6b
#f10f6b
rgb(241,15,107)
-
#f22276
#f22276
rgb(242,34,118)
-
#f33581
#f33581
rgb(243,53,129)
-
#f4478d
#f4478d
rgb(244,71,141)
-
#f55a98
#f55a98
rgb(245,90,152)
-
#f66ca4
#f66ca4
rgb(246,108,164)
-
#f77faf
#f77faf
rgb(247,127,175)
-
#f991bb
#f991bb
rgb(249,145,187)
-
#faa4c6
#faa4c6
rgb(250,164,198)
-
#fbb6d2
#fbb6d2
rgb(251,182,210)
-
#fcc9dd
#fcc9dd
rgb(252,201,221)
-
#fddbe9
#fddbe9
rgb(253,219,233)
-
#feeef4
#feeef4
rgb(254,238,244)
Tones of #f22276
A tone is produced by adding gray to any pure hue. In this case, #8f8589 is the less saturated color, while #fb1974 is the most saturated one.
-
#8f8589
#8f8589
rgb(143,133,137)
-
#987c87
#987c87
rgb(152,124,135)
-
#a17386
#a17386
rgb(161,115,134)
-
#aa6a84
#aa6a84
rgb(170,106,132)
-
#b36182
#b36182
rgb(179,97,130)
-
#bc5880
#bc5880
rgb(188,88,128)
-
#c54f7f
#c54f7f
rgb(197,79,127)
-
#ce467d
#ce467d
rgb(206,70,125)
-
#d73d7b
#d73d7b
rgb(215,61,123)
-
#e03479
#e03479
rgb(224,52,121)
-
#e92b78
#e92b78
rgb(233,43,120)
-
#f22276
#f22276
rgb(242,34,118)
-
#fb1974
#fb1974
rgb(251,25,116)
Color Blindness Simulator
Below, you can see how #f22276 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.