#f31255 Color Information
In a RGB color space, hex #f31255 is composed of 95.3% red, 7.1% green and 33.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 92.6% magenta, 65% yellow and 4.7% black. It has a hue angle of 342.1 degrees, a saturation of 90.4% and a lightness of 51.2%. #f31255 color hex could be obtained by blending #ff24aa with #e70000. Closest websafe color is: #ff0066.
-
- R 95
- G 7
- B 33
-
- C 0
- M 93
- Y 65
- K 5
● #f31255 color description : Vivid pink.
#f31255 Color Conversion
The hexadecimal color #f31255 has RGB values of R:243, G:18, B:85 and CMYK values of C:0, M:0.93, Y:0.65, K:0.05. Its decimal value is 15929941.
Hex triplet | f31255 | #f31255 |
---|---|---|
RGB Decimal | 243, 18, 85 | rgb(243,18,85) |
RGB Percent | 95.3, 7.1, 33.3 | rgb(95.3%,7.1%,33.3%) |
CMYK | 0, 93, 65, 5 | |
HSL | 342.1°, 90.4, 51.2 | hsl(342.1,90.4%,51.2%) |
HSV (or HSB) | 342.1°, 92.6, 95.3 | |
Web Safe | ff0066 | #ff0066 |
CIE-LAB | 52.004, 77.851, 25.712 |
---|---|
XYZ | 38.82, 20.148, 10.439 |
xyY | 0.559, 0.29, 20.148 |
CIE-LCH | 52.004, 81.988, 18.277 |
CIE-LUV | 52.004, 148.177, 12.608 |
Hunter-Lab | 44.887, 75.823, 17.632 |
Binary | 11110011, 00010010, 01010101 |
Color Schemes with #f31255
Alternatives to #f31255
Below, you can see some colors close to #f31255. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f31255 Preview
This text has a font color of #f31255.
<span style="color:#f31255;">Text here</span>
This paragraph has a background color of #f31255.
<p style="background-color:#f31255;">Content here</p>
This element has a border color of #f31255.
<div style="border:1px solid #f31255;">Content here</div>
.text {color:#f31255;}
.background {background-color:#f31255;}
.border {border:1px solid #f31255;}
Shades and Tints of #f31255
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, #060002 is the darkest color, while #fef2f6 is the lightest one.
-
#060002
#060002
rgb(6,0,2)
-
#180108
#180108
rgb(24,1,8)
-
#2b020e
#2b020e
rgb(43,2,14)
-
#3e0315
#3e0315
rgb(62,3,21)
-
#50041b
#50041b
rgb(80,4,27)
-
#630521
#630521
rgb(99,5,33)
-
#760627
#760627
rgb(118,6,39)
-
#88072d
#88072d
rgb(136,7,45)
-
#9b0834
#9b0834
rgb(155,8,52)
-
#ae093a
#ae093a
rgb(174,9,58)
-
#c00a40
#c00a40
rgb(192,10,64)
-
#d30b46
#d30b46
rgb(211,11,70)
-
#e60c4d
#e60c4d
rgb(230,12,77)
-
#f31255
#f31255
rgb(243,18,85)
-
#f42562
#f42562
rgb(244,37,98)
-
#f53770
#f53770
rgb(245,55,112)
-
#f64a7d
#f64a7d
rgb(246,74,125)
-
#f75d8b
#f75d8b
rgb(247,93,139)
-
#f86f98
#f86f98
rgb(248,111,152)
-
#f982a5
#f982a5
rgb(249,130,165)
-
#fa95b3
#fa95b3
rgb(250,149,179)
-
#fba7c0
#fba7c0
rgb(251,167,192)
-
#fcbace
#fcbace
rgb(252,186,206)
-
#fccddb
#fccddb
rgb(252,205,219)
-
#fddfe8
#fddfe8
rgb(253,223,232)
-
#fef2f6
#fef2f6
rgb(254,242,246)
Tones of #f31255
A tone is produced by adding gray to any pure hue. In this case, #8a7b80 is the less saturated color, while #fd0851 is the most saturated one.
-
#8a7b80
#8a7b80
rgb(138,123,128)
-
#93727c
#93727c
rgb(147,114,124)
-
#9d6878
#9d6878
rgb(157,104,120)
-
#a65f74
#a65f74
rgb(166,95,116)
-
#b05570
#b05570
rgb(176,85,112)
-
#ba4b6c
#ba4b6c
rgb(186,75,108)
-
#c34268
#c34268
rgb(195,66,104)
-
#cd3864
#cd3864
rgb(205,56,100)
-
#d62f61
#d62f61
rgb(214,47,97)
-
#e0255d
#e0255d
rgb(224,37,93)
-
#e91c59
#e91c59
rgb(233,28,89)
-
#f31255
#f31255
rgb(243,18,85)
-
#fd0851
#fd0851
rgb(253,8,81)
Color Blindness Simulator
Below, you can see how #f31255 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.