#f31456 Color Information
In a RGB color space, hex #f31456 is composed of 95.3% red, 7.8% green and 33.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 91.8% magenta, 64.6% yellow and 4.7% black. It has a hue angle of 342.2 degrees, a saturation of 90.3% and a lightness of 51.6%. #f31456 color hex could be obtained by blending #ff28ac with #e70000. Closest websafe color is: #ff0066.
-
- R 95
- G 8
- B 34
-
- C 0
- M 92
- Y 65
- K 5
● #f31456 color description : Vivid pink.
#f31456 Color Conversion
The hexadecimal color #f31456 has RGB values of R:243, G:20, B:86 and CMYK values of C:0, M:0.92, Y:0.65, K:0.05. Its decimal value is 15930454.
Hex triplet | f31456 | #f31456 |
---|---|---|
RGB Decimal | 243, 20, 86 | rgb(243,20,86) |
RGB Percent | 95.3, 7.8, 33.7 | rgb(95.3%,7.8%,33.7%) |
CMYK | 0, 92, 65, 5 | |
HSL | 342.2°, 90.3, 51.6 | hsl(342.2,90.3%,51.6%) |
HSV (or HSB) | 342.2°, 91.8, 95.3 | |
Web Safe | ff0066 | #ff0066 |
CIE-LAB | 52.098, 77.681, 25.23 |
---|---|
XYZ | 38.894, 20.232, 10.661 |
xyY | 0.557, 0.29, 20.232 |
CIE-LCH | 52.098, 81.676, 17.993 |
CIE-LUV | 52.098, 147.474, 12.235 |
Hunter-Lab | 44.98, 75.634, 17.433 |
Binary | 11110011, 00010100, 01010110 |
Color Schemes with #f31456
Alternatives to #f31456
Below, you can see some colors close to #f31456. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f31456 Preview
This text has a font color of #f31456.
<span style="color:#f31456;">Text here</span>
This paragraph has a background color of #f31456.
<p style="background-color:#f31456;">Content here</p>
This element has a border color of #f31456.
<div style="border:1px solid #f31456;">Content here</div>
.text {color:#f31456;}
.background {background-color:#f31456;}
.border {border:1px solid #f31456;}
Shades and Tints of #f31456
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, #080003 is the darkest color, while #fef4f7 is the lightest one.
-
#080003
#080003
rgb(8,0,3)
-
#1a0109
#1a0109
rgb(26,1,9)
-
#2d020f
#2d020f
rgb(45,2,15)
-
#400315
#400315
rgb(64,3,21)
-
#52041b
#52041b
rgb(82,4,27)
-
#650521
#650521
rgb(101,5,33)
-
#780628
#780628
rgb(120,6,40)
-
#8a072e
#8a072e
rgb(138,7,46)
-
#9d0834
#9d0834
rgb(157,8,52)
-
#b0093a
#b0093a
rgb(176,9,58)
-
#c20a40
#c20a40
rgb(194,10,64)
-
#d50b47
#d50b47
rgb(213,11,71)
-
#e80c4d
#e80c4d
rgb(232,12,77)
-
#f31456
#f31456
rgb(243,20,86)
-
#f42763
#f42763
rgb(244,39,99)
-
#f53971
#f53971
rgb(245,57,113)
-
#f64c7e
#f64c7e
rgb(246,76,126)
-
#f75f8c
#f75f8c
rgb(247,95,140)
-
#f87199
#f87199
rgb(248,113,153)
-
#f984a7
#f984a7
rgb(249,132,167)
-
#fa97b4
#fa97b4
rgb(250,151,180)
-
#fba9c1
#fba9c1
rgb(251,169,193)
-
#fcbccf
#fcbccf
rgb(252,188,207)
-
#fdcfdc
#fdcfdc
rgb(253,207,220)
-
#fde1ea
#fde1ea
rgb(253,225,234)
-
#fef4f7
#fef4f7
rgb(254,244,247)
Tones of #f31456
A tone is produced by adding gray to any pure hue. In this case, #8b7d81 is the less saturated color, while #fd0b52 is the most saturated one.
-
#8b7d81
#8b7d81
rgb(139,125,129)
-
#94737d
#94737d
rgb(148,115,125)
-
#9e6a79
#9e6a79
rgb(158,106,121)
-
#a76075
#a76075
rgb(167,96,117)
-
#b15771
#b15771
rgb(177,87,113)
-
#ba4d6d
#ba4d6d
rgb(186,77,109)
-
#c44469
#c44469
rgb(196,68,105)
-
#cd3a66
#cd3a66
rgb(205,58,102)
-
#d73162
#d73162
rgb(215,49,98)
-
#e0275e
#e0275e
rgb(224,39,94)
-
#ea1e5a
#ea1e5a
rgb(234,30,90)
-
#f31456
#f31456
rgb(243,20,86)
-
#fd0b52
#fd0b52
rgb(253,11,82)
Color Blindness Simulator
Below, you can see how #f31456 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.