#f32028 Color Information
In a RGB color space, hex #f32028 is composed of 95.3% red, 12.5% green and 15.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 86.8% magenta, 83.5% yellow and 4.7% black. It has a hue angle of 357.7 degrees, a saturation of 89.8% and a lightness of 53.9%. #f32028 color hex could be obtained by blending #ff4050 with #e70000. Closest websafe color is: #ff3333.
-
- R 95
- G 13
- B 16
-
- C 0
- M 87
- Y 84
- K 5
● #f32028 color description : Vivid red.
#f32028 Color Conversion
The hexadecimal color #f32028 has RGB values of R:243, G:32, B:40 and CMYK values of C:0, M:0.87, Y:0.84, K:0.05. Its decimal value is 15933480.
| Hex triplet | f32028 | #f32028 |
|---|---|---|
| RGB Decimal | 243, 32, 40 | rgb(243,32,40) |
| RGB Percent | 95.3, 12.5, 15.7 | rgb(95.3%,12.5%,15.7%) |
| CMYK | 0, 87, 84, 5 | |
| HSL | 357.7°, 89.8, 53.9 | hsl(357.7,89.8%,53.9%) |
| HSV (or HSB) | 357.7°, 86.8, 95.3 | |
| Web Safe | ff3333 | #ff3333 |
| CIE-LAB | 52.114, 74.307, 51.389 |
|---|---|
| XYZ | 37.864, 20.246, 3.922 |
| xyY | 0.61, 0.326, 20.246 |
| CIE-LCH | 52.114, 90.346, 34.667 |
| CIE-LUV | 52.114, 156.381, 32.102 |
| Hunter-Lab | 44.995, 71.466, 26.329 |
| Binary | 11110011, 00100000, 00101000 |
Color Schemes with #f32028
Alternatives to #f32028
Below, you can see some colors close to #f32028. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f32028 Preview
This text has a font color of #f32028.
<span style="color:#f32028;">Text here</span>
This paragraph has a background color of #f32028.
<p style="background-color:#f32028;">Content here</p>
This element has a border color of #f32028.
<div style="border:1px solid #f32028;">Content here</div>
.text {color:#f32028;}
.background {background-color:#f32028;}
.border {border:1px solid #f32028;}
Shades and Tints of #f32028
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) -
#4b0407
#4b0407rgb(75,4,7) -
#5d0508
#5d0508rgb(93,5,8) -
#70060a
#70060argb(112,6,10) -
#83070c
#83070crgb(131,7,12) -
#95080d
#95080drgb(149,8,13) -
#a8090f
#a8090frgb(168,9,15) -
#bb0a11
#bb0a11rgb(187,10,17) -
#cd0b12
#cd0b12rgb(205,11,18) -
#e00c14
#e00c14rgb(224,12,20)
-
#f20d16
#f20d16rgb(242,13,22) -
#f32028
#f32028rgb(243,32,40) -
#f4333a
#f4333argb(244,51,58) -
#f5454c
#f5454crgb(245,69,76) -
#f6585e
#f6585ergb(246,88,94) -
#f76a70
#f76a70rgb(247,106,112) -
#f87d82
#f87d82rgb(248,125,130) -
#f99094
#f99094rgb(249,144,148) -
#faa2a6
#faa2a6rgb(250,162,166) -
#fbb5b8
#fbb5b8rgb(251,181,184) -
#fcc8ca
#fcc8cargb(252,200,202) -
#fddadb
#fddadbrgb(253,218,219) -
#feeded
#feededrgb(254,237,237)
Tones of #f32028
A tone is produced by adding gray to any pure hue. In this case, #908384 is the less saturated color, while #fc1720 is the most saturated one.
-
#908384
#908384rgb(144,131,132) -
#997a7c
#997a7crgb(153,122,124) -
#a27173
#a27173rgb(162,113,115) -
#ab686b
#ab686brgb(171,104,107) -
#b45f62
#b45f62rgb(180,95,98) -
#bd565a
#bd565argb(189,86,90) -
#c64d52
#c64d52rgb(198,77,82) -
#cf4449
#cf4449rgb(207,68,73) -
#d83b41
#d83b41rgb(216,59,65) -
#e13239
#e13239rgb(225,50,57) -
#ea2930
#ea2930rgb(234,41,48) -
#f32028
#f32028rgb(243,32,40) -
#fc1720
#fc1720rgb(252,23,32)
Color Blindness Simulator
Below, you can see how #f32028 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.
