#f31661 Color Information
In a RGB color space, hex #f31661 is composed of 95.3% red, 8.6% green and 38% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 90.9% magenta, 60.1% yellow and 4.7% black. It has a hue angle of 339.6 degrees, a saturation of 90.2% and a lightness of 52%. #f31661 color hex could be obtained by blending #ff2cc2 with #e70000. Closest websafe color is: #ff0066.
-
- R 95
- G 9
- B 38
-
- C 0
- M 91
- Y 60
- K 5
● #f31661 color description : Vivid pink.
#f31661 Color Conversion
The hexadecimal color #f31661 has RGB values of R:243, G:22, B:97 and CMYK values of C:0, M:0.91, Y:0.6, K:0.05. Its decimal value is 15930977.
Hex triplet | f31661 | #f31661 |
---|---|---|
RGB Decimal | 243, 22, 97 | rgb(243,22,97) |
RGB Percent | 95.3, 8.6, 38 | rgb(95.3%,8.6%,38%) |
CMYK | 0, 91, 60, 5 | |
HSL | 339.6°, 90.2, 52 | hsl(339.6,90.2%,52%) |
HSV (or HSB) | 339.6°, 90.9, 95.3 | |
Web Safe | ff0066 | #ff0066 |
CIE-LAB | 52.394, 78.037, 18.961 |
---|---|
XYZ | 39.408, 20.496, 13.19 |
xyY | 0.539, 0.28, 20.496 |
CIE-LCH | 52.394, 80.308, 13.657 |
CIE-LUV | 52.394, 143.097, 6.154 |
Hunter-Lab | 45.273, 76.15, 14.418 |
Binary | 11110011, 00010110, 01100001 |
Color Schemes with #f31661
Alternatives to #f31661
Below, you can see some colors close to #f31661. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f31661 Preview
This text has a font color of #f31661.
<span style="color:#f31661;">Text here</span>
This paragraph has a background color of #f31661.
<p style="background-color:#f31661;">Content here</p>
This element has a border color of #f31661.
<div style="border:1px solid #f31661;">Content here</div>
.text {color:#f31661;}
.background {background-color:#f31661;}
.border {border:1px solid #f31661;}
Shades and Tints of #f31661
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, #0a0004 is the darkest color, while #fff6f9 is the lightest one.
-
#0a0004
#0a0004
rgb(10,0,4)
-
#1c010b
#1c010b
rgb(28,1,11)
-
#2f0211
#2f0211
rgb(47,2,17)
-
#410318
#410318
rgb(65,3,24)
-
#54041f
#54041f
rgb(84,4,31)
-
#670526
#670526
rgb(103,5,38)
-
#79062d
#79062d
rgb(121,6,45)
-
#8c0734
#8c0734
rgb(140,7,52)
-
#9f083b
#9f083b
rgb(159,8,59)
-
#b10942
#b10942
rgb(177,9,66)
-
#c40a49
#c40a49
rgb(196,10,73)
-
#d70b50
#d70b50
rgb(215,11,80)
-
#e90c57
#e90c57
rgb(233,12,87)
-
#f31661
#f31661
rgb(243,22,97)
-
#f4296e
#f4296e
rgb(244,41,110)
-
#f53b7a
#f53b7a
rgb(245,59,122)
-
#f64e87
#f64e87
rgb(246,78,135)
-
#f76194
#f76194
rgb(247,97,148)
-
#f873a0
#f873a0
rgb(248,115,160)
-
#f986ad
#f986ad
rgb(249,134,173)
-
#fa99ba
#fa99ba
rgb(250,153,186)
-
#fbabc6
#fbabc6
rgb(251,171,198)
-
#fcbed3
#fcbed3
rgb(252,190,211)
-
#fdd1df
#fdd1df
rgb(253,209,223)
-
#fee3ec
#fee3ec
rgb(254,227,236)
-
#fff6f9
#fff6f9
rgb(255,246,249)
Tones of #f31661
A tone is produced by adding gray to any pure hue. In this case, #8b7e82 is the less saturated color, while #fc0d5e is the most saturated one.
-
#8b7e82
#8b7e82
rgb(139,126,130)
-
#95747f
#95747f
rgb(149,116,127)
-
#9e6b7c
#9e6b7c
rgb(158,107,124)
-
#a86179
#a86179
rgb(168,97,121)
-
#b15876
#b15876
rgb(177,88,118)
-
#ba4f73
#ba4f73
rgb(186,79,115)
-
#c44570
#c44570
rgb(196,69,112)
-
#cd3c6d
#cd3c6d
rgb(205,60,109)
-
#d7326a
#d7326a
rgb(215,50,106)
-
#e02967
#e02967
rgb(224,41,103)
-
#ea1f64
#ea1f64
rgb(234,31,100)
-
#f31661
#f31661
rgb(243,22,97)
-
#fc0d5e
#fc0d5e
rgb(252,13,94)
Color Blindness Simulator
Below, you can see how #f31661 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.