#f22258 Color Information
In a RGB color space, hex #f22258 is composed of 94.9% red, 13.3% green and 34.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 86% magenta, 63.6% yellow and 5.1% black. It has a hue angle of 344.4 degrees, a saturation of 88.9% and a lightness of 54.1%. #f22258 color hex could be obtained by blending #ff44b0 with #e50000. Closest websafe color is: #ff3366.
-
- R 95
- G 13
- B 35
-
- C 0
- M 86
- Y 64
- K 5
● #f22258 color description : Vivid pink.
#f22258 Color Conversion
The hexadecimal color #f22258 has RGB values of R:242, G:34, B:88 and CMYK values of C:0, M:0.86, Y:0.64, K:0.05. Its decimal value is 15868504.
Hex triplet | f22258 | #f22258 |
---|---|---|
RGB Decimal | 242, 34, 88 | rgb(242,34,88) |
RGB Percent | 94.9, 13.3, 34.5 | rgb(94.9%,13.3%,34.5%) |
CMYK | 0, 86, 64, 5 | |
HSL | 344.4°, 88.9, 54.1 | hsl(344.4,88.9%,54.1%) |
HSV (or HSB) | 344.4°, 86, 94.9 | |
Web Safe | ff3366 | #ff3366 |
CIE-LAB | 52.653, 75.477, 24.708 |
---|---|
XYZ | 38.953, 20.731, 11.182 |
xyY | 0.55, 0.293, 20.731 |
CIE-LCH | 52.653, 79.418, 18.126 |
CIE-LUV | 52.653, 142.713, 12.473 |
Hunter-Lab | 45.531, 73.033, 17.31 |
Binary | 11110010, 00100010, 01011000 |
Color Schemes with #f22258
Alternatives to #f22258
Below, you can see some colors close to #f22258. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f22258 Preview
This text has a font color of #f22258.
<span style="color:#f22258;">Text here</span>
This paragraph has a background color of #f22258.
<p style="background-color:#f22258;">Content here</p>
This element has a border color of #f22258.
<div style="border:1px solid #f22258;">Content here</div>
.text {color:#f22258;}
.background {background-color:#f22258;}
.border {border:1px solid #f22258;}
Shades and Tints of #f22258
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, #010000 is the darkest color, while #feeef2 is the lightest one.
-
#010000
#010000
rgb(1,0,0)
-
#140106
#140106
rgb(20,1,6)
-
#26020c
#26020c
rgb(38,2,12)
-
#390311
#390311
rgb(57,3,17)
-
#4b0417
#4b0417
rgb(75,4,23)
-
#5e061c
#5e061c
rgb(94,6,28)
-
#700722
#700722
rgb(112,7,34)
-
#830828
#830828
rgb(131,8,40)
-
#96092d
#96092d
rgb(150,9,45)
-
#a80a33
#a80a33
rgb(168,10,51)
-
#bb0b39
#bb0b39
rgb(187,11,57)
-
#cd0c3e
#cd0c3e
rgb(205,12,62)
-
#e00d44
#e00d44
rgb(224,13,68)
-
#f10f4a
#f10f4a
rgb(241,15,74)
-
#f22258
#f22258
rgb(242,34,88)
-
#f33566
#f33566
rgb(243,53,102)
-
#f44774
#f44774
rgb(244,71,116)
-
#f55a82
#f55a82
rgb(245,90,130)
-
#f66c90
#f66c90
rgb(246,108,144)
-
#f77f9e
#f77f9e
rgb(247,127,158)
-
#f991ac
#f991ac
rgb(249,145,172)
-
#faa4ba
#faa4ba
rgb(250,164,186)
-
#fbb6c8
#fbb6c8
rgb(251,182,200)
-
#fcc9d6
#fcc9d6
rgb(252,201,214)
-
#fddbe4
#fddbe4
rgb(253,219,228)
-
#feeef2
#feeef2
rgb(254,238,242)
Tones of #f22258
A tone is produced by adding gray to any pure hue. In this case, #8f8588 is the less saturated color, while #fb1954 is the most saturated one.
-
#8f8588
#8f8588
rgb(143,133,136)
-
#987c83
#987c83
rgb(152,124,131)
-
#a1737f
#a1737f
rgb(161,115,127)
-
#aa6a7b
#aa6a7b
rgb(170,106,123)
-
#b36176
#b36176
rgb(179,97,118)
-
#bc5872
#bc5872
rgb(188,88,114)
-
#c54f6e
#c54f6e
rgb(197,79,110)
-
#ce4669
#ce4669
rgb(206,70,105)
-
#d73d65
#d73d65
rgb(215,61,101)
-
#e03461
#e03461
rgb(224,52,97)
-
#e92b5c
#e92b5c
rgb(233,43,92)
-
#f22258
#f22258
rgb(242,34,88)
-
#fb1954
#fb1954
rgb(251,25,84)
Color Blindness Simulator
Below, you can see how #f22258 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.