#f32027 Color Information
In a RGB color space, hex #f32027 is composed of 95.3% red, 12.5% green and 15.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 86.8% magenta, 84% yellow and 4.7% black. It has a hue angle of 358 degrees, a saturation of 89.8% and a lightness of 53.9%. #f32027 color hex could be obtained by blending #ff404e with #e70000. Closest websafe color is: #ff3333.
-
- R 95
- G 13
- B 15
-
- C 0
- M 87
- Y 84
- K 5
● #f32027 color description : Vivid red.
#f32027 Color Conversion
The hexadecimal color #f32027 has RGB values of R:243, G:32, B:39 and CMYK values of C:0, M:0.87, Y:0.84, K:0.05. Its decimal value is 15933479.
| Hex triplet | f32027 | #f32027 |
|---|---|---|
| RGB Decimal | 243, 32, 39 | rgb(243,32,39) |
| RGB Percent | 95.3, 12.5, 15.3 | rgb(95.3%,12.5%,15.3%) |
| CMYK | 0, 87, 84, 5 | |
| HSL | 358°, 89.8, 53.9 | hsl(358,89.8%,53.9%) |
| HSV (or HSB) | 358°, 86.8, 95.3 | |
| Web Safe | ff3333 | #ff3333 |
| CIE-LAB | 52.106, 74.285, 51.876 |
|---|---|
| XYZ | 37.847, 20.239, 3.833 |
| xyY | 0.611, 0.327, 20.239 |
| CIE-LCH | 52.106, 90.606, 34.928 |
| CIE-LUV | 52.106, 156.545, 32.361 |
| Hunter-Lab | 44.988, 71.438, 26.44 |
| Binary | 11110011, 00100000, 00100111 |
Color Schemes with #f32027
Alternatives to #f32027
Below, you can see some colors close to #f32027. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f32027 Preview
This text has a font color of #f32027.
<span style="color:#f32027;">Text here</span>
This paragraph has a background color of #f32027.
<p style="background-color:#f32027;">Content here</p>
This element has a border color of #f32027.
<div style="border:1px solid #f32027;">Content here</div>
.text {color:#f32027;}
.background {background-color:#f32027;}
.border {border:1px solid #f32027;}
Shades and Tints of #f32027
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 #feeded is the lightest one.
-
#000000
#000000rgb(0,0,0) -
#130102
#130102rgb(19,1,2) -
#260203
#260203rgb(38,2,3) -
#380305
#380305rgb(56,3,5) -
#4b0406
#4b0406rgb(75,4,6) -
#5d0508
#5d0508rgb(93,5,8) -
#70060a
#70060argb(112,6,10) -
#83070b
#83070brgb(131,7,11) -
#95080d
#95080drgb(149,8,13) -
#a8090e
#a8090ergb(168,9,14) -
#bb0a10
#bb0a10rgb(187,10,16) -
#cd0b11
#cd0b11rgb(205,11,17) -
#e00c13
#e00c13rgb(224,12,19)
-
#f20d15
#f20d15rgb(242,13,21) -
#f32027
#f32027rgb(243,32,39) -
#f43339
#f43339rgb(244,51,57) -
#f5454b
#f5454brgb(245,69,75) -
#f6585d
#f6585drgb(246,88,93) -
#f76a6f
#f76a6frgb(247,106,111) -
#f87d81
#f87d81rgb(248,125,129) -
#f99093
#f99093rgb(249,144,147) -
#faa2a5
#faa2a5rgb(250,162,165) -
#fbb5b7
#fbb5b7rgb(251,181,183) -
#fcc8c9
#fcc8c9rgb(252,200,201) -
#fddadb
#fddadbrgb(253,218,219) -
#feeded
#feededrgb(254,237,237)
Tones of #f32027
A tone is produced by adding gray to any pure hue. In this case, #908384 is the less saturated color, while #fc171f is the most saturated one.
-
#908384
#908384rgb(144,131,132) -
#997a7b
#997a7brgb(153,122,123) -
#a27173
#a27173rgb(162,113,115) -
#ab686b
#ab686brgb(171,104,107) -
#b45f62
#b45f62rgb(180,95,98) -
#bd565a
#bd565argb(189,86,90) -
#c64d51
#c64d51rgb(198,77,81) -
#cf4449
#cf4449rgb(207,68,73) -
#d83b40
#d83b40rgb(216,59,64) -
#e13238
#e13238rgb(225,50,56) -
#ea292f
#ea292frgb(234,41,47) -
#f32027
#f32027rgb(243,32,39) -
#fc171f
#fc171frgb(252,23,31)
Color Blindness Simulator
Below, you can see how #f32027 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.
