#f32031 Color Information
In a RGB color space, hex #f32031 is composed of 95.3% red, 12.5% green and 19.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 86.8% magenta, 79.8% yellow and 4.7% black. It has a hue angle of 355.2 degrees, a saturation of 89.8% and a lightness of 53.9%. #f32031 color hex could be obtained by blending #ff4062 with #e70000. Closest websafe color is: #ff3333.
-
- R 95
- G 13
- B 19
-
- C 0
- M 87
- Y 80
- K 5
● #f32031 color description : Vivid red.
#f32031 Color Conversion
The hexadecimal color #f32031 has RGB values of R:243, G:32, B:49 and CMYK values of C:0, M:0.87, Y:0.8, K:0.05. Its decimal value is 15933489.
| Hex triplet | f32031 | #f32031 |
|---|---|---|
| RGB Decimal | 243, 32, 49 | rgb(243,32,49) |
| RGB Percent | 95.3, 12.5, 19.2 | rgb(95.3%,12.5%,19.2%) |
| CMYK | 0, 87, 80, 5 | |
| HSL | 355.2°, 89.8, 53.9 | hsl(355.2,89.8%,53.9%) |
| HSV (or HSB) | 355.2°, 86.8, 95.3 | |
| Web Safe | ff3333 | #ff3333 |
| CIE-LAB | 52.191, 74.53, 46.801 |
|---|---|
| XYZ | 38.035, 20.314, 4.824 |
| xyY | 0.602, 0.322, 20.314 |
| CIE-LCH | 52.191, 88.006, 32.127 |
| CIE-LUV | 52.191, 154.733, 29.495 |
| Hunter-Lab | 45.071, 71.758, 25.204 |
| Binary | 11110011, 00100000, 00110001 |
Color Schemes with #f32031
Alternatives to #f32031
Below, you can see some colors close to #f32031. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f32031 Preview
This text has a font color of #f32031.
<span style="color:#f32031;">Text here</span>
This paragraph has a background color of #f32031.
<p style="background-color:#f32031;">Content here</p>
This element has a border color of #f32031.
<div style="border:1px solid #f32031;">Content here</div>
.text {color:#f32031;}
.background {background-color:#f32031;}
.border {border:1px solid #f32031;}
Shades and Tints of #f32031
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, #000000 is the darkest color, while #feedee is the lightest one.
-
#000000
#000000rgb(0,0,0) -
#130102
#130102rgb(19,1,2) -
#260205
#260205rgb(38,2,5) -
#380307
#380307rgb(56,3,7) -
#4b040a
#4b040argb(75,4,10) -
#5d050c
#5d050crgb(93,5,12) -
#70060f
#70060frgb(112,6,15) -
#830711
#830711rgb(131,7,17) -
#950813
#950813rgb(149,8,19) -
#a80916
#a80916rgb(168,9,22) -
#bb0a18
#bb0a18rgb(187,10,24) -
#cd0b1b
#cd0b1brgb(205,11,27) -
#e00c1d
#e00c1drgb(224,12,29)
-
#f20d20
#f20d20rgb(242,13,32) -
#f32031
#f32031rgb(243,32,49) -
#f43342
#f43342rgb(244,51,66) -
#f54553
#f54553rgb(245,69,83) -
#f65865
#f65865rgb(246,88,101) -
#f76a76
#f76a76rgb(247,106,118) -
#f87d87
#f87d87rgb(248,125,135) -
#f99098
#f99098rgb(249,144,152) -
#faa2a9
#faa2a9rgb(250,162,169) -
#fbb5bb
#fbb5bbrgb(251,181,187) -
#fcc8cc
#fcc8ccrgb(252,200,204) -
#fddadd
#fddaddrgb(253,218,221) -
#feedee
#feedeergb(254,237,238)
Tones of #f32031
A tone is produced by adding gray to any pure hue. In this case, #908384 is the less saturated color, while #fc1729 is the most saturated one.
-
#908384
#908384rgb(144,131,132) -
#997a7d
#997a7drgb(153,122,125) -
#a27175
#a27175rgb(162,113,117) -
#ab686e
#ab686ergb(171,104,110) -
#b45f66
#b45f66rgb(180,95,102) -
#bd565e
#bd565ergb(189,86,94) -
#c64d57
#c64d57rgb(198,77,87) -
#cf444f
#cf444frgb(207,68,79) -
#d83b48
#d83b48rgb(216,59,72) -
#e13240
#e13240rgb(225,50,64) -
#ea2939
#ea2939rgb(234,41,57) -
#f32031
#f32031rgb(243,32,49) -
#fc1729
#fc1729rgb(252,23,41)
Color Blindness Simulator
Below, you can see how #f32031 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.
