#ff2f63 Color Information
In a RGB color space, hex #ff2f63 is composed of 100% red, 18.4% green and 38.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 81.6% magenta, 61.2% yellow and 0% black. It has a hue angle of 345 degrees, a saturation of 100% and a lightness of 59.2%. #ff2f63 color hex could be obtained by blending #ff5ec6 with #ff0000. Closest websafe color is: #ff3366.
-
- R 100
- G 18
- B 39
-
- C 0
- M 82
- Y 61
- K 0
● #ff2f63 color description : Vivid red.
#ff2f63 Color Conversion
The hexadecimal color #ff2f63 has RGB values of R:255, G:47, B:99 and CMYK values of C:0, M:0.82, Y:0.61, K:0. Its decimal value is 16723811.
Hex triplet | ff2f63 | #ff2f63 |
---|---|---|
RGB Decimal | 255, 47, 99 | rgb(255,47,99) |
RGB Percent | 100, 18.4, 38.8 | rgb(100%,18.4%,38.8%) |
CMYK | 0, 82, 61, 0 | |
HSL | 345°, 100, 59.2 | hsl(345,100%,59.2%) |
HSV (or HSB) | 345°, 81.6, 100 | |
Web Safe | ff3366 | #ff3366 |
CIE-LAB | 56.287, 76.699, 23.373 |
---|---|
XYZ | 44.511, 24.199, 14.131 |
xyY | 0.537, 0.292, 24.199 |
CIE-LCH | 56.287, 80.182, 16.948 |
CIE-LUV | 56.287, 144.813, 11.535 |
Hunter-Lab | 49.193, 75.423, 17.403 |
Binary | 11111111, 00101111, 01100011 |
Color Schemes with #ff2f63
Alternatives to #ff2f63
Below, you can see some colors close to #ff2f63. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ff2f63 Preview
This text has a font color of #ff2f63.
<span style="color:#ff2f63;">Text here</span>
This paragraph has a background color of #ff2f63.
<p style="background-color:#ff2f63;">Content here</p>
This element has a border color of #ff2f63.
<div style="border:1px solid #ff2f63;">Content here</div>
.text {color:#ff2f63;}
.background {background-color:#ff2f63;}
.border {border:1px solid #ff2f63;}
Shades and Tints of #ff2f63
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, #080002 is the darkest color, while #fff3f6 is the lightest one.
-
#080002
#080002
rgb(8,0,2)
-
#1b0007
#1b0007
rgb(27,0,7)
-
#2f000c
#2f000c
rgb(47,0,12)
-
#430011
#430011
rgb(67,0,17)
-
#560016
#560016
rgb(86,0,22)
-
#6a001a
#6a001a
rgb(106,0,26)
-
#7d001f
#7d001f
rgb(125,0,31)
-
#910024
#910024
rgb(145,0,36)
-
#a50029
#a50029
rgb(165,0,41)
-
#b8002e
#b8002e
rgb(184,0,46)
-
#cc0033
#cc0033
rgb(204,0,51)
-
#e00038
#e00038
rgb(224,0,56)
-
#f3003d
#f3003d
rgb(243,0,61)
-
#ff0846
#ff0846
rgb(255,8,70)
-
#ff1b54
#ff1b54
rgb(255,27,84)
-
#ff2f63
#ff2f63
rgb(255,47,99)
-
#ff4372
#ff4372
rgb(255,67,114)
-
#ff5680
#ff5680
rgb(255,86,128)
-
#ff6a8f
#ff6a8f
rgb(255,106,143)
-
#ff7d9e
#ff7d9e
rgb(255,125,158)
-
#ff91ad
#ff91ad
rgb(255,145,173)
-
#ffa5bb
#ffa5bb
rgb(255,165,187)
-
#ffb8ca
#ffb8ca
rgb(255,184,202)
-
#ffccd9
#ffccd9
rgb(255,204,217)
-
#ffe0e7
#ffe0e7
rgb(255,224,231)
-
#fff3f6
#fff3f6
rgb(255,243,246)
Tones of #ff2f63
A tone is produced by adding gray to any pure hue. In this case, #9f8f93 is the less saturated color, while #ff2f63 is the most saturated one.
-
#9f8f93
#9f8f93
rgb(159,143,147)
-
#a7878f
#a7878f
rgb(167,135,143)
-
#af7f8b
#af7f8b
rgb(175,127,139)
-
#b77787
#b77787
rgb(183,119,135)
-
#bf6f83
#bf6f83
rgb(191,111,131)
-
#c7677f
#c7677f
rgb(199,103,127)
-
#cf5f7b
#cf5f7b
rgb(207,95,123)
-
#d75777
#d75777
rgb(215,87,119)
-
#df4f73
#df4f73
rgb(223,79,115)
-
#e7476f
#e7476f
rgb(231,71,111)
-
#ef3f6b
#ef3f6b
rgb(239,63,107)
-
#f73767
#f73767
rgb(247,55,103)
-
#ff2f63
#ff2f63
rgb(255,47,99)
Color Blindness Simulator
Below, you can see how #ff2f63 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.