#ff2931 Color Information
In a RGB color space, hex #ff2931 is composed of 100% red, 16.1% green and 19.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 83.9% magenta, 80.8% yellow and 0% black. It has a hue angle of 357.8 degrees, a saturation of 100% and a lightness of 58%. #ff2931 color hex could be obtained by blending #ff5262 with #ff0000. Closest websafe color is: #ff3333.
-
- R 100
- G 16
- B 19
-
- C 0
- M 84
- Y 81
- K 0
● #ff2931 color description : Vivid red.
#ff2931 Color Conversion
The hexadecimal color #ff2931 has RGB values of R:255, G:41, B:49 and CMYK values of C:0, M:0.84, Y:0.81, K:0. Its decimal value is 16722225.
Hex triplet | ff2931 | #ff2931 |
---|---|---|
RGB Decimal | 255, 41, 49 | rgb(255,41,49) |
RGB Percent | 100, 16.1, 19.2 | rgb(100%,16.1%,19.2%) |
CMYK | 0, 84, 81, 0 | |
HSL | 357.8°, 100, 58 | hsl(357.8,100%,58%) |
HSV (or HSB) | 357.8°, 83.9, 100 | |
Web Safe | ff3333 | #ff3333 |
CIE-LAB | 55.148, 75.941, 50.496 |
---|---|
XYZ | 42.59, 23.073, 5.117 |
xyY | 0.602, 0.326, 23.073 |
CIE-LCH | 55.148, 91.197, 33.621 |
CIE-LUV | 55.148, 160.447, 32.708 |
Hunter-Lab | 48.034, 74.206, 27.308 |
Binary | 11111111, 00101001, 00110001 |
Color Schemes with #ff2931
Alternatives to #ff2931
Below, you can see some colors close to #ff2931. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ff2931 Preview
This text has a font color of #ff2931.
<span style="color:#ff2931;">Text here</span>
This paragraph has a background color of #ff2931.
<p style="background-color:#ff2931;">Content here</p>
This element has a border color of #ff2931.
<div style="border:1px solid #ff2931;">Content here</div>
.text {color:#ff2931;}
.background {background-color:#ff2931;}
.border {border:1px solid #ff2931;}
Shades and Tints of #ff2931
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, #020000 is the darkest color, while #ffedee is the lightest one.
-
#020000
#020000
rgb(2,0,0)
-
#150001
#150001
rgb(21,0,1)
-
#290002
#290002
rgb(41,0,2)
-
#3d0002
#3d0002
rgb(61,0,2)
-
#500003
#500003
rgb(80,0,3)
-
#640004
#640004
rgb(100,0,4)
-
#770004
#770004
rgb(119,0,4)
-
#8b0005
#8b0005
rgb(139,0,5)
-
#9f0006
#9f0006
rgb(159,0,6)
-
#b20007
#b20007
rgb(178,0,7)
-
#c60007
#c60007
rgb(198,0,7)
-
#da0008
#da0008
rgb(218,0,8)
-
#ed0009
#ed0009
rgb(237,0,9)
-
#ff020b
#ff020b
rgb(255,2,11)
-
#ff151e
#ff151e
rgb(255,21,30)
-
#ff2931
#ff2931
rgb(255,41,49)
-
#ff3d44
#ff3d44
rgb(255,61,68)
-
#ff5057
#ff5057
rgb(255,80,87)
-
#ff646a
#ff646a
rgb(255,100,106)
-
#ff777d
#ff777d
rgb(255,119,125)
-
#ff8b8f
#ff8b8f
rgb(255,139,143)
-
#ff9fa2
#ff9fa2
rgb(255,159,162)
-
#ffb2b5
#ffb2b5
rgb(255,178,181)
-
#ffc6c8
#ffc6c8
rgb(255,198,200)
-
#ffdadb
#ffdadb
rgb(255,218,219)
-
#ffedee
#ffedee
rgb(255,237,238)
Tones of #ff2931
A tone is produced by adding gray to any pure hue. In this case, #9c8c8c is the less saturated color, while #ff2931 is the most saturated one.
-
#9c8c8c
#9c8c8c
rgb(156,140,140)
-
#a48485
#a48485
rgb(164,132,133)
-
#ad7b7d
#ad7b7d
rgb(173,123,125)
-
#b57376
#b57376
rgb(181,115,118)
-
#bd6b6e
#bd6b6e
rgb(189,107,110)
-
#c56366
#c56366
rgb(197,99,102)
-
#ce5a5f
#ce5a5f
rgb(206,90,95)
-
#d65257
#d65257
rgb(214,82,87)
-
#de4a4f
#de4a4f
rgb(222,74,79)
-
#e64248
#e64248
rgb(230,66,72)
-
#ef3940
#ef3940
rgb(239,57,64)
-
#f73139
#f73139
rgb(247,49,57)
-
#ff2931
#ff2931
rgb(255,41,49)
Color Blindness Simulator
Below, you can see how #ff2931 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.