#f22286 Color Information
In a RGB color space, hex #f22286 is composed of 94.9% red, 13.3% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 86% magenta, 44.6% yellow and 5.1% black. It has a hue angle of 331.2 degrees, a saturation of 88.9% and a lightness of 54.1%. #f22286 color hex could be obtained by blending #ff44ff with #e5000d. Closest websafe color is: #ff3399.
-
- R 95
- G 13
- B 53
-
- C 0
- M 86
- Y 45
- K 5
● #f22286 color description : Vivid pink.
#f22286 Color Conversion
The hexadecimal color #f22286 has RGB values of R:242, G:34, B:134 and CMYK values of C:0, M:0.86, Y:0.45, K:0.05. Its decimal value is 15868550.
Hex triplet | f22286 | #f22286 |
---|---|---|
RGB Decimal | 242, 34, 134 | rgb(242,34,134) |
RGB Percent | 94.9, 13.3, 52.5 | rgb(94.9%,13.3%,52.5%) |
CMYK | 0, 86, 45, 5 | |
HSL | 331.2°, 88.9, 54.1 | hsl(331.2,88.9%,54.1%) |
HSV (or HSB) | 331.2°, 86, 94.9 | |
Web Safe | ff3399 | #ff3399 |
CIE-LAB | 53.758, 78.624, -1.483 |
---|---|
XYZ | 41.494, 21.747, 24.566 |
xyY | 0.473, 0.248, 21.747 |
CIE-LCH | 53.758, 78.638, 358.919 |
CIE-LUV | 53.758, 124.526, -17.414 |
Hunter-Lab | 46.634, 77.218, 1.411 |
Binary | 11110010, 00100010, 10000110 |
Color Schemes with #f22286
Alternatives to #f22286
Below, you can see some colors close to #f22286. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f22286 Preview
This text has a font color of #f22286.
<span style="color:#f22286;">Text here</span>
This paragraph has a background color of #f22286.
<p style="background-color:#f22286;">Content here</p>
This element has a border color of #f22286.
<div style="border:1px solid #f22286;">Content here</div>
.text {color:#f22286;}
.background {background-color:#f22286;}
.border {border:1px solid #f22286;}
Shades and Tints of #f22286
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 #feeef6 is the lightest one.
-
#010001
#010001
rgb(1,0,1)
-
#14010a
#14010a
rgb(20,1,10)
-
#260214
#260214
rgb(38,2,20)
-
#39031d
#39031d
rgb(57,3,29)
-
#4b0427
#4b0427
rgb(75,4,39)
-
#5e0630
#5e0630
rgb(94,6,48)
-
#70073a
#70073a
rgb(112,7,58)
-
#830843
#830843
rgb(131,8,67)
-
#96094c
#96094c
rgb(150,9,76)
-
#a80a56
#a80a56
rgb(168,10,86)
-
#bb0b5f
#bb0b5f
rgb(187,11,95)
-
#cd0c69
#cd0c69
rgb(205,12,105)
-
#e00d72
#e00d72
rgb(224,13,114)
-
#f10f7c
#f10f7c
rgb(241,15,124)
-
#f22286
#f22286
rgb(242,34,134)
-
#f33590
#f33590
rgb(243,53,144)
-
#f4479a
#f4479a
rgb(244,71,154)
-
#f55aa4
#f55aa4
rgb(245,90,164)
-
#f66caf
#f66caf
rgb(246,108,175)
-
#f77fb9
#f77fb9
rgb(247,127,185)
-
#f991c3
#f991c3
rgb(249,145,195)
-
#faa4cd
#faa4cd
rgb(250,164,205)
-
#fbb6d7
#fbb6d7
rgb(251,182,215)
-
#fcc9e1
#fcc9e1
rgb(252,201,225)
-
#fddbeb
#fddbeb
rgb(253,219,235)
-
#feeef6
#feeef6
rgb(254,238,246)
Tones of #f22286
A tone is produced by adding gray to any pure hue. In this case, #8f858a is the less saturated color, while #fb1986 is the most saturated one.
-
#8f858a
#8f858a
rgb(143,133,138)
-
#987c89
#987c89
rgb(152,124,137)
-
#a17389
#a17389
rgb(161,115,137)
-
#aa6a89
#aa6a89
rgb(170,106,137)
-
#b36188
#b36188
rgb(179,97,136)
-
#bc5888
#bc5888
rgb(188,88,136)
-
#c54f88
#c54f88
rgb(197,79,136)
-
#ce4687
#ce4687
rgb(206,70,135)
-
#d73d87
#d73d87
rgb(215,61,135)
-
#e03487
#e03487
rgb(224,52,135)
-
#e92b86
#e92b86
rgb(233,43,134)
-
#f22286
#f22286
rgb(242,34,134)
-
#fb1986
#fb1986
rgb(251,25,134)
Color Blindness Simulator
Below, you can see how #f22286 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.