#f21733 Color Information
In a RGB color space, hex #f21733 is composed of 94.9% red, 9% green and 20% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 90.5% magenta, 78.9% yellow and 5.1% black. It has a hue angle of 352.3 degrees, a saturation of 89.4% and a lightness of 52%. #f21733 color hex could be obtained by blending #ff2e66 with #e50000. Closest websafe color is: #ff0033.
-
- R 95
- G 9
- B 20
-
- C 0
- M 90
- Y 79
- K 5
● #f21733 color description : Vivid red.
#f21733 Color Conversion
The hexadecimal color #f21733 has RGB values of R:242, G:23, B:51 and CMYK values of C:0, M:0.9, Y:0.79, K:0.05. Its decimal value is 15865651.
| Hex triplet | f21733 | #f21733 |
|---|---|---|
| RGB Decimal | 242, 23, 51 | rgb(242,23,51) |
| RGB Percent | 94.9, 9, 20 | rgb(94.9%,9%,20%) |
| CMYK | 0, 90, 79, 5 | |
| HSL | 352.3°, 89.4, 52 | hsl(352.3,89.4%,52%) |
| HSV (or HSB) | 352.3°, 90.5, 94.9 | |
| Web Safe | ff0033 | #ff0033 |
| CIE-LAB | 51.535, 75.698, 44.987 |
|---|---|
| XYZ | 37.524, 19.734, 4.965 |
| xyY | 0.603, 0.317, 19.734 |
| CIE-LCH | 51.535, 88.057, 30.723 |
| CIE-LUV | 51.535, 156.059, 27.734 |
| Hunter-Lab | 44.423, 73.038, 24.469 |
| Binary | 11110010, 00010111, 00110011 |
Color Schemes with #f21733
Alternatives to #f21733
Below, you can see some colors close to #f21733. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f21733 Preview
This text has a font color of #f21733.
<span style="color:#f21733;">Text here</span>
This paragraph has a background color of #f21733.
<p style="background-color:#f21733;">Content here</p>
This element has a border color of #f21733.
<div style="border:1px solid #f21733;">Content here</div>
.text {color:#f21733;}
.background {background-color:#f21733;}
.border {border:1px solid #f21733;}
Shades and Tints of #f21733
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, #090102 is the darkest color, while #fef6f7 is the lightest one.
-
#090102
#090102rgb(9,1,2) -
#1c0205
#1c0205rgb(28,2,5) -
#2f0308
#2f0308rgb(47,3,8) -
#41040c
#41040crgb(65,4,12) -
#54050f
#54050frgb(84,5,15) -
#660612
#660612rgb(102,6,18) -
#790715
#790715rgb(121,7,21) -
#8b0819
#8b0819rgb(139,8,25) -
#9e091c
#9e091crgb(158,9,28) -
#b10a1f
#b10a1frgb(177,10,31) -
#c30b22
#c30b22rgb(195,11,34) -
#d60c26
#d60c26rgb(214,12,38) -
#e80d29
#e80d29rgb(232,13,41)
-
#f21733
#f21733rgb(242,23,51) -
#f32a43
#f32a43rgb(243,42,67) -
#f43c54
#f43c54rgb(244,60,84) -
#f54f64
#f54f64rgb(245,79,100) -
#f66174
#f66174rgb(246,97,116) -
#f77485
#f77485rgb(247,116,133) -
#f88695
#f88695rgb(248,134,149) -
#f999a5
#f999a5rgb(249,153,165) -
#faacb6
#faacb6rgb(250,172,182) -
#fbbec6
#fbbec6rgb(251,190,198) -
#fcd1d6
#fcd1d6rgb(252,209,214) -
#fde3e7
#fde3e7rgb(253,227,231) -
#fef6f7
#fef6f7rgb(254,246,247)
Tones of #f21733
A tone is produced by adding gray to any pure hue. In this case, #8a7f80 is the less saturated color, while #fb0e2c is the most saturated one.
-
#8a7f80
#8a7f80rgb(138,127,128) -
#947579
#947579rgb(148,117,121) -
#9d6c72
#9d6c72rgb(157,108,114) -
#a7626b
#a7626brgb(167,98,107) -
#b05964
#b05964rgb(176,89,100) -
#b9505d
#b9505drgb(185,80,93) -
#c34656
#c34656rgb(195,70,86) -
#cc3d4f
#cc3d4frgb(204,61,79) -
#d63348
#d63348rgb(214,51,72) -
#df2a41
#df2a41rgb(223,42,65) -
#e9203a
#e9203argb(233,32,58) -
#f21733
#f21733rgb(242,23,51) -
#fb0e2c
#fb0e2crgb(251,14,44)
Color Blindness Simulator
Below, you can see how #f21733 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.
