#f64321 Color Information
In a RGB color space, hex #f64321 is composed of 96.5% red, 26.3% green and 12.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 72.8% magenta, 86.6% yellow and 3.5% black. It has a hue angle of 9.6 degrees, a saturation of 92.2% and a lightness of 54.7%. #f64321 color hex could be obtained by blending #ff8642 with #ed0000. Closest websafe color is: #ff3333.
-
- R 96
- G 26
- B 13
-
- C 0
- M 73
- Y 87
- K 4
● #f64321 color description : Vivid red.
#f64321 Color Conversion
The hexadecimal color #f64321 has RGB values of R:246, G:67, B:33 and CMYK values of C:0, M:0.73, Y:0.87, K:0.04. Its decimal value is 16139041.
| Hex triplet | f64321 | #f64321 |
|---|---|---|
| RGB Decimal | 246, 67, 33 | rgb(246,67,33) |
| RGB Percent | 96.5, 26.3, 12.9 | rgb(96.5%,26.3%,12.9%) |
| CMYK | 0, 73, 87, 4 | |
| HSL | 9.6°, 92.2, 54.7 | hsl(9.6,92.2%,54.7%) |
| HSV (or HSB) | 9.6°, 86.6, 96.5 | |
| Web Safe | ff3333 | #ff3333 |
| CIE-LAB | 55.808, 66.079, 57.902 |
|---|---|
| XYZ | 40.29, 23.722, 3.896 |
| xyY | 0.593, 0.349, 23.722 |
| CIE-LCH | 55.808, 87.858, 41.227 |
| CIE-LUV | 55.808, 143.176, 40.04 |
| Hunter-Lab | 48.705, 62.425, 29.351 |
| Binary | 11110110, 01000011, 00100001 |
Color Schemes with #f64321
Alternatives to #f64321
Below, you can see some colors close to #f64321. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f64321 Preview
This text has a font color of #f64321.
<span style="color:#f64321;">Text here</span>
This paragraph has a background color of #f64321.
<p style="background-color:#f64321;">Content here</p>
This element has a border color of #f64321.
<div style="border:1px solid #f64321;">Content here</div>
.text {color:#f64321;}
.background {background-color:#f64321;}
.border {border:1px solid #f64321;}
Shades and Tints of #f64321
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, #040100 is the darkest color, while #fef3f0 is the lightest one.
-
#040100
#040100rgb(4,1,0) -
#170401
#170401rgb(23,4,1) -
#2a0802
#2a0802rgb(42,8,2) -
#3d0c02
#3d0c02rgb(61,12,2) -
#500f03
#500f03rgb(80,15,3) -
#621304
#621304rgb(98,19,4) -
#751705
#751705rgb(117,23,5) -
#881a06
#881a06rgb(136,26,6) -
#9b1e06
#9b1e06rgb(155,30,6) -
#ae2207
#ae2207rgb(174,34,7) -
#c12508
#c12508rgb(193,37,8) -
#d42909
#d42909rgb(212,41,9) -
#e62d09
#e62d09rgb(230,45,9)
-
#f5330e
#f5330ergb(245,51,14) -
#f64321
#f64321rgb(246,67,33) -
#f75334
#f75334rgb(247,83,52) -
#f86347
#f86347rgb(248,99,71) -
#f8735a
#f8735argb(248,115,90) -
#f9836c
#f9836crgb(249,131,108) -
#fa937f
#fa937frgb(250,147,127) -
#fba392
#fba392rgb(251,163,146) -
#fbb3a5
#fbb3a5rgb(251,179,165) -
#fcc3b8
#fcc3b8rgb(252,195,184) -
#fdd3cb
#fdd3cbrgb(253,211,203) -
#fee3de
#fee3dergb(254,227,222) -
#fef3f0
#fef3f0rgb(254,243,240)
Tones of #f64321
A tone is produced by adding gray to any pure hue. In this case, #948683 is the less saturated color, while #ff3d18 is the most saturated one.
-
#948683
#948683rgb(148,134,131) -
#9d7f7a
#9d7f7argb(157,127,122) -
#a67971
#a67971rgb(166,121,113) -
#af7368
#af7368rgb(175,115,104) -
#b86d5f
#b86d5frgb(184,109,95) -
#c16756
#c16756rgb(193,103,86) -
#ca614d
#ca614drgb(202,97,77) -
#d25b45
#d25b45rgb(210,91,69) -
#db553c
#db553crgb(219,85,60) -
#e44f33
#e44f33rgb(228,79,51) -
#ed492a
#ed492argb(237,73,42) -
#f64321
#f64321rgb(246,67,33) -
#ff3d18
#ff3d18rgb(255,61,24)
Color Blindness Simulator
Below, you can see how #f64321 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.
