#f31866 Color Information
In a RGB color space, hex #f31866 is composed of 95.3% red, 9.4% green and 40% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 90.1% magenta, 58% yellow and 4.7% black. It has a hue angle of 338.6 degrees, a saturation of 90.1% and a lightness of 52.4%. #f31866 color hex could be obtained by blending #ff30cc with #e70000. Closest websafe color is: #ff0066.
-
- R 95
- G 9
- B 40
-
- C 0
- M 90
- Y 58
- K 5
● #f31866 color description : Vivid pink.
#f31866 Color Conversion
The hexadecimal color #f31866 has RGB values of R:243, G:24, B:102 and CMYK values of C:0, M:0.9, Y:0.58, K:0.05. Its decimal value is 15931494.
Hex triplet | f31866 | #f31866 |
---|---|---|
RGB Decimal | 243, 24, 102 | rgb(243,24,102) |
RGB Percent | 95.3, 9.4, 40 | rgb(95.3%,9.4%,40%) |
CMYK | 0, 90, 58, 5 | |
HSL | 338.6°, 90.1, 52.4 | hsl(338.6,90.1%,52.4%) |
HSV (or HSB) | 338.6°, 90.1, 95.3 | |
Web Safe | ff0066 | #ff0066 |
CIE-LAB | 52.589, 78.079, 16.194 |
---|---|
XYZ | 39.689, 20.672, 14.47 |
xyY | 0.53, 0.276, 20.672 |
CIE-LCH | 52.589, 79.741, 11.717 |
CIE-LUV | 52.589, 140.786, 3.318 |
Hunter-Lab | 45.467, 76.25, 12.957 |
Binary | 11110011, 00011000, 01100110 |
Color Schemes with #f31866
Alternatives to #f31866
Below, you can see some colors close to #f31866. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f31866 Preview
This text has a font color of #f31866.
<span style="color:#f31866;">Text here</span>
This paragraph has a background color of #f31866.
<p style="background-color:#f31866;">Content here</p>
This element has a border color of #f31866.
<div style="border:1px solid #f31866;">Content here</div>
.text {color:#f31866;}
.background {background-color:#f31866;}
.border {border:1px solid #f31866;}
Shades and Tints of #f31866
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, #0b0104 is the darkest color, while #fff8fa is the lightest one.
-
#0b0104
#0b0104
rgb(11,1,4)
-
#1e020c
#1e020c
rgb(30,2,12)
-
#310313
#310313
rgb(49,3,19)
-
#43031a
#43031a
rgb(67,3,26)
-
#560422
#560422
rgb(86,4,34)
-
#690529
#690529
rgb(105,5,41)
-
#7b0630
#7b0630
rgb(123,6,48)
-
#8e0737
#8e0737
rgb(142,7,55)
-
#a1083f
#a1083f
rgb(161,8,63)
-
#b30946
#b30946
rgb(179,9,70)
-
#c60a4d
#c60a4d
rgb(198,10,77)
-
#d90b54
#d90b54
rgb(217,11,84)
-
#eb0c5c
#eb0c5c
rgb(235,12,92)
-
#f31866
#f31866
rgb(243,24,102)
-
#f42b72
#f42b72
rgb(244,43,114)
-
#f53d7f
#f53d7f
rgb(245,61,127)
-
#f6508b
#f6508b
rgb(246,80,139)
-
#f76397
#f76397
rgb(247,99,151)
-
#f875a4
#f875a4
rgb(248,117,164)
-
#f988b0
#f988b0
rgb(249,136,176)
-
#fa9bbc
#fa9bbc
rgb(250,155,188)
-
#fbadc9
#fbadc9
rgb(251,173,201)
-
#fcc0d5
#fcc0d5
rgb(252,192,213)
-
#fdd2e2
#fdd2e2
rgb(253,210,226)
-
#fee5ee
#fee5ee
rgb(254,229,238)
-
#fff8fa
#fff8fa
rgb(255,248,250)
Tones of #f31866
A tone is produced by adding gray to any pure hue. In this case, #8c7f84 is the less saturated color, while #fc0f63 is the most saturated one.
-
#8c7f84
#8c7f84
rgb(140,127,132)
-
#967581
#967581
rgb(150,117,129)
-
#9f6c7e
#9f6c7e
rgb(159,108,126)
-
#a8637c
#a8637c
rgb(168,99,124)
-
#b25979
#b25979
rgb(178,89,121)
-
#bb5076
#bb5076
rgb(187,80,118)
-
#c44773
#c44773
rgb(196,71,115)
-
#ce3d71
#ce3d71
rgb(206,61,113)
-
#d7346e
#d7346e
rgb(215,52,110)
-
#e02b6b
#e02b6b
rgb(224,43,107)
-
#ea2169
#ea2169
rgb(234,33,105)
-
#f31866
#f31866
rgb(243,24,102)
-
#fc0f63
#fc0f63
rgb(252,15,99)
Color Blindness Simulator
Below, you can see how #f31866 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.