#ff31b6 Color Information
In a RGB color space, hex #ff31b6 is composed of 100% red, 19.2% green and 71.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 80.8% magenta, 28.6% yellow and 0% black. It has a hue angle of 321.3 degrees, a saturation of 100% and a lightness of 59.6%. #ff31b6 color hex could be obtained by blending #ff62ff with #ff006d. Closest websafe color is: #ff33cc.
-
- R 100
- G 19
- B 71
-
- C 0
- M 81
- Y 29
- K 0
● #ff31b6 color description : Vivid pink.
#ff31b6 Color Conversion
The hexadecimal color #ff31b6 has RGB values of R:255, G:49, B:182 and CMYK values of C:0, M:0.81, Y:0.29, K:0. Its decimal value is 16724406.
Hex triplet | ff31b6 | #ff31b6 |
---|---|---|
RGB Decimal | 255, 49, 182 | rgb(255,49,182) |
RGB Percent | 100, 19.2, 71.4 | rgb(100%,19.2%,71.4%) |
CMYK | 0, 81, 29, 0 | |
HSL | 321.3°, 100, 59.6 | hsl(321.3,100%,59.6%) |
HSV (or HSB) | 321.3°, 80.8, 100 | |
Web Safe | ff33cc | #ff33cc |
CIE-LAB | 58.825, 83.201, -21.884 |
---|---|
XYZ | 50.782, 26.839, 46.76 |
xyY | 0.408, 0.216, 26.839 |
CIE-LCH | 58.825, 86.031, 345.264 |
CIE-LUV | 58.825, 110.376, -46.987 |
Hunter-Lab | 51.806, 84.312, -17.25 |
Binary | 11111111, 00110001, 10110110 |
Color Schemes with #ff31b6
Alternatives to #ff31b6
Below, you can see some colors close to #ff31b6. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ff31b6 Preview
This text has a font color of #ff31b6.
<span style="color:#ff31b6;">Text here</span>
This paragraph has a background color of #ff31b6.
<p style="background-color:#ff31b6;">Content here</p>
This element has a border color of #ff31b6.
<div style="border:1px solid #ff31b6;">Content here</div>
.text {color:#ff31b6;}
.background {background-color:#ff31b6;}
.border {border:1px solid #ff31b6;}
Shades and Tints of #ff31b6
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, #0a0006 is the darkest color, while #fff5fc is the lightest one.
-
#0a0006
#0a0006
rgb(10,0,6)
-
#1d0013
#1d0013
rgb(29,0,19)
-
#310020
#310020
rgb(49,0,32)
-
#45002c
#45002c
rgb(69,0,44)
-
#580039
#580039
rgb(88,0,57)
-
#6c0046
#6c0046
rgb(108,0,70)
-
#7f0052
#7f0052
rgb(127,0,82)
-
#93005f
#93005f
rgb(147,0,95)
-
#a7006c
#a7006c
rgb(167,0,108)
-
#ba0078
#ba0078
rgb(186,0,120)
-
#ce0085
#ce0085
rgb(206,0,133)
-
#e20092
#e20092
rgb(226,0,146)
-
#f5009e
#f5009e
rgb(245,0,158)
-
#ff0aa8
#ff0aa8
rgb(255,10,168)
-
#ff1daf
#ff1daf
rgb(255,29,175)
-
#ff31b6
#ff31b6
rgb(255,49,182)
-
#ff45bd
#ff45bd
rgb(255,69,189)
-
#ff58c4
#ff58c4
rgb(255,88,196)
-
#ff6ccb
#ff6ccb
rgb(255,108,203)
-
#ff7fd2
#ff7fd2
rgb(255,127,210)
-
#ff93d9
#ff93d9
rgb(255,147,217)
-
#ffa7e0
#ffa7e0
rgb(255,167,224)
-
#ffbae7
#ffbae7
rgb(255,186,231)
-
#ffceee
#ffceee
rgb(255,206,238)
-
#ffe2f5
#ffe2f5
rgb(255,226,245)
-
#fff5fc
#fff5fc
rgb(255,245,252)
Tones of #ff31b6
A tone is produced by adding gray to any pure hue. In this case, #a0909a is the less saturated color, while #ff31b6 is the most saturated one.
-
#a0909a
#a0909a
rgb(160,144,154)
-
#a8889d
#a8889d
rgb(168,136,157)
-
#b0809f
#b0809f
rgb(176,128,159)
-
#b878a1
#b878a1
rgb(184,120,161)
-
#c070a4
#c070a4
rgb(192,112,164)
-
#c868a6
#c868a6
rgb(200,104,166)
-
#cf61a8
#cf61a8
rgb(207,97,168)
-
#d759aa
#d759aa
rgb(215,89,170)
-
#df51ad
#df51ad
rgb(223,81,173)
-
#e749af
#e749af
rgb(231,73,175)
-
#ef41b1
#ef41b1
rgb(239,65,177)
-
#f739b4
#f739b4
rgb(247,57,180)
-
#ff31b6
#ff31b6
rgb(255,49,182)
Color Blindness Simulator
Below, you can see how #ff31b6 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.